Examples of fly-out or mega menus
The key features of this sort of menu are that:
- Only top-level product or site categories are displayed by default
- Sub-category information displays when a user hovers over a top-level label
- All of the sub-categories are anchors, linking to very specific product category pages
Mega menus may also be used for “navandising” – including images or graphics that cross-sell or up-sell related products, services, or offers.
Benefits for shoppers
Like what you're reading?
Subscribe to our weekly newsletter.
Join over 20,000 ecommerce leaders who have subscribed
and receive expert advice about the world of enterprise commerce.
Some online retailers have a significant number of product offerings or variations across many product lines. While that variety is often a boon for shoppers and merchants alike, it can make finding specifically what you’re looking for something of a challenge. Fly-out menus make it easier to sort through available products.
SEO-friendly mega menus: it’s all in the code
For example, Aldo Shoes’ mega menu sub-categories are coded directly into the HTML, creating several rich, text-based links for search engine bots to spider and index:
In fact, the HTML for a mega menu can look surprisingly similar to the HTML for a site map, which most SEO pundits praise.