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
-
Best SEO url woocommerce, what to do?
Hi! Today we have our product categories indexed (by misstake) and for one of our desired keywords, a category have the nr 1 rank. By misstake, we didnt set nofollow, noindex on our categories, just tags, archives etc. We are now migrating to from Ithemes Exchange to Woocommerce and ime looking on improving our SEO urls for the categories. For keyword "Key1" we rank with this url: http://site/product-category/Key1. The seo meta title and description where untouched when we launched the site last spring so it doesnt look so good.. The plan is to stripe out product-category and instead ad some description ( i have a newly written text of 95 words, 519 letters without space with they keyword precent 5 times in a natural way ) to that particular category and have the url as following: http://site/key1 and then have a 301 redirect for the old http://site/product-category/Key1. What do you think of this? What shall i consider? on the right track? Grateful for any help! // Jonas
Intermediate & Advanced SEO | | knubbz0 -
Onpage Reviews, SEO & Traffic Uplift
Hi I wondered if anyone knew of any case studies to reinforce the importance of on page reviews for SEO & increasing traffic. I'd like to push it in my company, however it would be great to show them some results from a case study. Thank you!
Intermediate & Advanced SEO | | BeckyKey1 -
Django and SEO - Multicountry site - Is Django really SEO friendly?
Hi Everyone, Our client is requesting that we use Django for her project. I am really uneasy about this for several reasons. The client wants a multi-country site that is completely SEO friendly. I love Wordpress and if I had to do this project it would be a Wordpress site with WPML + Yoast plugins site. Questions Is Django SEO friendly and what "plugins" should I be using? Is there a multi-country plugin for Django that keeps or adds typical SEO features? Can you recommend any great articles? Any example sites would be GREATLY appreciated Thanks
Intermediate & Advanced SEO | | Carla_Dawson0 -
Recommendation for Small Business SEO
I'm trying to find a company that can provide SEO services for our small business. We have a limited budget, $500 a month or less. We have staff that can do much of the work in terms of correcting content issues, changing content, etc. However, I'm not an SEO expert and we need someone to help us by understanding where we are now and providing ongoing guidance on what we should be doing to improve and also in helping with execution where possible and/or necessary. Can anyone recommend a company that might be able to help us with this within our budget constraints?
Intermediate & Advanced SEO | | Careerbags0 -
Mobile SEO? Do we need it or not?
Hi Guys, I am about to start to redesigning a new mobile website and am curious if mobile SEO is actually having an affect or not. The site I am doing the redesign for, already has a very well optimized desktop site and has an existing mobile website with no optimization. The mobile website is ranking well in Mobile search so I am curious why I I would need to optimize the new mobile website properly, especially when the mobile website has a canonical tag for its desktop counter part? Love to get everyone's thoughts on this & where they see mobile SEO going in the next 12 months.
Intermediate & Advanced SEO | | seekjobs0 -
Glossary SEO Tactics
A B2B client has a glossary of about 300 terms on its Website. It was done to enhance SEO value. The pages are rarely viewed and the text is often short. What are the best (and wackiest!) ideas to leverage this content for SEO. Here are some: Add videos, images Cross link to content pages Open up comments and get students in this sector to review terms and add their own What else do you suggest?
Intermediate & Advanced SEO | | HarrAuto0 -
Local SEO for franchises
I have a client who franchises an ice cream shop. It started in Utah and there are several stores there. They are ranking well for local searches based in Utah. Now they have opened a store in Federal Way, WA. How can I get the new location to rank for local keywords on the same website?
Intermediate & Advanced SEO | | fivestarfranchising0 -
What are the most underrated SEO tactics?
Looking over the discussion of underrated SEO tactics at http://sphinn.com/story/178993/ , I'm curious if folks here have any favorite SEO tactics that they feel are ignored, underrated, or somehow not appreciated by the community at large. Any thoughts? Among the tactics listed in the Sphinn post: Blog commenting Analytics to identify low-hanging keyword fruit Getting your site set up properly at the server level Unique and relevant imagery Internal links Google Place page optimization Several more... Any others that should be included? I'd personally add segmenting your keyword traffic into trademark (those that mention your brand name) versus non-trademark segments for more thorough analysis.
Intermediate & Advanced SEO | | jcolman2