Favicon nie wyświetla się lub nie aktualizuje

Autor:

Gdy brakuje favicon, problem nie zawsze tkwi w pliku. Przeglądarka, CDN, service worker i wyszukiwarka mogą przechowywać różne wersje. Uporządkowana diagnostyka pozwala uniknąć zmiany kilku rzeczy naraz.

Lupa sprawdzająca poszczególne warstwy wczytywania favicon
URL, HTML, pamięci podręczne i indeksowanie należy sprawdzać osobno.

Zacznij od żądania pliku

Otwórz dokładny URL wskazany w elemencie link. Musi odpowiadać bez uwierzytelniania, właściwą zawartością i bez zbędnego łańcucha przekierowań. Strony błędu HTML o nazwie favicon.ico nie można odczytać jako ikony.

W panelu Network filtruj po icon lub favicon. Zapisz końcowy URL, status, typ zawartości i informację, czy odpowiedź pochodzi z pamięci podręcznej.

Kolejność diagnostyki favicon
SprawdzenieOczekiwany wynikNaprawa
Bezpośredni URLOdpowiedź 200 z obrazemPopraw ścieżkę lub wdrożenie
Element linkObecny w headPopraw wygenerowany HTML
Pamięć podręcznaOdebrano nową odpowiedźWyczyść i przetestuj ponownie
Dostęp robotówPlik jest dostępnyUsuń blokadę

Sprawdź faktycznie wygenerowany HTML

Sprawdź gotowy dokument, a nie tylko szablon źródłowy. Rozszerzenie, motyw lub komponent może dodać po Twojej deklaracji drugi element ikony i sprawić, że przeglądarka wybierze inny plik.

Sprawdź ścieżki z głęboko zagnieżdżonej strony i dokładną wielkość liter w nazwie pliku. Na serwerze rozróżniającym wielkość liter Favicon.svg i favicon.svg to różne zasoby.

Oddziel każdą warstwę pamięci podręcznej

Najpierw przetestuj świeży profil lub wyłącz sieciową pamięć podręczną. Jeśli nowy obraz jest na serwerze źródłowym, ale nie w publicznej domenie, wyczyść CDN. Jeśli PWA jest zainstalowana, sprawdź też jej service worker i manifest.

Przy kolejnej zmianie wersjonowana nazwa pliku może wyraźnie zaznaczyć aktualizację. Zachowaj /favicon.ico dla klientów, które pobierają go zgodnie z konwencją.

Źródła pierwotne

Najczęstsze pytania

Dlaczego stara favicon wraca?

Warstwa pamięci podręcznej, service worker lub drugi element ikony może nadal udostępniać stary plik. Przed czyszczeniem ustal faktycznie wczytywany URL.

Czy wystarczy parametr wersji w adresie?

Może ominąć część pamięci podręcznych, ale nowa nazwa pliku często jest jednoznaczniejsza. Zachowaj zapasowy /favicon.ico.

Czy favicon w Google zmienia się od razu?

Nie. Google musi ponownie odczytać i przetworzyć stronę oraz ikonę. Nie ma gwarantowanego dokładnego terminu.

Zastosuj w praktyce

Generator tworzy pełny zestaw w kilka sekund, za darmo i bez wysyłania Twoich obrazów.

Zdiagnozuj moją publiczną favicon

Co przeczytać i wypróbować dalej

Pozostałe narzędzia LFFavicon i poradniki odpowiadające na najczęstsze pytania.

Narzędzia

Poradniki