Een klein icoon met grote impact - Favicon

Je hebt er waarschijnlijk al honderden gezien vandaag, zonder dat je er bewust bij stilstond: de piepkleine icoontjes in de tabbladen van je browser. Zo’n icoontje heet een favicon (kort voor favorite icon), in WordPress ook wel de Site-identiteit of Site-pictogram genoemd.

Hoewel het slechts een pixelformaat en afbeelding van niks is, speelt het een enorme rol in de uitstraling en het succes van je website. In deze blogpost leggen we uit waarom een favicon onmisbaar is én hoe je deze binnen twee minuten instelt in WordPress.

Waarom is een favicon zo belangrijk?

Veel startende website-eigenaren vergeten het favicon, waardoor bezoekers de standaard 'wereldbol' van de browser of het grijze WordPress-logo zien. Zonde, want een op maat gemaakt favicon levert je direct voordelen op:

1. Directe herkenbaarheid (Tab-clutter)

We maken ons er allemaal schuldig aan: tientallen tabbladen tegelijk open hebben staan. Zodra je veel tabbladen open hebt, verdwijnt de titel van de website en zie je alleen nog maar het icoontje. Een herkenbaar favicon zorgt ervoor dat een bezoeker jouw website direct weer terugvindt in de chaos.

2. Professionele uitstraling en vertrouwen

Een website zonder favicon voelt onafgemaakt. Het straalt uit dat er met haast aan is gewerkt. Een eigen icoon laat zien dat je oog hebt voor detail en achter je merk staat, hoe klein dit kan beginnen. Dit wekt onbewust direct meer vertrouwen bij een potentiële klant.

3. SEO en mobiele zoekresultaten

Google toont favicons prominent in de zoekresultaten, zowel op mobiel en op desktop. Naast jouw meta-titel en beschrijving staat dus jouw icoontje. Een opvallend en duidelijk favicon kan er zomaar voor zorgen dat er sneller op jóúw link geklikt wordt dan op die van de concurrent. En zeker als de concurrent er geen een in heeft gesteld. 

4. Snelkoppelingen op smartphones

Als een bezoeker jouw WordPress-website opslaat als bladwijzer of toevoegt aan het startscherm van hun smartphone, fungeert het favicon als het 'app-icoontje'. Zonder favicon wordt dit een saaie, generieke screenshot.

Waar moet een goed favicon aan voldoen?

Voordat we hem gaan uploaden in WordPress, moet het design aan een paar basiseisen voldoen:

Hou het simpel: Een gedetailleerd logo wordt op 16x16 pixels een onleesbare vlek. Gebruik liever alleen de eerste letter van je merk, of een heel herkenbaar, versimpeld onderdeel van je logo.

Vierkant formaat: Het bestand moet exact vierkant zijn.

Formaat in WordPress: WordPress adviseert een formaat van minimaal 512 x 512 pixels. WordPress schaalt dit achter de schermen zelf automatisch perfect op en neer voor alle apparaten (van desktop tot Retina-schermen).

Bestandstype: Gebruik een .png met een transparante achtergrond. Zo sluit het icoontje altijd mooi aan, of de browser van je bezoeker nu op 'light mode' of 'dark mode' staat.

Stappenplan: Favicon instellen in WordPress

Het mooie van WordPress is dat je hier tegenwoordig geen ingewikkelde plug-ins of code meer voor nodig hebt. Sinds versie 4.3 zit deze functie standaard ingebakken. Volg simpelweg deze stappen:

Stap 1: Log in op je WordPress Dashboard

Ga naar de achterkant van je website (jouwdomeinnaam.nl/wp-admin).

Stap 2: Navigeer naar de Customizer

Ga in het linkermenu naar Weergave -> Customizer (of Aanpassen).

(Gebruik je een 'Block Theme'? Ga dan naar Weergave -> Editor, klik op je header en zoek daar naar de site-instellingen).

Stap 3: Open de Site-identiteit

Zoek in het menu van de Customizer naar de optie Site-identiteit (soms heet dit Site-instellingen of Logo).

Stap 4: Upload je Site-pictogram

Scrol naar beneden tot je het kopje Site-pictogram ziet. Klik op Site-pictogram selecteren en upload je vierkante .png-bestand.

Stap 5: Uitsnijden en Publiceren

WordPress laat je een voorbeeld zien van hoe het eruit gaat zien in de browser. Klopt het? Klik op Selecteren en daarna rechtsboven op de blauwe knop Publiceren.

Et voilà! Ververs je website en je ziet je gloednieuwe favicon direct stralen in het tabblad.

Kortom: Een kleine moeite, een professioneel resultaat

Het instellen van een favicon is een van de snelste en makkelijkste manieren om de branding van je website naar een hoger niveau te tillen. Het kost je nog geen kwartiertje, maar je plukt er de vruchten van zolang je website online staat.

Heb je de perfecte domeinnaam en het favicon al klaarliggen, maar zoek je nog een snelle en betrouwbare thuisbasis voor je WordPress-site? Bekijk dan onze Linux webhosting pakketten. Razendsnel, veilig en perfect geoptimaliseerd voor WordPress!