Nem jelenik meg vagy nem frissül a favicon

Szerző:

Ha hiányzik a favicon, nem mindig a fájl hibás. A böngésző, a CDN, a service worker és a kereső különböző változatokat őrizhet meg. A rendezett hibakeresés elkerüli több tényező egyidejű módosítását.

Nagyító vizsgálja a faviconbetöltés különböző rétegeit
Az URL-t, a HTML-t, a gyorsítótárakat és a feltérképezést külön érdemes ellenőrizni.

Kezdd a fájlkéréssel

Nyisd meg a link elemben hivatkozott pontos URL-t. Hitelesítés nélkül, megfelelő tartalommal és szükségtelen átirányítási lánc nélkül kell válaszolnia. A favicon.ico nevű HTML-hibaoldal nem dekódolható ikonként.

A Network panelen szűrj az icon vagy favicon szóra. Jegyezd fel a végleges URL-t, állapotkódot, tartalomtípust és azt, hogy a válasz gyorsítótárból érkezett-e.

A favicon hibakeresési sorrendje
EllenőrzésElvárt eredményJavítás
Közvetlen URL200-as képválaszÚtvonal vagy telepítés javítása
Link elemJelen van a head részbenA megjelenített HTML javítása
GyorsítótárÚj válasz érkezettÜrítés, majd újratesztelés
RobothozzáférésA fájl elérhetőTiltás eltávolítása

A ténylegesen létrejött HTML-t vizsgáld

A kész dokumentumot ellenőrizd, ne csak a forrássablont. Egy bővítmény, téma vagy komponens a tiéd után újabb ikonelemet szúrhat be, ami miatt a böngésző másik fájlt választ.

Ellenőrizd az útvonalakat egy mélyen beágyazott oldalról is, és figyelj a fájlnév pontos kis- és nagybetűire. A betűméretre érzékeny kiszolgálón a Favicon.svg és a favicon.svg külön erőforrás.

Válaszd szét a gyorsítótár rétegeit

Először új profilban vagy kikapcsolt hálózati gyorsítótárral tesztelj. Ha az eredeti kiszolgálón már az új kép érhető el, de a nyilvános domainen még nem, ürítsd a CDN-t. Telepített PWA esetén a service workert és a jegyzéket is vizsgáld meg.

A következő módosításnál egy verziózott fájlnév egyértelművé teheti a váltást. A /favicon.ico maradjon elérhető a címet megállapodás szerint kérő klienseknek.

Elsődleges források

Gyakori kérdések

Miért tér vissza a régi favicon?

Egy gyorsítótárréteg, service worker vagy második ikonelem még a régi fájlt adhatja. Ürítés előtt azonosítsd a ténylegesen betöltött URL-t.

Elég egy verziót jelző URL-paraméter?

Egyes gyorsítótárakat megkerülhet, de az új fájlnév gyakran egyértelműbb. A /favicon.ico tartalék maradjon elérhető.

Azonnal megváltozik a Google faviconja?

Nem. A Google-nek újra fel kell térképeznie és dolgoznia az oldalt és az ikont. Pontos határidő nem garantálható.

Próbáld ki a gyakorlatban

A generátor másodpercek alatt elkészíti a teljes készletet, ingyen és a képeid feltöltése nélkül.

Nyilvános faviconom diagnosztizálása

További olvasnivalók és kipróbálható eszközök

Az LFFavicon többi eszköze és válaszok a leggyakoribb kérdésekre.

Eszközök

Útmutatók