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
-
WhoIs, SEO & Privacy
Is WHOIS data used by Google as a ranking signal? We had a website that had some bad SEO work done a while ago hence took a knock, If I use the same WHOIS data on a new site is that likely to cause an issue? Also I don't like the idea of providing too much information for privacy reasons, so have tended to stick to general email addresses and department names rather than actual personal information. Is that a bad approach?
Intermediate & Advanced SEO | | seoman100 -
Is SEO as Effective on AJAX Sites?
Hey Everyone, I had a potential client contact me about doing SEO for their site and I see that they have an AJAX site where all the content is rendered dynamically via AJAX. I've been doing SEO for years, but never had a client with an AJAX site. I did a little research and see how you can setup alternative pages (or snapshots as Google calls them) with the actual content so the pages are crawlable and will get indexed, but I'm wondering if that is as effective as optimizing static HTML pages or if Google treats AJAX page alternatives as less trustworthy/valuable. Also, does having the site in AJAX effect link building and social sharing? With the link structure, it seems there could be some issues with pointing links and passing link juice to internal pages Thanks! Kurt
Intermediate & Advanced SEO | | Kurt_Steinbrueck1 -
SEO for interior page
Is it possible to be penalized on an interior page but not the whole website? Here's why I ask, I have a page: www.thesandiegocriminallawyer.com/domestic-violence.html that is not ranking well (p. 21 of Google) while the rest of the site ranks well (b/w p.1 to p.3). I checked the link profile in opensiteexplorer, ahrefs, and majesticseo but can't find any problems. I have also checked the HTML code, CSS, keyword optimization, but can't find any problems there either. Can anyone give me insight into why this might be happening? Of course, I'm working under the assumption that this page SHOULD be ranked higher for "San Diego Domestic Violence Attorney" - at least higher than page 21.
Intermediate & Advanced SEO | | mrodriguez14400 -
GoogleBot Mobile & Depagination
I am building a new site for a client and we're discussing their inventory section. What I would like to accomplish is have all their products load on scroll (or swipe on mobile). I have seen suggestions to load all content in the background at once, and show it as they swipe, lazy loading the product images. This will work fine for the user, but what about how GoogleBot mobile crawls the page? Will it simulate swiping? Will it load every product at once, killing page load times b/c of all of the images it must load at once? What are considered SEO best practices when loading inventory using this technique. I worry about this b/c it's possible for 2,000+ results to be returned, and I don't want GoogleBot to try and load all those results at once (with their product thumbnail images). And I know you will say to break those products up into categories, etc. But I want the "swipe for more" experience. 99.9% of our users will click a category or filter the results, but if someone wants to swipe through all 2,000 items on the main inventory landing page, they can. I would rather have this option than "Page 1 of 350". I like option #4 in this question, but not sure how Google will handle it. http://ux.stackexchange.com/questions/7268/iphone-mobile-web-pagination-vs-load-more-vs-scrolling?rq=1 I asked Matt Cutts to answer this, if you want to upvote this question. 🙂
Intermediate & Advanced SEO | | nbyloff
https://www.google.com/moderator/#11/e=adbf4&u=CAIQwYCMnI6opfkj0 -
SEO Blow-Up After Site Redesign
I contracted with a local web design firm - a highly recommended firm - to redo my law practice's Wordpress site. The redesign was done in early April. After the redesign I saw a large drop in rankings across all of my keywords, lost internal page rank, and had a big traffic drop. The site is www.toughtimeslawyer.com. There were a couple of issues that contributed to it; but I'm not sure how to rebuild. The internal URL structure changed completely. I wasn't aware of this until the site went live. I didn't have a sitemap for about a week, then the sitemap plugin they used was not very good and showing errors in Webmaster tools. Last week, I replaced it with Yoast's SEO plugin. The biggest problem is that they setup a subdomain old.toughtimeslawyer.com, without asking me or telling me. The subdomain had all of my content on it. It was not blocked with robots.txt; and it is being cached by Google. I just discovered it today, when I was doing something in my cpanel. I assume that this is creating a duplicate content problem with Google. I'm not sure what steps to take to recover. I am especially concerned about the subdomain old.toughtimeslawyer.com and the best want to handle it with the search engines. Thanks in advance, all advice is appreciated. I've been pulling my hair out for the last few weeks over my rankings.
Intermediate & Advanced SEO | | ToughTimesLawyer0 -
SEO Tools for Content Audit
Hi i'm looking for a tool which can do a full content audit for a site for instance - Find pages which: • Lack text content. • Finds pages with lengthy meta descriptions • Finds missing H1 tags or multiple H1 tags . • Duplicate meta descriptions. • Find images with no alt text Are there any tools besides the ones on SEMOZ which can enable me to do a full content audit on factors like these. Or any SEO audit tools out there which you can recommend. Cheers, Mark
Intermediate & Advanced SEO | | monster990 -
Why is SEO Moz only crawling my homepage?
When I send the SEO Bot to crawl my website, it only crawls the homepage? Does anyone know why this is happening? Thanks, Andy
Intermediate & Advanced SEO | | ChrisCurdDesign0 -
E-Commerce SEO
Dear SeoMoz fans, I'm really glad to be a part of the community. Just have a quick question. I run a marketplace similar to eBay where users sell the products. I would like some suggestions on how to effectively proceed with SEO for an ecommerce marketplace of this type. Should I be proceed developing product review or product comparison landing pages and build links towards them as often suggested or should I consider alternative marketing methods? Looking forward to your replies.
Intermediate & Advanced SEO | | buzzmartseo0