Favicon visas inte eller uppdateras inte

Skriven av

När en favicon saknas är det inte alltid filen som är problemet. Webbläsaren, ett CDN, en service worker och en sökmotor kan behålla varsin version. En systematisk felsökning undviker att flera saker ändras samtidigt.

Förstoringsglas som granskar de olika stegen när en favicon laddas
Webbadress, HTML, cachelager och genomsökning bör kontrolleras var för sig.

Börja med filförfrågan

Öppna exakt den adress som link-elementet hänvisar till. Den ska svara utan autentisering, med rätt innehåll och utan en onödig kedja av omdirigeringar. En HTML-felsida med namnet favicon.ico kan inte avkodas som en ikon.

Filtrera efter icon eller favicon i nätverkspanelen. Anteckna den slutliga adressen, statuskoden, innehållstypen och om svaret kom från cache.

Felsökningsordning för favicon
KontrollFörväntat resultatÅtgärd
DirektadressBildsvar med status 200Rätta sökväg eller driftsättning
Link-elementFinns i headRätta den renderade HTML-koden
CacheNytt svar har mottagitsRensa och testa igen
Åtkomst för sökrobotarFilen är åtkomligTa bort blockeringen

Kontrollera den HTML som faktiskt renderas

Inspektera det färdiga dokumentet, inte bara källmallen. Ett tillägg, tema eller en komponent kan infoga ett andra ikonelement efter ditt och få webbläsaren att välja en annan fil.

Kontrollera sökvägar från en sida långt ner i strukturen och filnamnets exakta användning av stora och små bokstäver. På en skiftlägeskänslig server är Favicon.svg och favicon.svg olika resurser.

Isolera varje cachelager

Testa först i en ny profil eller med nätverkscache avstängd. Om den nya bilden finns på ursprungsservern men inte på den publika domänen, rensa CDN-cachen. Om en PWA är installerad bör du också granska dess service worker och manifest.

Vid en framtida ändring kan ett versionsmärkt filnamn göra bytet tydligt. Behåll /favicon.ico tillgänglig för klienter som begär den enligt konvention.

Primärkällor

Vanliga frågor

Varför kommer den gamla faviconen tillbaka?

Ett cachelager, en service worker eller ett andra ikonelement kan fortfarande leverera den gamla filen. Identifiera vilken adress som faktiskt laddas innan du rensar cache.

Räcker en versionsparameter i adressen?

Den kan kringgå vissa cachelager, men ett nytt filnamn är ofta tydligare. Behåll /favicon.ico tillgänglig som reserv.

Ändras faviconen i Google direkt?

Nej. Google måste genomsöka och bearbeta sidan och ikonen på nytt. Det finns ingen garanterad exakt väntetid.

Prova själv

Generatorn skapar hela uppsättningen på några sekunder, gratis och utan att ladda upp dina bilder.

Felsök min offentliga favicon

Läs vidare och prova fler verktyg

De andra verktygen i LFFavicon och guider som besvarar de vanligaste frågorna.

Verktyg

Guider