oktober 8, 2026

Favicon

Een favicon is het kleine icoontje dat je links in de tab van je browser ziet staan, naast de titel van de pagina. Het dient als een visueel anker waardoor je jouw website snel terugvindt tussen alle andere openstaande tabbladen.

Technische werking

Je maakt een vierkant afbeeldingenbestand, meestal in PNG-formaat of als .ico bestand.
Je uploadt dit bestand naar de server waar je website op staat.
Je voegt een regel code toe aan de header van je site die de browser vertelt waar het icoon staat.
De browser leest deze code bij het laden van de pagina en plaatst het beeldje in de tab.

Belangrijke begrippen

Apple Touch Icon: een specifiek, grotere versie van het icoon die gebruikt wordt wanneer iemand je site opslaat als snelkoppeling op een iPhone of iPad.
Transparante achtergrond: een afbeelding zonder kleurvlak eromheen, zodat alleen het logo zichtbaar is en niet een wit vierkantje.
Web app manifest: een JSON-bestand waarin je definieert hoe je site zich moet gedragen en welk icoon moet verschijnen als het als app op een Android-toestel wordt geïnstalleerd.
Shortcut icon: de oudere term voor het favicon-bestand, die nog steeds in veel code voorkomt voor compatibiliteit met oude browsers.

Ontdekken wat we voor uw organisatie kunnen bereiken?

Vul ons contactformulier in en ontvang binnen 24 uur een persoonlijke reactie.

Geen enkele organisatie is hetzelfde, daarom stellen we altijd een op maat gemaakt plan van aanpak op.

Laat onze ervaren consultants u begeleiden naar succes!

Praktijkvoorbeeld

Stel je voor dat example.nl een webshop in koffiebonen is met een herkenbaar bruin logo. De eigenaar wil dat dit logo ook in de browsertab verschijnt. Hij maakt een PNG van 32 bij 32 pixels en plaatst deze in de rootmap van de server. In de code ziet dat er zo uit:

<link rel="icon" type="image/png" href="/favicon.png">

Bezoekers zien nu bij het openen van de site direct het bruine koffieboontje in hun tabblad, wat helpt bij de herkenbaarheid.

Veelgemaakte fouten

Te veel detail: een complex logo met kleine lettertjes wordt onleesbaar op 16 pixels. Het resultaat is een onduidelijke vlek.
Verkeerde bestandsnaam: het bestand noemen met een naam die de browser niet automatisch herkent, terwijl de code ontbreekt.
Geen transparantie: een wit kader om een rond logo heen, wat er onprofessioneel uitziet in de donkere modus van Google Chrome.
Te grote bestanden: het uploaden van een afbeelding van 2000 pixels, waardoor de browser onnodig veel data moet laden voor een minuscuul icoontje.

SEO begint bij kwalitatieve content

Verhoog je conversies met onze doelgerichte content!

Het geheim achter een bloeiende SEO-strategie? Kwalitatieve content die het hart van de doelgroep verovert. Met de juiste inhoud die naadloos inspeelt op de behoeften en verlangens van jouw potentiële klanten, til je jouw zichtbaarheid naar een hoger niveau.

Als je een sterke online aanwezigheid wilt opbouwen, is hoogwaardige content de sleutel tot jouw succes.

Gebruik en afwegingen

Je gebruikt een favicon altijd als je een eigen merk bouwt; het is de digitale versie van een uithangbord. Doe je echter een heel simpele landingspagina voor een kortstondige actie zonder eigen merkidentiteit? Dan kun je het weglaten, al ziet een site zonder icoon vaak onafgemaakt uit.

Controle en installatie

Maak een vierkant bestand aan, bij voorkeur 32 bij 32 pixels.
Upload het bestand naar je WordPress-instellingen onder Site-identiteit of via een plugin.
Open je website in een incognitovenster om te zien of het icoon verschijnt.
Voer een Hard Refresh uit (Ctrl+F5) als je het icoon hebt aangepast maar de oude versie nog ziet door de favicon cache.

Gebruik geen foto in plaats van een strak icoon, want dat werkt bijna nooit.

Controleer of je logo in het tabblad nog wel scherp is.

Gratis SEO scan van uw website?

Ontdek nu de verborgen potentie van uw website met onze GRATIS SEO scan! Onze geavanceerde tools en deskundige analyse bieden u een gedetailleerd inzicht in de verbeterpunten van uw online aanwezigheid.

Ontvang een uitgebreid rapport met waardevolle optimalisatie-tips die uw website naar nieuwe hoogten zullen stuwen. Neem vandaag nog de eerste stap naar een betere vindbaarheid en meer organisch verkeer. Mis deze kans niet – claim nu uw GRATIS SEO scan en maak uw website klaar voor succes!

Onze Specialisaties

Website development

Search Engine Optimization

Content Marketing

Search Engine Advertising

Symblings Digital Marketing

4.9

Gebaseerd op 14 beoordelingen

Categorieën

Onze SEO technieken

ONTVANG EEN GRATIS SEO ARTIKEL

Ontvang een gratis SEO artikel van 1000-1200 woorden die gegarandeerd jouw zoekposities zullen versterken.

Vraag direct aan

Veelgestelde vragen

Wat is een favicon precies?

Het is het kleine icoontje dat je links in de tab van je browser ziet staan, naast de titel van de pagina. Het werkt als een visueel anker. Hierdoor vind je jouw website snel terug wanneer je veel verschillende tabbladen open hebt staan.

Hoe maak ik een favicon?

Maak een vierkant afbeeldingenbestand, bij voorkeur 512 bij 512 pixels. Gebruik een PNG-formaat of een .ico bestand. Zorg dat je logo simpel is en geen kleine lettertjes bevat, want op 16 pixels wordt een complex ontwerp snel een onduidelijke vlek.

Hoe plaats ik een favicon op mijn website?

Je uploadt het bestand naar je server en voegt een regel code toe aan de header van je site. In WordPress gaat dit simpel via de instellingen onder Site-identiteit of met een plugin. De browser leest deze code en plaatst het beeldje in de tab.

Welk bestandsformaat is het beste voor een favicon?

De meeste mensen gebruiken PNG of .ico. Een PNG met een transparante achtergrond werkt goed, omdat je dan geen wit vierkantje om je logo ziet. Dit is vooral belangrijk voor bezoekers die hun browser in de donkere modus gebruiken.

Waarom zie ik mijn nieuwe favicon niet?

Browsers onthouden het oude icoon vaak in de cache. Open je website daarom in een incognitovenster om te controleren of het werkt. Werkt dat niet? Voer dan een Hard Refresh uit met Ctrl+F5 om de browser te dwingen het nieuwe bestand te laden.

Wat is een Apple Touch Icon?

Dit is een specifiek, grotere versie van je favicon. Het wordt gebruikt wanneer iemand jouw website opslaat als snelkoppeling op een iPhone of iPad. Zo ziet het icoon er op een mobiel scherm ook scherp en professioneel uit.

Kan ik gewoon een foto als favicon gebruiken?

Dat kan, maar dat werkt bijna nooit. Een foto bevat vaak te veel detail voor zo’n klein oppervlak. Gebruik liever een strak, simpel icoon zonder achtergrond. Zo blijft je logo herkenbaar en voorkom je dat het een vlek wordt.

Is een favicon echt nodig op elke site?

Als je een eigen merk bouwt, is het eigenlijk onmisbaar; het is je digitale uithangbord. Voor een simpele landingspagina voor een korte actie kun je het weglaten, al ziet een site zonder icoon vaak onafgemaakt uit.