Als een favicon ontbreekt, ligt dat niet altijd aan het bestand. De browser, een CDN, een service worker en een zoekmachine kunnen elk een andere versie bewaren. Met een systematische diagnose voorkom je dat je meerdere variabelen tegelijk verandert.
Begin met het bestandsverzoek
Open de exacte URL uit het linkelement. Die moet zonder authenticatie antwoorden, met de juiste inhoud en zonder onnodige keten van omleidingen. Een HTML-foutpagina met de naam favicon.ico kan niet als pictogram worden gedecodeerd.
Filter in het netwerkpaneel op icon of favicon. Noteer de uiteindelijke URL, status, het inhoudstype en of het antwoord uit de cache kwam.
| Controle | Verwacht resultaat | Oplossing |
|---|---|---|
| Rechtstreekse URL | Afbeelding met status 200 | Herstel het pad of de publicatie |
| Linkelement | Aanwezig in head | Herstel de gegenereerde HTML |
| Cache | Nieuw antwoord ontvangen | Leeg de cache en test opnieuw |
| Crawltoegang | Bestand is bereikbaar | Verwijder de blokkade |
Controleer de daadwerkelijk weergegeven HTML
Inspecteer het gegenereerde document, niet alleen de bronsjabloon. Een extensie, thema of component kan na jouw element een tweede pictogramelement invoegen, waardoor de browser een ander bestand kiest.
Controleer paden vanaf een diep geneste pagina en let op de exacte hoofdletters in bestandsnamen. Op een hoofdlettergevoelige server zijn Favicon.svg en favicon.svg verschillende bronnen.
Isoleer elke cachelaag
Test eerst in een nieuw profiel of met de netwerkcache uitgeschakeld. Als de nieuwe afbeelding op de oorspronkelijke server staat maar niet via het openbare domein verschijnt, leeg dan de CDN-cache. Controleer bij een geïnstalleerde PWA ook de service worker en het manifest.
Voor een volgende wijziging kan een bestandsnaam met een versienummer de verandering expliciet maken. Houd /favicon.ico beschikbaar voor programma's die dat volgens conventie opvragen.
Maak onderscheid tussen browser en zoekresultaten
Google vereist een vierkante favicon die kan worden gecrawld en gekoppeld is aan de startpagina van de site. De URL kan op een ander moment worden gecrawld dan de pagina, wat vertraging na een reparatie verklaart.
Gebruik URL-inspectie om te bevestigen dat de startpagina bereikbaar is en vraag opnieuw crawlen aan als deze is veranderd. Geef de verwerking daarna tijd: het legen van een lokale browsercache heeft geen invloed op de zoekindex.
Primaire bronnen
Veelgestelde vragen
Waarom komt de oude favicon terug?
Een cachelaag, service worker of tweede pictogramelement kan nog het oude bestand aanbieden. Bepaal welke URL echt wordt geladen voordat je caches leegt.
Is een versieparameter in de URL voldoende?
Die kan sommige caches omzeilen, maar een nieuwe bestandsnaam is vaak duidelijker. Houd /favicon.ico als alternatief beschikbaar.
Verandert de favicon in Google meteen?
Nee. Google moet de pagina en het pictogram opnieuw crawlen en verwerken. Er is geen vaste gegarandeerde wachttijd.