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
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.