Wie kent er wat journalisten in Limburg? Dit verdient wel aandacht: http://t.co/urCyDjLO #nl
Site Basics II: favicon
Een favicon is het 16x16 pixels grote plaatje dat zorgt voor het icoontje voor je site naam in de meeste browsers. Door de komst van tabbed browsing zijn favicons steeds belangrijker geworden. Zo ziet de linker kant van mijn Chrome tab bar er consistent zo uit:
Dat werkt goed omdat de iconen herkenbaar zijn en ik meteen kan klikken waar ik zijn moet voor m'n dagelijkse handelingen. Het irriteert me mateloos als ik sites tegen kom zonder goed favicon... Het maakt het altijd moeilijker om ze terug te vinden in een browser die regelmatig overvol zit met tabs. Een mooi voorbeeld is Gaviscon.
Het is niet zo moeilijk, zo'n favicon, hier een stappenplan:
- Maak een herkenbaar plaatje van 16 x 16 pixels.
- Gooi dat plaatje door een tool als deze, dan krijg je een .ico bestand terug.
- Noem dat bestand favicon.ico en plaats het in de root folder van je domein, waardoor het te vinden is op http://www.example.com/favicon.ico.
- Klaar!
Eventueel kun je een andersoortig plaatje nemen dat niet favicon.ico heet, dan moet je de volgende code in de <head> sectie van je HTML opnemen:
<link rel="shortcut icon" href="http://www.example.com/images/favicon.png" />
Dat lijkt me simpel genoeg, of niet? Doe het dan!!
Ohja btw: het standaard favicon van je Theme (Genesis bijvoorbeeld) of je CMS (Joomla, Magento, etc)? Ook niet goed genoeg!
Posts gerelateerd aan Site Basics II: favicon
Verbeter je website aan de hand van een Website Analyse!
Eén reactie op “Site Basics II: favicon”
Reageer
WordPress SEO Plugin
Mijn "all in one SEO" oplossing voor WordPress blogs: SEO titels, meta descriptions, XML sitemaps, breadcrumbs & nog veel meer.
Sponsors
Door Johan op 13-12-2011 om 12:12
En als je dan toch een 16 x 16 icoontje hebt gemaakt, maak er dan ook gelijk eentje van 156 x 156 px zodat je een mooi 'app' icoontje krijgt als je op een iOS apparaat een shortcut op je homescreen zet.
Daarvoor moet je deze tag toevoegen: