Een favicon is het kleine icoontje dat naast je paginatitel staat in de browsertab, in bladwijzers en, op een telefoon, naast je vermelding in de Google-resultaten. Het is geen rankingfactor, maar het bepaalt wel of iemand jouw site tussen tien open tabbladen of tien zoekresultaten terugvindt. Een goede favicon is een sterk vereenvoudigde versie van je logo: vierkant, herkenbaar op postzegelformaat en met genoeg contrast.
Waar je favicon overal opduikt
Je ziet het icoontje op meer plekken dan je denkt. Bovenaan in de browsertab, naast de titel van de pagina. In de lijst met bladwijzers of favorieten. In de geschiedenis van de browser. Bij iemand die je site als snelkoppeling op het beginscherm van zijn telefoon zet. En sinds een paar jaar ook in de zoekresultaten van Google op mobiel: daar staat je icoontje links naast je bedrijfsnaam, boven de blauwe link.
Dat laatste is de reden dat een favicon voor mkb-bedrijven meer is gaan betekenen. Op een telefoon scrollt iemand langs een rij resultaten die er allemaal hetzelfde uitzien. Het enige kleurverschil in die rij is het icoontje. Heb je er geen, dan vult Google meestal een grijs bolletje of een standaard wereldbolletje in. Dat ziet er niet fout uit, maar het ziet er ook niet uit als een bedrijf.
In een rij zoekresultaten op een telefoon is jouw icoontje vaak het enige kleurverschil.
Wat een goede favicon onderscheidt van een slechte
De veelgemaakte fout is simpel: het volledige logo verkleinen tot een paar millimeter. Een logo met een naam erin, een slogan eronder en een fijn lijntekeningetje wordt op dat formaat een vlekje. Wie jouw bedrijf niet kent, ziet niets. Wie het wel kent, herkent het ook niet.
Vereenvoudig tot een symbool. Neem het meest kenmerkende onderdeel van je logo: de eerste letter, het beeldmerk, de vorm. Laat de bedrijfsnaam weg als die uit meer dan twee letters bestaat. Een hovenier gebruikt het blad uit zijn logo, geen complete boom met wortels.
Kies contrast boven detail. Een vol gekleurd vierkant met een lichte letter erin werkt bijna altijd beter dan een dun lijntje op wit. Test of het icoontje ook zichtbaar is tegen een donkere achtergrond, want steeds meer mensen gebruiken hun browser in donkere modus.
Blijf bij je huisstijl. Dezelfde kleur als je website, hetzelfde symbool als op je visitekaartje en je bedrijfsbus. Herkenning ontstaat door herhaling, niet door een leuk apart icoontje.
Werk vierkant. Een favicon wordt in verschillende maten getoond, van heel klein in de tab tot groter als snelkoppeling op een telefoon. Lever daarom een vierkant bestand van ruime afmeting aan, dan kan de browser er zelf de kleinere versies uit maken.
Zo regel je het praktisch
Technisch stelt het weinig voor. Je hebt een vierkante afbeelding nodig, meestal een png of een svg, die op je website wordt geplaatst en met een regeltje in de code wordt aangewezen. In de meeste websitesystemen is het een uploadveld in de instellingen; bij een site die door een bouwer is gemaakt, hoort het bij de oplevering. Bij joepa staat het icoontje er vanaf dag één op, afgeleid van je logo.
Heb je helemaal geen logo? Maak dan een vierkant in je vaste kleur met de eerste letter van je bedrijfsnaam erin, in het lettertype van je website. Dat is geen noodoplossing waar je je voor hoeft te schamen, het werkt voor veel kleine bedrijven prima.
Controleren of hij goed staat
Open je site in een nieuw tabblad en kijk bovenaan. Zie je nog het oude icoontje of een leeg vel? Dan zit er vaak een oude versie in het geheugen van je browser; probeer het in een privévenster of op een ander apparaat. Zoek daarna op je telefoon naar je bedrijfsnaam. Google haalt het icoontje niet meteen op na een wijziging, dus reken op enkele bezoeken van de zoekmachine voordat het in de resultaten verschijnt.
Samengevat
- Een favicon is het kleine icoontje in de browsertab, in bladwijzers en in Google op mobiel.
- Het helpt je niet hoger te komen, wel om herkend en teruggevonden te worden.
- Vereenvoudig je logo tot één symbool of één letter, met veel contrast.
- Lever een ruim vierkant bestand aan en houd kleur en vorm gelijk aan je huisstijl.
- Zonder favicon vult Google meestal een grijs standaardbolletje in.
Hoeveel aandacht verdient het?
Eerlijk is eerlijk: een favicon gaat je geen klanten opleveren die je anders was misgelopen. Het is een detail. Maar het is wel een detail dat iedereen ziet en dat je één keer regelt, waarna het jaren meegaat. Zet het op het lijstje bij de andere kleine dingen die samen bepalen of een site er verzorgd uitziet, naast een nette paginatitel, scherpe foto's en een contactpagina die klopt. Een uur werk, hooguit, en daarna nooit meer omkijken.