Favicon vises eller opdateres ikke

Skrevet af

Når et favicon mangler, er filen ikke altid problemet. Browseren, en CDN, en service worker og en søgemaskine kan hver gemme forskellige versioner. En systematisk diagnose forhindrer, at du ændrer flere ting på én gang.

Forstørrelsesglas undersøger de forskellige lag i indlæsningen af et favicon
URL, HTML, caches og crawling bør kontrolleres hver for sig.

Begynd med anmodningen om filen

Åbn præcis den URL, som link-elementet henviser til. Den skal svare uden godkendelse, med det rigtige indhold og uden en unødvendig kæde af omdirigeringer. En HTML-fejlside med navnet favicon.ico kan ikke afkodes som et ikon.

Filtrér efter icon eller favicon i netværkspanelet. Notér den endelige URL, status, indholdstype, og om svaret kom fra cachen.

Rækkefølge ved fejlfinding af favicon
KontrolForventet resultatLøsning
Direkte URLBilledsvar med status 200Ret sti eller udgivelse
Link-elementFindes i headRet den genererede HTML
CacheNyt svar modtagetRyd, og test igen
CrawladgangFilen er tilgængeligFjern blokeringen

Kontrollér den HTML, der faktisk vises

Undersøg det genererede dokument frem for kun kildeskabelonen. En udvidelse, et tema eller en komponent kan indsætte endnu et ikonelement efter dit og få browseren til at vælge en anden fil.

Kontrollér stierne fra en side langt nede i mappestrukturen og den præcise brug af store og små bogstaver i filnavnet. På en server, der skelner mellem store og små bogstaver, er Favicon.svg og favicon.svg forskellige ressourcer.

Undersøg hvert cachelag for sig

Test først i en ny profil eller med netværkscachen deaktiveret. Hvis det nye billede findes på oprindelsesserveren, men ikke på det offentlige domæne, skal du rydde CDN-cachen. Er en PWA installeret, skal du også undersøge dens service worker og manifest.

Ved en senere ændring kan et filnavn med versionsnummer gøre opdateringen tydelig. Behold /favicon.ico til klienter, der henter den efter konvention.

Primære kilder

Ofte stillede spørgsmål

Hvorfor vender det gamle favicon tilbage?

Et cachelag, en service worker eller endnu et ikonelement kan stadig levere den gamle fil. Find frem til den URL, der faktisk indlæses, før du rydder cachen.

Er en versionsparameter i URL'en nok?

Den kan omgå nogle caches, men et nyt filnavn er ofte mere tydeligt. Behold /favicon.ico som tilgængelig reserve.

Ændres faviconet hos Google med det samme?

Nej. Google skal crawle og behandle siden og ikonet igen. Der findes ingen garanti for en bestemt ventetid.

Prøv det i praksis

Generatoren laver hele sættet på få sekunder, gratis og uden at uploade dine billeder.

Diagnosticér mit offentlige favicon

Læs videre, og prøv mere

De øvrige LFFavicon-værktøjer og vejledningerne, der besvarer de hyppigste spørgsmål.

Værktøjer

Vejledninger