Wat het is
Een favicon (kort voor "favorite icon") is de kleine vierkante afbeelding die naast de titel van je pagina verschijnt in een browsertabblad, in een lijst met bladwijzers en soms ook in de browsergeschiedenis en zoeksuggesties. Meestal is het een vereenvoudigde versie van een logo — klein genoeg om herkenbaar te blijven op een formaat van slechts een paar pixels, zoals een letter, een eenvoudige vorm of een icoontje.
Zonder favicon tonen browsers in plaats daarvan een generiek, leeg pagina-icoon — dezelfde placeholder die voor elke site wordt gebruikt die er geen heeft ingesteld, waardoor meteen duidelijk is dat dit specifieke detail nooit is geconfigureerd.
Waarom het belangrijk is
Een ontbrekende favicon is een klein ding, maar ook een van de meest zichtbare kleine dingen: het verschijnt op elke pagina van je site, in elk browsertabblad, voor elke bezoeker, de hele tijd. Als iemand meerdere tabbladen open heeft, is de favicon vaak de enige manier waarop ze jouw tabblad visueel terugvinden tussen de rest — een generiek leeg icoon maakt dat lastiger en signaleert stilletjes "deze site is nooit helemaal afgemaakt".
Het is ook een van de snelste overwinningen in deze hele lijst: in tegenstelling tot content- of ontwerpbeslissingen kost een favicon slechts enkele minuten om te maken en toe te voegen, zonder verder onderhoud eenmaal geplaatst.
Hoe je het oplost
- Maak een eenvoudige vierkante afbeelding (idealiter een vereenvoudigde versie van je logo) — gratis favicongeneratoren kunnen een bestaand logo automatisch omzetten naar de juiste bestandsformaten en afmetingen.
- Sla het resultaat op als
favicon.icooffavicon.svgen upload het naar de hoofdmap van je site (of waar je hostingplatform icoonbestanden verwacht). - Voeg
<link rel="icon" href="/favicon.ico">(of het SVG-equivalent) toe binnen de<head>-sectie van je pagina. - Gebruik je een websitebouwer (Squarespace, Wix, Webflow, WordPress), zoek dan naar een uploadveld voor "favicon" of "site-icoon" in je algemene site-instellingen in plaats van zelf code aan te passen.
- Herlaad de pagina in een nieuw browsertabblad (of wis je browsercache) om te bevestigen dat het nieuwe icoon verschijnt — favicons worden soms gecachet en updaten traag.