#1
Award
Winning
Agency
2021

Q: If I add a top navigation with mega menu of all the pages of the website (html as well as indexable by Google), will this defuse the link juice?

A: As far as I believe, Google either ignores or deprecates any CMS or Javascript based content. Pull down menu is one form of it. Even on going through the Google SEO Starter Guide, you will not see any mention of these techniques.

link juice Is mega menu good for SEO?

Many of you might not know that a major part of the “code base” for Google search engine was written in 1999, when things like pull down navigation didn’t exist. So, you want HTML code written in an “old” vs “new” way, in terms of SEO. This is why, major sites place “simple navigation” at the bottom of the page and pull down nav at the top (for Google).

Remember that Google always says that it can interpret all of this, but it actually:

  • Watches what it does
  • Pays attention to what’s on the top of Google

Though, Google still is following some old rules, but it likes its followers to be cool.

Mega menus are large drop-down menus with multi-level expansions. With the help of such menus, one can put their website’s entire navigation into a single menu. Take popular websites such as kogan.com.au or catch.com.au as examples and you would understand what we are talking about. These types of mega menus can contain a massive amount of links.

Therefore, a visitor can easily access the deepest sections of your website via the main menu. Now, the question is whether a mega menu is bad for SEO or not. In this article, we will discuss the impact that a mega menu could have on your SEO.

google Is mega menu good for SEO?

The impact of a mega menu on SEO

Mega menus are pretty much eye candies. A website owner can make a mega menu visually attractive and thus, improve conversion rates for large websites. Mega menus can make content that’s not readily available to the user right away more accessible. So, a user doesn’t need to click 3/4 times in a row to reach their desired section of your website. This is a plus point when it comes to mega menus. However, they are not so great if we are talking about your website’s Google ranking.

It’s a proven fact that the use of mega menus on your website can negatively affect your website’s Google rankings. These types of menus can hamper hierarchical URL structures. Also, they can damage the logical PR flow of your website. That means, when you use a mega menu, the PageRank is more equally distributed across your entire website. Now, you might ask, “How is that a problem? Isn’t it good for my website”?

Well, we hate to break it to you, but it doesn’t work as you think. As a general rule of thumb, the most important pages of your website should get the lion’s share of PR. More even distribution of the PR means only one thing. Even the least important pages of your website will get the same PageRank as the most important ones. That is not something you would want, right?

Nicely structured and logical websites get the most favor from Google. And as a result, they get the best rankings. It is, however, not the case when it comes to mega menus. Here, tons of links reside on the same level. So, Google gets the wrong message that they all are of similar importance.

Apart from that, mega menus tend to group some contents that are not even remotely close to each other. And, consequently, indicates a type of relationship that would not exist in normal circumstances. Such mega menus also tend to create a lot of links on a single page. They keep continuing it throughout all the other pages of the website.

Besides that, there some other issues as well:

Too many links on a page

A mega menu adds too many links on a single page. As we know, Google recommends website owners to keep the number of links on a page as few as possible. The keywords in the links can also create uncertainty regarding the page themes. To say it more precisely, it becomes very hard for Google to comprehend what the page is all about. So, because of not understanding the context of the contents, Google also fails to understand how to rank it.

Code bloat

Another big issue that arises out of the use of mega menus is known as code bloat. Mega menus usually utilize a large number of codes to function. As a result, it could bloat the source code of your pages. It causes your pages to load slower than before. Besides that, the repetition of such a huge number of codes may produce internal duplicate content. Both of these are harmful to SEO.

Another aspect of the mega menu is that its code stays at the top of your page source. This, in turn, leads to the downfall of some of your most important content. This can also have a negative impact on your website’s ranking. Google tends to look at pages from a top-down position. So, it is crucial to keep your most important content at the top of your page.

Application of mega menus on mobile phones

Truth be told, mega menus have no use when it comes to mobile phones. To offer a mobile user a responsive website, mega menus simply vanish. Following its mobile-first policy, Google ranks websites based on how they’re optimized for mobile devices. Mobile phone screens are not as large as computer screens. So, it is not rational to use mega menus on mobile phones. Considering these, as a website owner, you should make sure that the mega menu vanishes on mobile phones. Otherwise, you risk hampering your SEO.

There’s also another thing to consider. High authority websites don’t take that much damage from using mega menus. It’s because their authority makes up for any serious negative impact such a menu may have on the website’s ranking. However, as you may understand, it is not the case for smaller or newer websites. Therefore, they should avoid using mega menus for mobile phones altogether.

Can you evade the issues arising from using mega menus?

Here are some tips on how to avoid the mega menu problems:

  • Keep them elementary. Do not shove too many links into one mega menu.
  • Don’t assemble random links together. Be logical.
  • Take the help of CSS3 and JavaScript to keep the code for the mega menu behind the main content.
  • Utilize Navigation Markup in HTML5 for distinguishing your page’s navigation parts.
  • Try loading the mega menu in a nonparallel manner using JavaScript to accelerate the page load time.

british airways Is mega menu good for SEO?

Bottom line

As you can see, using mega menus on your website could be a risky move. It could hamper your SEO. It is true, especially if you have a small or relatively newer website and lack any serious authority. So, until you’ve established that, you would be better off opting for a simpler menu for your website.

 Is mega menu good for SEO?

Navneet Kaushal

The author is a first generation entrepreneur. He is the founder and CEO of India’s most award winning SEO Agency, PageTraffic. He also works as an advisor and consultant with many large companies. He helps value-conscious businesses build site traffic increase the user base, and boost web sales and bolster customer satisfaction. He can be reached @navneetkaushal on Twitter

Want more? Get updates from PageTraffic, know about latest happenings, SEO news, digital marketing updates.

Get Your Free Guide And Unlock The Secrets To Getting Your Business Found Online

We hate SPAM and promise to keep your email address safe. Here’s our privacy policy.
DOWNLOAD YOUR FREE GUIDE NOW
close-link