Click To Reveal vs Rollover Navigation Better For Organic?
-
Hi,
Any thoughts, data or insights as which is better in a top navigation... click to reveal the nav links or rollover to reveal the nav links? Regular content in an accordion (click to reveal) is evidently not best practice. Does that apply to navigation as well?
Thanks! Best... Mike
-
Interesting UX question. Short answer; click menu is best, but its not black and white.
Naturally its more subtle than that. You mention regular content. Regular content being hidden by any mechanism is naturally not too user friendly. Accordions can often be overlooked, text hidden in the hover state of images is a client favourite that is also terrible UX practice. The mechanism doesn't matter too much - its the fact content is hidden by an un-signposted mechanism. The author knows its there, but your visitor will not.
Menu isn't content though; its a different beast. A menu needs to exhibit good information hierarchy. We try to keep our main menu to 7 items or less, essentially for clarity of the first tier of offerings. This can often necessitate sub-menus. Sub-menus are hidden content, we're just arguing the toss about mechanism. So first off we'd suggest a nice little signpost like a downward arrow to show which main items have sub-menus
Also note we don't have hover states on touch devices, so unless you're planning on a second type of menu for that, your choice is made for you and it'll certainly need to be selection rather than hover based.
Select to get something is more in keeping with how everything else on the web works; text links, buttons etc. Hover feels more immediate but if your site demographic is broad, bear in mind that the dexterity required will elude a percentage of your audience. Consider the accessibility implications of this and your site client needs.
For example, hover menus can be a real pain when the sub-menu content is wider than the trigger area. This will have happened to all of you; hover over the main menu item, see the sub-menu item you want, move the mouse to select the sub menu item... o dear the sub menu has disappeared on you. You left the hover area before reaching the sub menu and the hover state is lost. As well as accidental deactivation its quite possible to get annoying accidental activation with hover too.
As well as audience consider the sub-menu itself. If you have a couple of small items consider hover, a massive mega-menu will nearly always be better toggled by selection. On that note, if you're using mega-menus consider Nielsens excellent guide here: https://www.nngroup.com/articles/mega-menus-work-well/
PS: I'd encourage everyone to start thinking about selection rather than 'clicks'. I still slip up myself, but clicks are an outmoded, desktop-centric term that is very dangerous to bandy about when making responsive websites. Much as your anchor text should never be "Click here" we should always be thinking about "selection". Selection speaks to intent and action rather than physical methodology, as that methodology can be clicking, yes, but also tapping, voice command, keyboard based, etc.
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
-
Google spending majority of time on NAV bar vs. most important pages
Google is spending 37% of its time crawling the NAV bar which is on every page. Google is spending very little time 1% on the most important pages -- product pages (https://www.skinsafeproducts.com/tatcha-violet-c-brightening-serum-20-vitamin-c-10-aha) on www.skinsafeproducts.com . Does anyone know what is going on and how I can change the behavior?
Intermediate & Advanced SEO | | akih0 -
Title Tags in Sitecore are the same as navigation. How do I add keyword phrases without effecting my website's navigation?
I am working on overhauling the on-page SEO for ecommerce website on Sitecore. I've done all my research and I am ready to plug the Title tags and descriptions in. So, if the page on Navigation is 'SHOP' this is in the Title tag box. How do I add my 70 characters of keywords? Thanks. JOE
Intermediate & Advanced SEO | | iJoe0 -
URL Migration: Better to have .301s processed or 200s?
I'm migrating sub-domains to sub-folders, but this question is likely applicable for most URL migrations. For example: subdomain1.example.com to example.com/subdomain1 and any child pages. Bear with me as it may just be me but I'm having trouble understanding whether internal links (menu, contextual etc and potentially the sitemaps) should be kept as the pre-migration URL (with .301 in place to the new URL) to give Google a chance to process the redirects or if they should be updated straight away to the new URL to provide a 200 response as so many guides suggest. The reason I ask is unless Google specifically visits the old URL from their index (and therefore processes the .301), it's likely to be found by following internal links on the website or similar which if they're updated to reflect the new URL will return a 200. I would imagine that this would be treated as a new page, which is concerning as it would have a canonical pointing toward itself and the same content as the pre-migrated URL. Is this a problem? Do we need to allow proper processing of redirects for migrations or is Google smarter than this and can work it out if they visit the old URL at a later date and put two and two together? What happens in-between? I haven't seen any migration guides suggest leaving .301s in place but to amend links to 200 as soon as possible in all instances. One thought is I guess there's also the Fetch as Google tool within Search Console which could be used with the old URLs - could this be relied on? Apologies if this topic has been covered before but it's quite difficult to search for without returning generic topics around .301 redirects. Hope it makes sense - appreciate any responses!
Intermediate & Advanced SEO | | AmyCatlow0 -
Canonical tag + HREFLANG vs NOINDEX: Redundant?
Hi, We launched our new site back in Sept 2013 and to control indexation and traffic, etc we only allowed the search engines to index single dimension pages such as just category, brand or collection but never both like category + brand, brand + collection or collection + catergory We are now opening indexing to double faceted page like category + brand and the new tag structure would be: For any other facet we're including a "noindex, follow" meta tag. 1. My question is if we're including a "noindex, follow" tag to select pages do we need to include a canonical or hreflang tag afterall? Should we include it either way for when we want to remove the "noindex"? 2. Is the x-default redundant? Thanks for any input. Cheers WMCA
Intermediate & Advanced SEO | | WMCA0 -
Which Domain is better
Which domain is better for SEO. vehiclewrapslasvegasnv.com Or vehicle-wraps-lasvegas-nv.com Thanks in advance for your help.
Intermediate & Advanced SEO | | AlexanderWhite0 -
How to Have Flat Navigation w/out Diluting Link Juice
I have a client with a very flat navigational structure relying on a menu with CSS hover dropdowns using simple items to get to just about every page on the site through the main navigation on every page. They want this ability to remain. The issue is stat is send link juice all over and does not concentrate into pages that are key search landing pages. I don't want to "no Index" "follow" the less important pages since there are some brand related long tail searches that I would want these pages found. These are useful pages to consumers who are already engaged with the brand, but not ones we would not care to rank for outside of branded search. If there was a way to have some links be non-crawled via javascript (or some other method) and those that are more important use a more standard html type link that would seem ideal. Does anyone have a suggestion for menu tool or technique for exposing to consumers all the links to consumers but restricting google bot's path while being in line with Google Webmaster guideslines? Blair
Intermediate & Advanced SEO | | BlairKuhnen0 -
GEO IP Redirects affecting Organic Rankings
Not sure if anyone has ever had this problem. We have a client who is a UK based retailer with a large retail presence in Canada and a U.S site as well. For the past year while keeping track of their rankings, they steadily ranked #1 for their brand term on Google.CA. At the end of June we implemented a GEO IP redirect for U.S visitors to be redirected to the U.S site if they clicked on the .CA listing. Over the next two weeks the ranking for the single branded keyword went from #1 to completely off the top 50. Could this have possibly happened due to the GEO IP redirect? The .CO.UK site has always been top 3 in the organic listing and is still #1 but in Google.ca the Canadian site has dropped off completely after consistently ranking #1.
Intermediate & Advanced SEO | | demacmedia0 -
Relative paths vs absolute paths for links - is there a difference?
Is it better to use links like: some link VS some link is there a difference for the search engine algorithms? Thanks.
Intermediate & Advanced SEO | | cdolek1