Een Favicon is een klein plaatje (een icoontje) dat links van het adres in de adresbalk van de browser staat, zoals het kleine woordenboekje hierboven. Bij sommige browser is dit icoontje ook te zien in de lijst met favorieten. Bij Internet Explorer wordt het ikoon zichtbaar in de adresbalk en in het lijstje met favorieten als de bezoeker de pagina toevoegt aan zijn favorieten.
Dus: als je pagina niet gebookmarked wordt, verschijnt het ikoon niet in IE!

Je kunt natuurlijk via een editor een icon maken (16×16) plaatje met ico bestandsformaat of je kunt een online favicon generator gebruiken. Je hebt online favicon generators die tekst manipuleren als Antifavicon, een plaatje gebruiken om direct een favicon te genereren en je kunt zelfs een favicon bewerken met deze favicon editor.

Naast het zelf maken van een favicon kun je tenslotte ook nog een icon downloaden en gebruiken op je eigen website. Op sites als Gorts Icons kun je gratis mooie favicons vinden.

Nadat je een favicon hebt gemaakt, moet je het nog uploaden naar je webserver. Plaats het gewoon in de rootdirectory (de hoofddirectory van je site).

Tenslotte moet je nog naar het ikoon verwijzen in de head sectie van alle pagina’s op je site. Dat verwijzen doe je met behulp van de link-tag.

Voorbeeld:

N.B. de bovenstaande code ‘href=/favicon.ico’ bevat een /. Hiermee geef je aan dat favicon.ico in de rootdirectory staat. Heb je een gratis webhost waar je een subdirectory hebt gekregen voor je site dan moet je hier waarschijnlijk een verwijzing naar deze directory maken. Dus bijvoorbeeld: ‘/mijngebruikersnaam/favicon.ico’ of anders een absolute verwijzing: ‘http://www.freewebs.com/mijngebruikersnaam/favicon.ico’. In ieder geval: gaat er iets mis en werkt het ikoon niet dan ligt dit zeer waarschijnlijk aan een foute verwijzing naar het favicon.ico bestand.

Als je een WordPress website hebt, is deze Favicon plugin wel handig.