Navigation
-
I've been wrestling with this one for a while. Take a standard small web site navigation with nav links for:
-
Products
-
Solutions
-
Support
-
Learning Center
I believe having drop downs to show the sub-pages of each category provides a better user experience, but it also bloats my links per page in the navigation from 4 to 24. Most of the additional links are useful for user experience, but not search purposes. So, 2-years after Google's changing of how it treats nofollows (which used to be the easy answer to this question), what is considered best practice?
A) Go ahead and add the full 24 nav links on each page. The user experience outweighs the SEO benefits of fewer links and Google doesn't worry too much about nav links relative to main body links.
B) Stick to only 4 nav options. Having 20 additional links on every page is a big deal and removing them is worth the user experience hit. I can still get to all levels of this small site within 2-3 clicks and do cross category linking to mitigate silos.
C) Use some technical voodoo with js links or iframes to hide the nav links from Google and get the best of both worlds.
D) Do something that is not one of the first three choices.
Does anyone feel strongly about any of the above options or is this a user-preference type of situation where it doesn't make much difference which option you choose on a small 100-200 page site?
I'm really looking forward to everyone's thoughts on this.
-DV
-
-
Thanks, Alan, you captured the dilemma perfectly. UI is important and SEO is important, so how does one quantify the pros and cons of each in the planning stages of a site. It's really kind of an educated guess.
I tend to lean towards your assessment for all of the reasons you cite. I'm in a competitive keyword space. So while I put a lot of weight on UI issues, I'm not inclined to ignore SEO opportunities for just minimal UI gains.
-
Derek
There are hundreds of factors right, so there's no way to know with 100% certainty in advance what the SEO hit would be with the nav change. Any single change could have a significant impact, yet if all other core SEO factors are optimal, it might not have any impact at all. Without testing, no way to know.
Personally I prefer to avoid the possible hit when I recommend nav to clients just because I do want to squeeze out every last ounce of value and honestly, if a site really only has 20 - 30 nav links, it's not such an inconvenience to users to have to click a main nav link and then find the sub-nav in each section as long as it's visually presented well.
If the information provided is highly relevant, that one extra click is not going to hurt the site.
-
Interesting point about duplicate content. I suspect I'd have less of an issue with 20-30 links, but I could definitely see where DC could become a problem with larger navs. I like the breadcrumbs idea too.
I'm wondering if I'm placing too much emphasis on the too many links issue. However, to me it seems like a huge advantage to funnel link juice where I want it with well placed internal links in the body of content. I've had good success with this before. I would think that these targeted links would carry significantly more juice if I can reduce the number of links per page from 30 to 10 --- all by eliminating 20 nav links to less important pages. It just feels like a big SEO performance hit to me to have 200% more links in the nav? Am I wrong? Does Google not flow much link juice through nav links?
-
Derek
I encounter this scenario a lot on sites with not 24 but 100 or more links in that drop-down setup. Here's what I've found.
A) User Experience MAY be improved, however only heat-map and click testing can prove if this is the case or not, and only when you do a/b split testing on the two versions of navigation. Sometimes giving people these choices is only barely helpful unless you also supplement this with additional user experience signals to help someone know where they actually are, especially when they come directly into the middle of the site.
B) From an SEO standpoint, it's not so much a "too many links" issue for distributing individual link value. It's more a case where if you have all those links on every page of the entire site, at the code level, every page becomes slightly more diluted (all the extra text and words in the code) from a single-page topical focus issue. You also have more of a duplicate content potential (the top area of the page now has a lot more "content" that's not unique on every page of the site.
The way to address this, if you believe the site-wide drop-down nav is important, is by taking the following action:
-
Be sure you have proper microformat coded breadcrumb navigation directly within the top of the main content area on each page. This both helps users know more readily where they are in the site's content grouping and topical separation scheme, but also provides reinforced signals to search engines about content relationships that you lose with the top drop-downs.
-
Even with the top drop-downs, it's still beneficial to include section-specific navigation in a sidebar. When a user has so many choices on every page of the site, it's easy to get lost in knowing which drop-down to use. Not always, yet can be an issue. Giving them the alternative that's always visible within each section, and unique to each section reinforces ease of navigation for those who prefer it. It also communicates to Google topical relationships between all the pages in the section those side navigation links show up in.
3) You may need to increase the depth of the actual content area descriptive paragraph based unique content.
-
-
I see where you are coming from, but with each required click you lose users. There are definitely times where I would sacrifice some usability for the sake of traffic, but accessibility is everything.
You are right on the mark with the give and take of SEO and user experience.
-
Thanks for the reply, but please allow me to play devil's advocate.
I generally subscribe to users first mantra too, but is using subnavs on category pages vs. full dropdowns on every page a huge user experience hit? Taken to extremes, always choosing either a users always first approach or a SEO always first approach is not optimal. There has to be some measure of balance even if you lean heavily towards the users first approach (as I generally do).
Is there no meaningful benefit to removing from every page 20 links that provide no additional SEO benefit and only serve to dilute the impact of other more important links? Or, do you think that using full dropdown navs provides a truly significant user experience benefit?
-
A. You have to create it with users in mind. It will also help the site's connectivity which is good for SEO. Above all else the site should be easy to navigate for users.
-
I should add that the 24 link scenario already includes consolidation of related topics, so the answer can't be more consolidation!
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Internal search pages (and faceted navigation) solutions for 2018! Canonical or meta robots "noindex,follow"?
There seems to conflicting information on how best to handle internal search results pages. To recap - they are problematic because these pages generally result in lots of query parameters being appended to the URL string for every kind of search - whilst the title, meta-description and general framework of the page remain the same - which is flagged in Moz Pro Site Crawl - as duplicate, meta descriptions/h1s etc. The general advice these days is NOT to disallow these pages in robots.txt anymore - because there is still value in their being crawled for all the links that appear on the page. But in order to handle the duplicate issues - the advice varies into two camps on what to do: 1. Add meta robots tag - with "noindex,follow" to the page
Intermediate & Advanced SEO | | SWEMII
This means the page will not be indexed with all it's myriad queries and parameters. And so takes care of any duplicate meta /markup issues - but any other links from the page can still be crawled and indexed = better crawling, indexing of the site, however you lose any value the page itself might bring.
This is the advice Yoast recommends in 2017 : https://yoast.com/blocking-your-sites-search-results/ - who are adamant that Google just doesn't like or want to serve this kind of page anyway... 2. Just add a canonical link tag - this will ensure that the search results page is still indexed as well.
All the different query string URLs, and the array of results they serve - are 'canonicalised' as the same.
However - this seems a bit duplicitous as the results in the page body could all be very different. Also - all the paginated results pages - would be 'canonicalised' to the main search page - which we know Google states is not correct implementation of canonical tag
https://webmasters.googleblog.com/2013/04/5-common-mistakes-with-relcanonical.html this picks up on this older discussion here from 2012
https://moz.com/community/q/internal-search-rel-canonical-vs-noindex-vs-robots-txt
Where the advice was leaning towards using canonicals because the user was seeing a percentage of inbound into these search result pages - but i wonder if it will still be the case ? As the older discussion is now 6 years old - just wondering if there is any new approach or how others have chosen to handle internal search I think a lot of the same issues occur with faceted navigation as discussed here in 2017
https://moz.com/blog/large-site-seo-basics-faceted-navigation1 -
May Faceted Navigation via ajax #parameter cause duplicated content issues?
We are going to implement a faceted navigation for an ecommerce site of about 1000 products.
Intermediate & Advanced SEO | | lcourse
Faceted navigation is implemented via ajax/javascript which adds to the URL a large number of #parameters.
Faceted pages are canonicalizing to page without any parameters. We do not want google to index any of the faceted pages at this point. Will google include pages with #parameters in their index?
Can I tell google somehow to ignore #parameters and not to index them?
Could this setup cause any SEO problems for us in terms of crawl bandwidth and or link equity?0 -
Navigation Menu - Whats too much
Ive always had pages set up for a lot of our products and had these in the navigation menu. For instance we sell Solar Control Window Film which helps with heat, glare and UV. We then have a navigation menu something like this: Solar Window Film
Intermediate & Advanced SEO | | Fozzy1609
Heat Control window Films
Anti glare window film
UV window film
etc etc Ihave this for all my services and products. I have unique content on each. My question is this. Would I be better having the naviation menu with links to all the seperate services we offer
OR
Should I have it linking to the main services and then the related services from within the page> For example Ill have just Solar Window Film in the navigation and then on the page it would internally link to the heat related section and the glare related section etc. Im wondering whether my sub pages would suffer because theyre not linked to from every page with the second method or whether it would help in some way0 -
Will two navigation components (one removed by Javascript) impact Google rankings?
We are trying to eliminate tedium when developing complexly designed responsive navigations for mobile, desktop and tablet. The changes between breakpoints in our designs are too complex to be handled with css, so we are literally grabbing individual elements with javascript and moving them around. What we'd like to do instead is have two different navigations on the page, and toggle which one is on the DOM based on breakpoint. These navigations will have the same links but different markup. Will having two navigation components on the page at page load negatively impact our Google SEO rankings or potential to rank, even if we are removing one or the other from the DOM with JavaScript?
Intermediate & Advanced SEO | | CaddisInteractive0 -
How to Have Flat Navigation w/out Diluting Link Juice
I have a client with a very flat navigational structure relying on a menu with CSS hover dropdowns using simple items to get to just about every page on the site through the main navigation on every page. They want this ability to remain. The issue is stat is send link juice all over and does not concentrate into pages that are key search landing pages. I don't want to "no Index" "follow" the less important pages since there are some brand related long tail searches that I would want these pages found. These are useful pages to consumers who are already engaged with the brand, but not ones we would not care to rank for outside of branded search. If there was a way to have some links be non-crawled via javascript (or some other method) and those that are more important use a more standard html type link that would seem ideal. Does anyone have a suggestion for menu tool or technique for exposing to consumers all the links to consumers but restricting google bot's path while being in line with Google Webmaster guideslines? Blair
Intermediate & Advanced SEO | | BlairKuhnen0 -
Do total number of links in main navigation play a role in ranking?
On one site I work on, I noticed that pages in the upper navigation that have less links in the main navigation vs pages that have more links tend to perform better in organic search. Has anyone else noticed this?
Intermediate & Advanced SEO | | nicole.healthline0 -
CSS dropdown Navigation Structure for PR passing?
Hello, We are designing a very large site with hundreds of landing pages that will need to get some of the Pagerank and trust our homepage has, so we are trying to make sure our navigation architecure is well set up correctly from the beggining. I'm curious though if I need to have left side CSS dropdown navigation (I know no javascript) like www.adventurebound.com or if we can just use the top style dropdown like www.adventurefinder.com has? I know straight HTML links would be best but unfortunately our site will be too large and complex for that. Thanks in advance!
Intermediate & Advanced SEO | | iAnalyst.com0 -
Best SEO Practices for Top-Level Navigation Structure
OK - First of all, thank you to those of you who view and take the time to answer our question. We are currently in the middle of re-designing our golf packages website, and we're trying to decide the best way to structure our Main Navigation for maximum SEO benefit while keeping user experience in mind. The top key phrases we are currently targeting: 1) Myrtle Beach Golf 2) Myrtle Beach Golf Packages You can find the current navigation structure we have come up with here: http://www.myrtlebeachsitemasters.com/index2.html So our question is this: We have subdivisions of: Golf Packages, Accommodations, Golf Courses Is it in our best interest to: A) Get rid of the subdivisions and consolidate them to one page? or B) Simply "NoFollow" the subdivisions within the Main Navigation? We are concerned about the subdivisons for 2 reasons: Too many internal links in Main Navigation The "first link only" rule with Google affecting our additional internal links on existing pages. THANK YOU again to those of you who take the time to answer this question. We really appreciate any clarification on this issue.
Intermediate & Advanced SEO | | JamesO0