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
-
HREF LANG: Different navigation/structure per country: is that a problem?
Hi all, One question about the href lang tag. Our webshop sells to 4 different countries (the Netherlands, Germany, Belgium & Spain). The navigation is a little bit different for these countries, depending on how popular certain product categories are in certain countries. So, for example: Netherlands --> Category A and B are in the top navigation
Intermediate & Advanced SEO | | AMAGARD
Germany --> Category B is a subcategory of product A. We want to implement the Hreflang tag, would it be a problem that the navigation/site structure (and therefore the URL structure for certain categories) are a bit different? So: The url for category B in the Netherlands is: https://www.website.com/nl/category-B/
The url for category B in Germany is: https://www.website.com/de/category-A/category-B/ Thanks in advance! Best!0 -
Navigation is not showing up when disabling JS?
HI Mozzers, I am checking at a site Navigation and when disabling JS, I can see that navigation is not present. When checking at individual nav items, they are true HTML I believe since they carry attribute but somehow not crawlable. I am confused since JS is disabled and Nav is not showing up, isn't it suppose to mean that Nav is 100% JS? Can someone tell if the Nav is good or bad based on the fact it has true HTML? I am not sure because couple years ago I knew that Google was not crawling well JS but seems that things have change based on http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157. Thanks for letting me know!
Intermediate & Advanced SEO | | Ideas-Money-Art0 -
What Navigation strategy should I pursue for this local SEO project? Why?
Hi Mozzers, Context: I am working with a plumbing company that is located in NC and covers 6 locations( 1 address + 5 target cities). To start off I am planning to SEO his main location + 2 to 3 areas. The initial plan is to create 30 (10 services for 3 locations) unique landing pages for the main area and the extra locations,. His services are: PLUMBING EMERGENCY PLUMBING WATER TREATMENT WATER HEATER INSTALLATION WATER HEATER REPAIR TANKLESS WATER HEATERS SEWER AND DRAIN CLEANING REPIPING GARBAGE DISPOSALS GENERAL PLUMBING Since I am including 2 to 3 extra areas offering all these services above, should I include a subnavigation which will create a localized microsite within the site itself for these extra locations or not? Please specify why? Thanks!
Intermediate & Advanced SEO | | Ideas-Money-Art0 -
Global navigation & backlinks to external sites
Hi guys, My company has a number of websites of which the main corporate site links to via its global navigation. This global navigation sits within a simple with no HTML <nav>markup. Every time a new page gets created on the main corporate, a backlink gets generated to those external sites. And the anchor text is always the same. As the corporate site publishes new pages frequently, I'm wondering whether this ongoing building of links using the same anchor text would be a cause of concern for Google (i.e. too many links from the same domain with the same anchor text). Would really appreciate some insight here, and what could be done to fix it if it's an issue. Many thanks </nav>
Intermediate & Advanced SEO | | cos20300 -
Primary Navigation: Keep All Links Or Keep Top Level
Our eCommerce site www.towelsrus.co.uk employees a primary navigation system which we can enable to as many categories or not as we link. If all categories are enabled it adds roughly another 50 to 60 followed links per page giving all pages roughly 150 followed links (Google suggests no more than 100 per page). If I enable just top level navigation then this reduces them all considerably. Personally from the customer experience I think its better for them all to be visible, however from an SEO perspective and link juice perhaps not. Thought and opinions much appreciated here. Thanks Craig
Intermediate & Advanced SEO | | Towelsrus0 -
Excessive navigation links
I'm working on the code for a collaborative project that will eventually have hundreds of pages. The editor of this project wants all pages to be listed in the main navigation at the top of the site. There are four main dropdown (suckerfish-style) menus and these have nested sub- and sub-sub-menus. Putting aside the UI issues this creates, I'm concerned about how Google will find our content on the page. Right now, we now have over 120 links above the main content of the page and have plans to add more as time goes on (as new pages are created). Perhaps of note, these navigation elements are within an html5 <nav>element: <nav id="access" role="navigation"> Do you think that Google is savvy enough to overlook the "abundant" navigation links and focus on the content of the page below? Will the <nav>element help us get away with this navigation strategy? Or should I reel some of these navigation pages into categories? As you might surmise the site has a fairly flat structure, hence the lack of category pages.</nav> </nav> </nav>
Intermediate & Advanced SEO | | boxcarpress1 -
Faceted navigation, Affiliate links, Meta descriptions - Oh My!
Hi, I have recently come across an issue with the faceted navigation / dynamic URLs for one of my client sites: From a top level category you can filter by product material, size, type and colour. The URLs which are generated go a little something like this: www.domainname.co.uk/category.aspx?finish=leather&colour=--+no+filter+-- When selected, a 'facet' 302 redirects from the main category URL (no canonical tags in place yet - working on it). The 'facets' are indexed (although when clicked on from SERPs actually go to a slightly different URL than by navigating there from the site) but they don't display the Meta description in SERPs (instead displaying a list of items from a drop down menu held within a table - probably as it's the first bit of copy the search engines see on the page). How can I get the Meta description to display in SERPs? Also, I tried to add a link to a 'facet' from my blog (just for testing purposes) and I got redirected to the page via their affiliate program. Ideally I want to 'link build' to these pages both internally and via the clients blog but it seems as though there'll be no value in it. Has anyone come across this before and if so, what can I do about it? FYI they are using IIS 6 with asp.net Thanks in advance!
Intermediate & Advanced SEO | | WalkerM0 -
Navigation
An e-commerce site I am working on currently displays 6 Super-Categories with a drop down that contains about 100 Categories for items which filter down to sub-cats and then the actual products. The issue is that every page starts off with these 100+ links just in navigation alone. I can only assume this is crippling our ability to spread link juice efficiently. I have looked at larger sites that have moved towards side navigation. A few examples: *amazon.com *walmart.com *newegg.com My issue is that we would like to move towards less links on the homepage to funnel our incoming links more efficiently but I cannot figure out how large sites cope with this. As far as I can tell they are using side nav that disappears after selecting a category of item in which the navigation is replaced with filtering tools and the nav is hidden above (see the sites above). Is this the best way to handle this issue? Also is there a way to find out exactly what they are doing because I am trying to explain this to our IT person and I just get a response that our site is fine how it is and these navigation links don't affect anything...even though each page starts off with the same 100 follow links of navigation. Thanks
Intermediate & Advanced SEO | | MichealGooden0