Garry Conn

How to Design Search Engine Friendly Drop Down Menus

By Garry Conn - Mon, 13 Aug 2012 12:30:47 CST

Lately I have been working on improving my drop down menu design skills. I really don't like flash-- search engines can't see them, and Java designed menus tend to be buggy and at times fail to render correctly on all web broswers.

My design style has always leaned towards using CSS to style HTML. You get the best chance at having complete compatibility among all the different web browsers available, plus in most cases the menus still render correctly on smartphones, plus search engines can also see the links.

That said, if you are looking for a great tutorial on how to create an excellent CSS driven drop down, then be sure to check out this tutorial below. I know that this will be one I'll refer back to often.

"With the help of some advanced selectors a dropdown menu can be easily created with CSS. Throw in some fancy CSS3 properties and you can create a design that was once only achievable with background images and Javascript. Follow this tutorial to see the step by step process of building your own pure CSS dropdown menu." #1

Drop down menus have always been a challenge for me. For starters, there's so many other sites that provide tutorials on them, but they're uaually really hard to follow or don't provide enough details to get me thru the snags.

This has to be probably one of the best drop down menu tutorials I have read. Plus the design and craftsmanship behind it is absolutely amazing. It will totally become a tutorial I will refer back to often. If you know of any other really good drop down menu tutorials please leave me a comment and let me know the URL.