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
-
Recent changes to Google organic search?
We have a client's website that was on page 1 for 2 years, and then in September fell off while a new website with virtually no visitors and never showing in organic search before shot to #1. Never seen anything like it. Today, my client is back where they were two weeks ago and the #1 listing I mentioned is not even on page 1 at all. In fact it's at the bottom of page 2! It seems to us, having read about Google organic changes made around July 3rd, 2018, that even more emphasis is now on the domain name (all the results on page 1 have my client's keyword in their domain name) and the importance of H1 tags and Title tags has risen to trump many other factors. Can anyone shed some light on changes you may have seen in the past few months? Along with huge changes to Adwords and AdGrants, Google seems all over the place (at least to us) and it is more challenging then ever. Thanks!!
Intermediate & Advanced SEO | | Teamzig0 -
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 -
Dealing with non-canonical http vs https?
We're working on a complete rebuild of a client's site. The existing version of the site is in WordPress and I've noticed that the site is accessible via http and https. The new version of the site will have mostly or entirely different URLs. It seems that both http and https versions of a page will resolve, but all of the rel-canonical tags I've seen point to the https version. Sometimes image tags and stylesheets are https, sometimes they aren't. There are both http and https pages in Google's index. Having looked at other community posts about http/https, I've gathered the following: http/https is like two different domains. http and https versions need to be verified in Google Webmaster Tools separately. Set up the preferred domain properly. Rel-canonicals and internal links should have matching protocols. My thought is that we will do a .htaccess that redirects old URLs regardless of the protocol to new pages at one protocol. I would probably let the .css and image files from the current site 404. When we develop and launch the new site, does it make sense for everything to be forced to https? Are there any particular SEO issues that I should be aware of for a scenario like this? Thanks!
Intermediate & Advanced SEO | | GOODSIR0 -
Jump to Navigation in SERPs?
To make 'jump to' navigation work, does the href or anchor need to contain descriptive text? For example, I know this is best: Install with Wubi But, would the below work just as well? Install with Wubi
Intermediate & Advanced SEO | | nicole.healthline0 -
What Navigation strategy should I pursue for this local SEO project? Why?
Hi Mozzers, Context: I am working with a plumbing company that is located in NC and covers 6 locations( 1 address + 5 target cities). To start off I am planning to SEO his main location + 2 to 3 areas. The initial plan is to create 30 (10 services for 3 locations) unique landing pages for the main area and the extra locations,. His services are: PLUMBING EMERGENCY PLUMBING WATER TREATMENT WATER HEATER INSTALLATION WATER HEATER REPAIR TANKLESS WATER HEATERS SEWER AND DRAIN CLEANING REPIPING GARBAGE DISPOSALS GENERAL PLUMBING Since I am including 2 to 3 extra areas offering all these services above, should I include a subnavigation which will create a localized microsite within the site itself for these extra locations or not? Please specify why? Thanks!
Intermediate & Advanced SEO | | Ideas-Money-Art0 -
Internal Linking for better seo
On our site http://villasdiani.com we have a blog called Kenya news, which is a category where we regular post articles. I am always creating external links to the category Kenya news so as it would pass juice to the posts in it and the posts have back links to category. There are no internal links among posts in the category. As our main target is to rent beach villas and boutique hotels, each of that posts in the category Kenya news has only a link either to category with beach villas or to category with boutique hotels. My question is, if this is good practice?, is it just not too much links going to categories to beach villas and boutique hotels form the Kenya news?
Intermediate & Advanced SEO | | Rebeca1
Thank you very much for any thoughts Iris0 -
Outreach - When is it important to wait vs ask for the link with the first email?
Hello, When is it appropriate to wait till the second or third email to let the person I'm outreaching to know that I want a link? Things I'm giving away: 1. Broken Link Building 2. $100 adwords traffic 3. social sharing of their URL (twitter & facebook)
Intermediate & Advanced SEO | | BobGW0 -
SIte Redesign - Disaster for Organic Traffic
A client just redesigned their site and launched it around May 30. The organic traffic has had a MAJOR drop and has not returned yet. All of the old pages have been 301 redirected to the new pages. Any thoughts on what could be causing this to www.brickhousesecurity.com? In Google Webmaster Tools, before the redesign we were receiving about 300,000 impressions and 10-12,000 clicks. Now the impressions are only 100,000 with half as many clicks. Thanks!
Intermediate & Advanced SEO | | AlightAnalytics0