Navigation - Balancing UX & SEO
-
I'm currently evaluating our navigation in the course of a site relaunch. From reading a number of articles and posts on seoMOZ, here are the elements I've found important to consider:
-
Use CSS (not Javascript) for the primary drop-down navigation menu
-
Get rid of two design elements from our earlier days: The 30 something site-wide category links in the footer, and many no-followed internal links (in an attempt to sculpt PR)
-
Keep all pages within 3 clicks of the homepage, and have ample cross-links within internal pages.
The one major problem I'm facing is how to balance UX and SEO in the primary navigation bar. To illustrate, let's assume I sell Tennis equipment. If one of the top-level categories on my navigation bar was "Rackets", if I was designing purely with SEO in mind the category names would be:
Tennis Rackets ->
Wilson Tennis Rackets
Head Tennis Rackets
Prince Tennis Rackets
....as the full, three word anchor text will be most specific and valuable to pass reputation to the category pages. However, from a UX perspective, writing "Tennis Rackets" after each category is unnecessary, and it would look MUCH cleaner to instead have:
Tennis Rackets ->
Wilson
Head
Prince
....but this would obviously be less beneficial from a SEO standpoint for each individual, manufacturer racquet page as the entire search term ("Wilson Tennis Rackets") is not in the anchor text. As these links will be on every page of the site, I'm struggling with which to choose - clean navigation or improved SEO.
My Questions: I would love to hear the communities thoughts on how to weigh the balance of these two - clean UX navigation vs. SEO-rich specific anchor text - in navigation. Also, I'd appreciate hearing if any of my original 3 assumptions for the re-design are off-base or incorrect.
Thank you!
-
-
Your mix of HTML and JS should be fine. Please confirm by using the test I suggested above on a page.
With respect to your text navigation links, it really depends on how you position them to users. How many brands of rackets do you offer? If you only have three brands, then I would prefer three lines of full text, "Wilson tennis rackets", etc. The header of "Tennis Rackets" would seem unnecessary to me. If you offered a dozen links, then I can understand your position a bit more.
Another tip to keep in mind is Google will use the anchor text from the first link discovered on the page with respect to link weight and anchor text association. Google crawls a page's HTML from the top down. For that reason I present my HTML in the following order: body, sidebar, navigation, footer. With HTML5 Google can better differentiate page sections but I would still arrange the code in this manner until I had confirmation that content was given priority in this regard.
-
Ryan,
Thanks for the fast and thoughtful reply! With regards to your comments:
We would be using Javascript to "show" the HTML div that contains the the dropdown navigation sub-category links, but the links themselves are in static HTML blocks. I "think" this would qualify for an appropriate / SEO friendly use of Javascript, but would love your confirmation as well.
As far as the balance goes, that's what I'm struggling with. The best UX would definitely be to just simply include the brand name in the navigation structure after a tennis racket header (i.e. Tennis Rackets -> Wilson), but with the navigation links appearing on every page on the site, it is hard to pass up s perfectly targeted anchor text repeated over and over. I can always use other links to build authority, but is seems like there is a lot of "power" in the navigation, it's a waste to misuse it.
-
The three ideas you presented are basically correct. You can possibly use JS for navigation but it depends on exactly how it is coded. A rough test is if you right-click on a page and choose "view page source" check to see if you can see the HTML code for your navigation. If you can, so can Google. If you can't, then Google may or may not be able to depending on the coding.
No-follow internal links and any excessive links should be avoided. Internal pages should be kept a maximum of three clicks from the landing page.
For your tennis racket question, a couple thoughts. I would ensure the URL navigation is something like mysite.com/tennis-rackets/wilson or mysite.com/wilson-tennis-rackets.
You should also be able to smoothly state "Check out of selection of Wilson tennis rackets" once without it seeming spammy in any way.
You shouldn't have to choose between a great user experience and SEO. Google has done a lot of testing and is sharing what they feel is the best user experience. If you don't say "Wilson tennis rackets" one time, they feel your page isn't as well associated with the term as another page which does state that specific term. If you stuff that phrase in too much, then it's not a good user experience. Balance is the key.
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
-
Site structure / IA out of balance? What does that mean to SEO?
I often see commentators mentioning out of balance site structures/IA but what does this actually mean in SEO terms? For example, Yoast advises: "If one category grows much larger than others, your site’s pyramid could be thrown off balance." Neil Patel advises "Try to balance the amount of subcategories within each category. Basically, try to keep it approximately even. If one main category has fourteen subcategories, while another main category has only three subcategories, this could become a little unbalanced." Does this have any direct influence on SEO (crawlability, etc.) or is this more a UX issue? I look forward to receiving your feedback.
Intermediate & Advanced SEO | | McTaggart0 -
Is AMP works on blogs only?
I have installed AMP Plugin in my WordPress website but when I check pages with /amp/ it shows 404 error. But for blog pages, for the example www.website.com/blog/post/amp/ it shows amp version of the particular page. Also, nothing is showing in search console Accelerate Moile pages.
Intermediate & Advanced SEO | | SEO-Stephanie0 -
How have your SEO Audits evolved over time?
Hi guys, SEO Audits used to be so focused on the basics like title tags, meta descriptions etc. but now more than ever, SEO is a discipline which encompasses everything from content marketing to UX design. Would be great to hear from everyone how their audit templates have evolved over time to keep up with the latest updates in SEO and algorithm changes! Which new sections have you added and which have you removed?! Cheers, Daniel
Intermediate & Advanced SEO | | Daniel_Morgan0 -
Hypothetical SEO Question
I am running a website for a law firm. It has been running for many, many years and has plenty of backlinks and authority. I then create a standalone website for a specific type of case that the law firm is handling. On that website, I have a page that copies some of the attorney bio text from the main website. How much of a negative impact will this standalone website have on the main website as far as duplicate content issues are concerned? Please explain your answer in detail. Thank you in advance.
Intermediate & Advanced SEO | | goldbergweismancairo0 -
Outbrain Select SEO Implications
A member of our marketing team wants to use Outbrain Select to curate content to augment the original content we have on our site. http://www.outbrain.com/select/how This content would be taken from other pages on the site and shown through as though it is on our site through javascipt. Obviously this page would be setup as a no-index. This seems to me like something Google would frown on. Does anyone know the SEO implications behind using a tool like this? I'm concerned google will see links to a blank page no-index page and find it suspect.
Intermediate & Advanced SEO | | LyntonWeb0 -
Recommendations for other good SEO forums?
I learn so much from reading the Moz forum everyday. I would like to expand my learning and start following some other SEO forums as well. What are your recommendations for additional SEO forums?
Intermediate & Advanced SEO | | GregB1230 -
Mobile SEO
Hi there, My website when searching via mobile is now showing the mobile version of the site in SERPs, well for quite sometime now to be honest, anyway the ranking in mobile are no different to what they are on desktop, is there actually anything I can do to influence my mobile SERPs? 9 times out of 10 it's desktop websites that are ranking about me in mobile search. Any help would be appreciated.
Intermediate & Advanced SEO | | Paul780 -
Multiple stores & domains vs. One unified store (SEO pros / cons for E-Commerce)
Our company runs a number of individual online shops, specialised in particular products but all in the same genre of goods overall, with a specific and relevant domain name for each shop. At the moment the sites are separate, and not interlinked, i.e. Completely separate brands. An analogy could be something like clothing accessories (we are not in the clothing business): scarves.com, and silkties.com (our field is more niche than this) We are about to launch a related site, (e.g. handbags.com), in the same field again but without precisely overlapping products. We will produce this site on a newer, more flexible e-commerce platform, so now is a good time to consider whether we want to place all our sites together with one e-commerce system on the backend. Essentially, we need to know what the pros and cons would be of the various options facing us and how the SEO ranking is affected by the three possibilities. Option 1: continue with separate sites each with its own domains. Option 2: have multiple sites, each on their own domain, but on the same ecommerce system and visible linked together for the customer (with unified checkout) – on the top of each site could be a menu bar linking to each site: [Scarves.com] – [SilkTies.com] – [Handbags.com] The main question here is whether the multiple domains are mutually beneficial, particularly considerding how close to target keywords the individual domains are. If mutually benefitial, how does it compare to option 3: Option 3: Having recently acquired a domain name (e.g. accessories.com) which would cover the whole category together, we are presented with a third option: making one site selling all of these products in different categories. Our main concern here would be losing the ability to specifically target marketing, and losing the benefit of the domains with the key words in for what people are more likely to be searching for (e.g. 'silk tie') rather than 'accessories.' Is it worth taking the hit on losing these specific targeted domain names for the advantage of increased combined inbound links?
Intermediate & Advanced SEO | | Colage0