Hoe stel je een favicon in WordPress in?

Een favicon instellen in WordPress is een kleine stap, maar maakt je website meteen een stuk professioneler.
Je stelt een favicon in via de instellingen van WordPress, waar je het standaard WordPress-icoon eenvoudig vervangt door je eigen logo of beeldmerk. Dat kleine icoontje zie je terug in het browsertabblad, bij bladwijzers en soms zelfs in zoekresultaten.

We gaan je stap voor stap latne zien hoe je een favicon instelt of wijzigt in WordPress, waar je dit precies doet en wat je kunt controleren als je favicon niet direct zichtbaar is.

Het instellen van een favicon is één van de kleinere instellingen binnen WordPress. Ben je nieuw met WordPress? Lees dan eerst wat WordPress is.

Wat is een favicon (en waarom zie je die overal terug)?

Een favicon is het kleine icoontje dat je ziet in het tabblad van je browser, bij bladwijzers en soms naast je website in zoekresultaten. Standaard toont WordPress hier een algemeen icoon, waardoor websites snel op elkaar lijken.

Door een eigen favicon in te stellen, maak je je website beter herkenbaar en professioneler. Het helpt bezoekers om jouw site sneller terug te vinden tussen meerdere open tabbladen en geeft net die laatste afwerking aan je website.

Wanneer wil je een favicon instellen of aanpassen?

Een favicon stel je in zodra je je website wilt laten herkennen in het browsertabblad.
Zie je daar nog het standaard WordPress-icoon of een oud logo? Dan is het tijd om dit aan te passen.

Dit zijn veelvoorkomende momenten waarop je een favicon instelt of wijzigt:

• je ziet nog het WordPress-icoon in het tabblad
• je logo is gewijzigd
• je website is live gezet en je wilt alles netjes afronden
• je site is lastig te herkennen tussen meerdere tabbladen

Goed om te weten: wanneer je het beheer van je WordPress website uitbesteedt, is de kans groot dat de partij dat voor jou regelt. Meer informatie over verantwoordelijkheden bij het uitbesteden van je website lees je in ons artikel WordPress websites: mogelijkheden, kosten en beheer.

Favicon stap voor stap instellen in WordPress

Zie je in je browsertabblad nog het standaard WordPress-icoon? Dan kun je dit aanpassen via de instellingen van WordPress. Zo maak je je website herkenbaarder en compleet. In dit stappenplan leggen we uit hoe je dat doet.

Stap 1: Ga naar de juiste plek in WordPress

Om een favicon in te stellen, moet je in WordPress naar de plek waar het uiterlijk van je website wordt beheerd. Dit doe je via het dashboard.

1. Log in op je WordPress-dashboard.
2. Ga in het menu naar Weergave.
3. Klik op Customizer (of Editor, afhankelijk van je thema).

In dit scherm vind je de instellingen voor het uiterlijk van je website.
Zoek hier naar Site-identiteit of Websitegegevens. Daar staat de optie om een site-icoon in te stellen, dat is je favicon.

Zie je die optie? Dan zit je goed. In de volgende stap laten we zien hoe je hier daadwerkelijk je favicon uploadt of wijzigt.

Stap 2: Favicon instellen of wijzigen

Nu je op de juiste plek zit in WordPress, kun je je favicon toevoegen of aanpassen. WordPress noemt dit het site-icoon.

Zo werkt het:

1. Ga naar algemene instellingen en klik bij Site-identiteit of Websitegegevens op Selecteer site-icoon.
2. Upload een afbeelding of kies een bestaande afbeelding uit de mediabibliotheek.
3. Bevestig je keuze en publiceer de wijziging.

Heb je al een favicon ingesteld? Dan kun je hier eenvoudig een nieuwe afbeelding selecteren om de bestaande favicon te vervangen. Je hoeft dus niets eerst te verwijderen.

Handige richtlijn
Gebruik bij voorkeur een vierkante afbeelding (bijvoorbeeld je logo) van minimaal 512 × 512 pixels. WordPress schaalt deze automatisch terug naar het juiste formaat voor browsers.

Zodra je de wijziging publiceert, is je favicon ingesteld. In de volgende stap controleren we of hij ook daadwerkelijk overal goed wordt weergegeven.

Stap 3: Controleer of je favicon goed wordt weergegeven

Na het instellen of wijzigen van je favicon is het belangrijk om even te controleren of alles goed is doorgekomen.

Zo controleer je dit:

1. Open je website in een nieuw tabblad in de browser.
2. Kijk links in het tabblad of je nieuwe favicon zichtbaar is.
3. Open eventueel meerdere tabbladen om te zien of je site herkenbaar is tussen andere websites.

Zie je nog het oude WordPress-icoon of je vorige favicon? Het kan zijn dat het nog even duurt voor de wijziging is doorgevoerd. Wat kan helpen is je tabblad sluiten en je site opnieuw openen in een incognito venster.

Heb je een plugin nodig voor een favicon?

In de meeste gevallen heb je géén plugin nodig om een favicon in te stellen in WordPress. Via de standaard instellingen (Customizer of Editor) kun je eenvoudig een site-icoon uploaden, en dat is voor de meeste websites voldoende.

Toch kom je soms plugins tegen die beloven dit voor je te regelen. Dat is meestal niet nodig en kan zelfs onnodige complexiteit toevoegen.

Wanneer is een plugin niet nodig?

• je kunt het favicon instellen via Weergave → Customizer / Editor
• je gebruikt een normaal WordPress-thema
• je wilt één standaard favicon voor je hele website

In deze situaties is een plugin overbodig.

Wanneer kan een plugin wél nodig zijn?

In sommige specifieke gevallen kan een plugin handig zijn, bijvoorbeeld:

• als je thema de standaard favicon-instelling niet toont
• als je met een sterk aangepast thema werkt
• als je verschillende iconen wilt instellen voor specifieke toepassingen

Wil je een plugin installeren? Deze uitleg helpt je daarbij.

Dit komt echter minder vaak voor. In de praktijk lossen de standaard WordPress-instellingen dit probleem meestal al op. Extra, onnodige plugins kunnen nadelig werken voor de snelheid en performance van je website. Voeg dus geen plugins toe als ze niet echt nodig zijn.

Hoe regelen we dit bij Webtify?

Bij Webtify zien we een favicon als onderdeel van de basis van een website. Daarom is het instellen en controleren van de favicon standaard meegenomen binnen onze website en webshop abonnementen.

Dat betekent dat we:

• de favicon correct instellen binnen WordPress
• controleren of deze goed zichtbaar is in browsers
• rekening houden met caching
• en dit meenemen bij updates of aanpassingen

Je hoeft hier dus zelf niets voor uit te zoeken of bij te houden. Wel zo makkelijk, toch?

Dus: zo stel je een favicon in WordPress in

Een favicon instellen in WordPress is een kleine aanpassing, maar maakt je website direct herkenbaarder. Via de standaard instellingen van WordPress kun je het WordPress-icoon eenvoudig vervangen door je eigen favicon, zonder extra plugins.

Na het instellen is het belangrijk om te controleren of de favicon ook daadwerkelijk zichtbaar is. Zie je nog niet meteen het juiste icoon, dan ligt dat meestal aan caching in de browser of op de website.

Kom je er niet uit of wil je zeker weten dat alles goed staat? Dan is het fijn om te weten dat dit soort details bij Webtify standaard wordt meegenomen, zodat je website er overal netjes en professioneel uitziet.

Veelgestelde vragen over favicons in WordPress

Wat zijn de afmetingen voor een favicon in WordPress?

WordPress raadt een favicon aan van minimaal 512 × 512 pixels. Dit zorgt ervoor dat het icoon scherp wordt weergegeven op verschillende apparaten en browsers. WordPress schaalt de afbeelding automatisch naar de juiste formaten.

Kan ik een favicon later nog aanpassen?

Ja, dat kan altijd. Je kunt op dezelfde plek in WordPress eenvoudig een nieuwe afbeelding selecteren en zo je bestaande favicon vervangen. De oude favicon wordt dan overschreven.

Waarom zie ik nog steeds het WordPress-icoon na het instellen van mijn favicon?

In de meeste gevallen komt dit door caching. Je browser of je website toont dan nog een oude versie. Open je website in een privévenster of voer een harde refresh uit om dit te controleren.

Heb ik verschillende favicons nodig voor mobiel en desktop?

Nee, dat is meestal niet nodig. Eén goed ingestelde favicon is voldoende. WordPress en browsers zorgen zelf voor de juiste weergave op verschillende apparaten.

Werkt een favicon ook bij bestaande websites?

Ja. Je kunt een favicon op elk moment instellen of wijzigen, ook als je website al langer online staat. De wijziging heeft geen invloed op bestaande pagina’s of content.