CSS Menu

Tegenwoordig is het belangrijk dat een zoekmachine makkelijk een hele site kan doorzoeken om zoveel mogelijk pagina's te kunnen indexeren. Maar wat vaak gebeurt is dat er DHTML menu's gebruikt worden die niet te volgen zijn door zoekmachine spiders. Een oplossing voor dit probleem zijn de CSS menu's. Deze worden op een semantisch verantwoorde manier met kale HTML opgebouwd en met CSS tot een menu gestyled. In IE is een klein stukje Javascript nodig om het uitklappen te laten werken maar voor de zoekmachines is dat niet relevant.

Dit geheel kan op heel veel verschillende manieren gestyled worden, voorbeelden hiervan zijn te zien in de pagina's die hieronder genoemd worden. Mijn advies is om deze menu's te gebruiken i.p.v. de bloated DHTML menu's. Hou er rekening mee dat je op de folders ook een link plaatst naar een pagina waar je subitems staan zodat mensen zonder javascript ook alle pagina's kunnen bereiken.

Listamatic

one list, many options

A List Apart

Suckerfish Artikel
Suckerfish voorbeeld

Peterned

CSS Hover artikel
CSS Menu voorbeeld

Webmaster Toolkit

CSS Menu Generator

Meyer Web

pure CSS menus

Click to activate social bookmarks