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
-
Recommended SEO Companies
Looking for advice here.... We are a small business looking to secure/increase rankings in the search engines. What are some recommended SEO agencies/companies that are effective with today's search engine optimization standards. _ Thank you_
Intermediate & Advanced SEO | | wickerparadise0 -
Hiring SEO Management Firm. Budget & References
Hello, Need advise on outsourcing SEO What could be a likely budget to hire an International company of repute. Full time Contract of Outsourcing for 6 months - and to extension terms Primarily looking for social & off page reputation and ofcourse higher SERP positions Which would be the best renowned companies and what could be likely spending which can be xpected out of it. Pls advise only if a company is known for organic & ethical with a strong reputation build up.
Intermediate & Advanced SEO | | Modi0 -
How to find a good seo company?
Hello there, Can anyone recommend how to go about finding a good seo company?
Intermediate & Advanced SEO | | edward-may0 -
Yoast Seo + Home Page
Hi All, I'm using Studiopress Genesis Enterprise child theme in Wordpress + InstantWP + Yoast SEO. I have created a standard home page (see image) along with bespoke pages My question is this: When I select Pages | All Pages ... I cannot see the home page and therefore cannot optimise the home page with Yoast SEO. What am I doing wrong? Thanks Mark XQvbFl2taJEgFXJ
Intermediate & Advanced SEO | | Mark_Ch0 -
Excessive navigation links
I'm working on the code for a collaborative project that will eventually have hundreds of pages. The editor of this project wants all pages to be listed in the main navigation at the top of the site. There are four main dropdown (suckerfish-style) menus and these have nested sub- and sub-sub-menus. Putting aside the UI issues this creates, I'm concerned about how Google will find our content on the page. Right now, we now have over 120 links above the main content of the page and have plans to add more as time goes on (as new pages are created). Perhaps of note, these navigation elements are within an html5 <nav>element: <nav id="access" role="navigation"> Do you think that Google is savvy enough to overlook the "abundant" navigation links and focus on the content of the page below? Will the <nav>element help us get away with this navigation strategy? Or should I reel some of these navigation pages into categories? As you might surmise the site has a fairly flat structure, hence the lack of category pages.</nav> </nav> </nav>
Intermediate & Advanced SEO | | boxcarpress1 -
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 -
# element above Menu - Is there any SEO Value to it
Is there any Value to having the H1 element above the MENU in a Typical Application ? My intention is to tell the "Bot" that the H1 element is more important than the Menu Items . Are there any examples of such sites . The closest that I have seen is (NOT MY SITES) http://www.airfarewatchdog.com/ and http://www.airfarewatchdog.com/cheap-flights/from-dallas-texas/1531/?airport_code=dfw&depsub=1&c2calert=0&deal_alert=0&from_hp=true Here they (second link) they have H1 above the Bread Crumb ( they dont have any menu though).
Intermediate & Advanced SEO | | Chaits0 -
SEO for a plumber?
Hello, How does a small, local business win at SEO (without abusing directories, articles, and paid links)? It seems that everyone is saying "create unique content", but that just doesn't seem realistic for a small plumber in a big metro area. One might suggest coming up with helpful articles about plumbing tips, etc., but there are thousands of spun articles on article directories already. On page optimization is in place, we are listed in the main directories, we've asked the people we know to link to us, and we are engaged in social media. What would you recommend next? Thanks, Will
Intermediate & Advanced SEO | | WillWatrous0