Optimized Dropdown Menus

April 21, 2014

Optimized Dropdown Menus Plugin

Create "spiderable" drop-down menus that every search engine will scan!

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 href="http://example.com/page">Some Random Page</a></li> <li><a href="http://example.com/page-another">Another Page</a></li> <li><a href="http://example.com/yao">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="http://example.com/page">Some Random Page</option> ... <option value="http://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:

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

Screenshots

  1. Widget Settings

    Widget Settings

  2. How it looks on the front-end

    How it looks on the front-end

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.

Changelog

1.2.2

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

1.2.1

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.

Details

  • Version: 1.2.2
  • Active installations: 100
  • WordPress Version: 3.0
  • Tested up to: 3.7.41

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars