
WordPress favicon instellen
Je bent van plan om aan de slag te gaan met SEO voor je WordPress website. Je begrijpt het belang van een favicon voor SEO, maar weet nog niet hoe je hem moet instellen in WordPress. Geen probleem! In deze blogpost leg ik je uit hoe je een favicon maakt, welke bestandstype toegestaan zijn en hoe je hem instelt in WordPress.
Wat is een favicon?
Een favicon, is een verkleinde versie van je logo die op verschillende plekken zichtbaar is. Denk aan je tabblad en bladwijzers maar ook in de zoekresultaten van Google. Vaak wordt je favicon in Google op mobiel voor je bedrijfsnaam geplaatst (zie afbeelding hieronder).
Hoe maak je een favicon?
Stap 1 – Meld je gratis aan voor Canva
D.m.v. een gratis account in Canva, kan je eenvoudig een favicon aanmaken.
Stap 2 – Maak een nieuw bestand van 512px bij 512 px
Eenmaal een account in Canva aangemaakt, maak je rechts bovenin een bestand van 512 bij 512 px aan. Maak het niet kleiner. Dan zal je favicon namelijk niet mooi weergeven worden in webapps.
Stap 3 – Maak je favicon
Maak je ontwerp in het zojuist aangemaakte bestand.
Stap 4 – Download je favicon
Exporteer in een van de volgende bestandtype: .jpeg, .png, .gif of .ico. Let op: Zorg ervoor dat je bestand een transparante achtergrond heeft.
Stap 5 – Upload je favicon naar je WordPress website
Nu je je favicon hebt gedownload, kan je je favicon uploaden via de customizer in WordPress. Zorg ervoor dat je ingelogd bent in WordPress en kies bovenin voor customizer. Vervolgens kies je in het menu voor identiteit. Hier kan je je favicon uploaden.
Favicon richtlijnen voor SEO
Wil je dat je favicon in Google goed zichtbaar wordt, dan gelden de volgende richtlijnen:
- Je kan maar één favicon voor je website hanteren (die geld dus ook voor je subdirectory’s)
- Je favicon moet op de homepage staan en niet geblokkeerd worden in je robots.txt (user agent is: Google Favicon)
- Zorg ervoor dat je bedrijfslogo ook zichtbaar is op je website om de favicon te verifiëren.
- Je favicon moet minimaal 48px bij 48px zijn of een meervoud daarvan
- Zorg ervoor dat je URL waar je je favicon op plaatst stabiel is (voor de lange termijn dus)
- Plaats je favicon in de head sectie van je website
<link rel=”shortcut icon” href=”/path/to/favicon.ico”>
FAQ
Wat is het beste formaat voor een favicon?
Alhoewel je favicon een stuk kleiner wordt getoond in je webbrowser, is het beste formaat 512×512. Dit omdat je favicon ook gebruikt wordt voor je bladwijzers, favorieten koppeling en webapplicaties.
Wat is de HTML tag voor een favicon?
Als je zelf je favicon in head sector van je website wilt plaatsen, dan doe je dat d.m.v. de volgende html code: <link rel=”shortcut icon” href=”/path/to/favicon.ico”>
Is een .ico bestand perse nodig?
In het verleden moest je een specifiek ICO bestand voor je favicon gebruiken. Maar tegenwoordig ondersteunen alle moderne browsers zowel ICO, PNG en GIF als favicon. JPEG wordt ook breed ondersteund (lees ook: JPG vs JPEG) maar niet in alle versies van Internet Explorer, waardoor dit een minder veilige keus is.
Mijn nieuwe favicon is niet direct zichtbaar, hoe kan dat?
Het duurt even voordat Google je favicon oppikt. Als je je favicon gewijzigd hebt, haal je homepage (waar je favicon hoort te staan) door de URL inspectie tool en kies voor: “indexering aanvragen”. Dit versnelt het proces iets.