Zullen we het eens hebben over één van de allerkleinste elementen van je site? Klein, maar zeker niet onbelangrijk: de favicon! Volgens sommige SEO-experten kan alleen al de favicon een serieuze boost geven aan een website…
Leestijd: ca. 3 minuten
Na dit artikel:
- weet je wat een favicon is
- weet je waar je moet op letten als je een favicon wil maken voor je site
- kan je makkelijk een favicon toevoegen aan je WordPress-site
- Weet je waarom je site eigenlijk niet zonder een favicon kan
Wat is een favicon?
Een favicon is een op het oog kleine versie van het logo van je site. Je ziet de favicon verschijnen op het tabblad in je browser, wanneer een webpagina is geopend. Verder zie je hem onder meer nog bij bookmarks en in internetzoekmachines.
Hoe maak je zo’n favicon aan en waar moet je op letten?
De favicon is een beeldmerk, een vierkante afbeelding (512 px 512 px voor het beste resultaat). Het bestand moet in je mediabibliotheek van WordPress zitten.
Vierkante afbeelding
Je kan de favicon ontwerpen met Canva bijvoorbeeld. Je kan er eventueel het logo-sjabloon nemen als vertrekpunt voor je ontwerp. Standaardafmetingen: 500 px bij 500 px, en daarmee prima geschikt voor het maken van een favicon. Op het eerste zicht lijken die afmetingen veel te groot voor zo’n petieterig faviconnetje, maar dit geeft het mooiste resultaat op alle apparaten en in alle toepassingen.
De favicon mag dan in de praktijk erg klein ogen, aarzel niet om effectief het volledige canvas te gebruiken bij het ontwerp ervan. En aangezien de favicon zo klein is heeft het hoogstwaarschijnlijk geen zin om te werken met tekst. De slogan en zelfs de sitenaam kunnen dus weggelaten worden.
Bij voorkeur in PNG-formaat
Wanneer je klaar bent met je ontwerp sla je het bestand op als een PNG-afbeelding. Je favicon krijgt dan een transparante achtergrond (het witte vlak achter je afbeelding verdwijnt). Dat staat nog net wat mooier in een browser.
Pro tip:
Vooraleer ik een afbeelding toevoeg aan de mediabibliotheek comprimeer ik ‘m vaak nog even. Dat kan bijvoorbeeld met CompressNow. Zo verklein ik het bestandsformaat en bevorder je de laadsnelheid van je site. Je merkt echter geen verschil op het scherm.
Een kleinigheid voor een kleinigheid misschien, maar ook de favicon moet bij iedere pagina worden ingeladen. Dus wil je die bestandsgrootte zo klein mogelijk houden.
Je favicon toepassen of wijzigen in WordPress
Je favicon toevoegen aan je WordPress-site is eigenlijk simpel (zie ook de video hierboven):
- Open de editor
- Ga ergens in je templates op zoek naar het blok Site-logo (of voeg met de Blok-inserter het bewuste WordPress-blok toe als je nog geen sitelogo hebt ingesteld, waarna je je favicon uit de mediabibliotheek kan halen)
- In het Instellingen-menu voor dit blok aan de rechterkant kan je zien welk bestand is geselecteerd
- Scrol een beetje naar onder en kies het schuifbalkje Als site icoon gebruiken
- De wijzigingen gaan in als je template is opgeslagen
Is je sitelogo om één of andere reden ongeschikt om als favicon te gebruiken?
Klik dan in het Instellingen-menu rechts de link Site-icoon instellingen. Vanaf hier kan je een andere afbeelding als favicon uit de mediabibliotheek halen.
Favicon instellen met een klassiek WordPress-thema
Maak je gebruik van de traditionele WordPress-editor? Dan kan je een favicon instellen via de Customizer. De favicon-instellingen vind je onder Site-identiteit.
Al die kouwe drukte voor een favicon?
De favicon mag dan al een erg bijkomstig niemendalletje lijken, er zijn een paar redenen waarom ik er altijd aandacht zou aan besteden:
- Gebruiksgemak: met een favicon vallen pagina’s van je site veel meer op. Denk maar aan wat er gebeurt in je eigen browser als je zelf meer dan een handvol tabbladen hebt openstaan. Dankzij de favicon haal je een website zo weer uit de rij. En ook als je site gebookmarkt wordt heeft je bezoeker een duidelijk herkenningspunt.
- Imago: niet dat je een website links laat liggen omwille van het ontbreken van een favicon. Maar toch, de favicon geeft jouw site meteen dat beetje meer serieux. Je toont je als een zorgzaam mens. Doe helemaal niks en je krijgt het gewone WordPress-logo als favicon. Niks mis mee, maar je onderscheidt je alvast niet van de massa mensen die niet de moeite deden om zich met de laatste details bezig te houden.
- Online zichtbaarheid: gewoon puur praktisch. Je pagina’s krijgen een herkenbaar “oormerk” mee op heel veel plaatsen waar je content in beeld komt. In tijden waarin het stilaan vechten is om aandacht van bezoekers kan dat belangrijk zijn.
Conclusie?
Niet dat zo’n favicon je online project zal maken of kraken. Anderzijds, je hebt er 100% controle over, geeft je site net dat beetje extra zichtbaarheid en ernst. En die favicon is al bij al eenvoudig toe te voegen. Dus waarom er geen werk van maken?
Geef een reactie