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
-
Category Pages & Content
Hi Does anyone have any great examples of an ecommerce site which has great content on category pages or product listing pages? Thanks!
Intermediate & Advanced SEO | | BeckyKey1 -
SEO page descriptions on mobile - how to hide while preserving the juice for SEO?
Hi everybody, On our pages we have crafted good text paragraphs for SEO purposes. On desktop everything is fine but on mobile the paragraph of text pushes the main content really low on the page. Is there a way of hiding the text while preserving the SEO juices and not getting penalised by Google for spamming techniques? I'd appreciate any recommendations on how to deal with this. Thanks very much!
Intermediate & Advanced SEO | | Firebox0 -
Looking for SEO advice on Negative SEO attack. Technical SEO
please see this link https://www.dropbox.com/s/thgy57zmmwzodcp/Screenshot 2016-05-31 13.25.23.png?dl=0 you can see my domain is getting tons of chinese spam. I have 410'd the page but it still keeps coming.. 7tnawRV
Intermediate & Advanced SEO | | mattguitar990 -
Navigational Changes
Need some advice on when to use canonical vs. redirects for navigation changes to a website. However, if there are other options i am open to them as well. We are consolidating some navigational paths and moving others We are renaming product pages (therefore creating new product pages, CMS platform requirements) Keep in mind we have desktop domain and a mobile domain Questions Do we redirect old URL's to the new product page URL's? Do we redirect old mobile URL's to new mobile URL's or to the desktop equivalent? Do we redirect all old product page URL's containing navigation elements to the new product page URL? If we have a category page being added to two different sections how do we determine the right canonical URL? (the URL will be different because the customer paths will be different) Do we need to make sure and redirect all old URL's to a new URL? If so, what is the best way to find all of the URL's?
Intermediate & Advanced SEO | | seo320 -
International Domains for SEO
My company is international and we have websites for each country with Country Code Top Level Domains (ccTLD). I am in the US and I am seeing that other countries such as Costa Rica and Germany are ranking above us in search results. I thought Google automatically geo-targeted users by default and therefore I should only get .com or US results. Any idea why other countries would rank above our site?
Intermediate & Advanced SEO | | fastlaneus0 -
SEO transfer to new website
My website currently has some strong SEO and i will be re-developing the website on a wordpress platform...which will change many of the existing URL. Will this affect the current pages that are well indexed in Google? Does using Wordpress or changing the URL extension (.html to .php) make a difference? If i want to make a clean transition without effecting our existing SEO...what are some essential steps i need to take? Example. Current page is www.mydomain.com/name.html .... and the new URL would be www.mydomain.com/product/name.php Thanks
Intermediate & Advanced SEO | | Souk0 -
Which URL is better for SEO?
We have a URL structure question: Because we have websites in multiple countries and in multiple languages, we need to add additional elements to our URL structure. Of the two following options, what would be better for SEO? Option 1: www.abccompany.com/abc-ca-en/home.htm Option 2: www.abccompany.com/home.abc.ca.en.htm
Intermediate & Advanced SEO | | northwoods-2603420 -
What Questions to Ask in SEO Interview
Tomorrow morning I have a call with an SEO company interested in doing some work with our company. Its a larger company who do a lot of SEO work, and seem to have good feedback around the place. But we have been very very white hat in our all our our SEO work so far, and some of their wording on their site talks about "Negotiations and acquisitions of link partners".. which gives me the feel they might be a little grey hat.. What are some good questions we should ask these guys to make sure what they are doing is legit, and not going to get us stung for anything? And what sort of work should we get them to do, if we are happy to take care of content creation, on page optimisation and social media activities? Thanks!
Intermediate & Advanced SEO | | timscullin0