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
-
SEO audit for ccTLD sites
Hi.
Intermediate & Advanced SEO | | SEOSanna
My customer has sites with Country code TLDs (e.g. https://sample.fr, https://sample.fi and https://sample.en) and I'm supposed to perform SEO audit for them. Is there any way to perform audit at the same time for all versions? Can I perform audit e.g. just for https://sample or do I have to run every .fr, .fi and .en separately in multiple tools I use? Thanks much in advance!0 -
Negative SEO & How long does it take for Google to disavow
Following on from a previous problem of 2 of our main pages completely dropping from index, we have discovered that 150+ spam, porn domains have been directed at our pages (sometime in the last 3-4 months, don't have an exact date). Does anyone have exerpeince on how long it may take Google to take noticed of a new disavow list? Any estimates would be very helpful in determining our next course of action.
Intermediate & Advanced SEO | | Vuly1 -
Blogger API and SEO
My company wants to move their blog from example.blogger.com to company.com/blog They want to do it by using Blogger API to surface posts on company.com/blog What are SEO considerations for this?
Intermediate & Advanced SEO | | georgeanthonyporrata0 -
Suggestions for a SEO Review
I think it would be beneficial to have a third party seo review of the network of sites my team and I manage and was wondering if any of you had suggestions for what sort of tests should be done or that we should expect to see done during one of these reviews. We are a small team who has varying seo experience and have been working hard to make improvements to our sites in the past year. Most of our sites have been completely overhauled in the last 12-16 months and seo work that had not been done in the past has been setup, along with some corrections that may have been harming seo. We believe we are on the right track and have learned a good amount about seo in that time, but it would be nice to have some "expert" feedback outside of our office to get a clearer picture on anything we may be missing or some suggested improvements. A sort of double check on the work we have done.
Intermediate & Advanced SEO | | unikey0 -
Are Silos Still Important for SEO?
I am in the process of migrating www.nyc-officespace-leader.com from Drupal to Wordpress and my developer is of the opinion that it is not necessary to implement silos to achieve favorable ranking for competitive keywords. I know a lot has changed in the last two years with Panda and Penguin. Is it SEO best practices to implement silos in the course of the redesign? Will this make a significant difference for SEO? Thanks, Alan Rosinsky
Intermediate & Advanced SEO | | Kingalan10 -
Local SEO (Rankings) + UK-wide SEO (national rankings) - achieving both
Hi All, For clients wishing to sell online / generate leads nationally, yet still want to have a local online presence to attract town / county-wide customers, I've often placed Town / County locations within both the Title Tag (or just County if space is limited) and Meta Description, plus within the Hx headings, Alt-text and within the footer of every page. My question is, does adding the location of the client within these fields really infringe their attempts to rank nationally, as some nationally ranked pages have no mention of location while others have their location (Town, County or Both) shown within them? Any help, insight or feedback greatly appreciated 🙂 Happy New Year Tony
Intermediate & Advanced SEO | | Tony-Dimmock0 -
What are the best suites of SEO tools?
I normally use SEOmoz and a bit of SEMrush but I dont really know much outside of those two. Im looking to do a review of the big, trustworthy ones - along the lines of free trial price vs value ranktracking linkbuilding help onpage analysis and help competitor analysis reports I heard good things about Raven Tools and Web CEO. Ive seen mention of SEOpowersuite on this forum but the site looks spammy as hell Anyone have a view on those 5 tools or any others in a similar vein? Or any other top line criteria I should be looking at? Cheers
Intermediate & Advanced SEO | | firstconversion
Stephen1 -
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
Intermediate & Advanced SEO | | dvansant0