Optimized Dropdown Menus

Description

By using Optimized Dropdown Menus Widget, you’ll be able to create dropdown menus that are searchable or “spiderable” by search engine bots.

So how does it work?

Basically, it works like this:

The menu’s markup code is being printed as an ordinary nested menu. e.g.

<ul>
    <li><a >Some Random Page</a></li>
    <li><a >Another Page</a></li>
    <li><a >Yet Another One</a></li>
</ul>

Since most browsers support JavaScript, using the widget, the markup would be translated into something like this

<select>
    <option value="https://example.com/page">Some Random Page</option>
    ...
    <option value="https://example.com/page">Something else</option>
</select>

The tricky part here is, that search engines do not usually interpret JavaScript, all they will be able to scan is the nested menu. That way they will reach out for those pages, and most probably will crawl those pages as well.

ODM also supports a range of per-widget settings:

• Control whether links will be open in new window or in the same window
• Choose to use HTML5/XHTML markup for the menu

Features set for the next versions

Soon there will be an option for developers to use the same functionality via the code. e.g.

Translations

Currently, these translations are available:

• Spanish (es_ES) – in courtesy of Ognjen Djuraskovic
• Serbian (sr_RS) – in courtesy of Ognjen Djuraskovic

Screenshots

Installation

Install Optimized Dropdown Menus in 3 easy steps

1. Upload the plugin folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to Appearance > Widgets and drag the widget (“Optimized Dropdown Menu”) to any sidebar you wish

FAQ

How do I add a menu?

First you should set up a menu before you attempt to use the widget. In order to do that, go to Appearance > Menus and create a new menu. When you’re finished creating and saving the new menu, go back to Appearance > Widgets and select the appropriate menu.

Reviews

Contributors & Developers

Changelog

1.2.2

• New! Added support for opening links in new window. Proposed by Kari S.

1.2.1

• Added new es_ES, sr_RS translations. Thank you, Ognjen Djuraskovic!

1.2

• Optimized Dropdown Menus is now translation-ready

1.1

• Fixed bug where the menu was rendered, but the “Go” button was not responding. props Graham W.
• Codebase improved, now wrapped in a class

1.0

• Initial release.