Krótka odpowiedź: aby sprawdzić favicon swojej witryny online, wpisz swoją domenę w darmowym narzędziu PromoPilot Favicon Checker i kliknij „Sprawdź”. Narzędzie znajdzie wszystkie ikony zadeklarowane w HTML i znajdujące się w standardowych ścieżkach, takich jak /favicon.ico, wyświetli podgląd i rozmiar każdej z nich, sprawdzi ikonę Apple Touch i poinformuje o brakujących rozmiarach. Poniżej znajduje się minimalny zestaw ikon, gotowy kod oraz powody, dla których Google wyświetla szarą kulę ziemską zamiast logo.
Tworzę strony internetowe od 12 lat i wiem: o faviconach zapomina się częściej niż o jakimkolwiek innym elemencie. Projektant tworzy logo, programista buduje stronę internetową, a mimo to nikt nigdy nie dodaje favicony do zakładki – dopóki pierwszy klient nie zapyta: „Dlaczego nasz konkurent ma favicon w Google, a my nie?”.
Co sprawdza Favicon Check?
Ikona witryny nie jest już tylko pojedynczym plikiem favicon.ico. Przeglądarki, iPhone, Android i Google, używają różnych plików i rozmiarów. To narzędzie agreguje je wszystkie w jednym raporcie.
| Co sprawdza? | Na co on patrzy? | Dlaczego ta strona tego potrzebuje? |
|---|---|---|
| Ikony z HTML | Wszystkie tagi <link rel="icon">, shortcut icon, apple-touch-icon | To właśnie te przeglądarki i Google biorą pod uwagę w pierwszej kolejności |
| Standardowe ścieżki | /favicon.ico w katalogu głównym witryny i inne typowe adresy | Wiele systemów szuka tam ikony nawet bez znacznika. |
| Rozmiar każdej ikony | Szerokość i wysokość w pikselach, format ICO, PNG, SVG | Mała ikona jest niewyraźna na ekranach o wysokiej rozdzielczości. |
| Ikona Apple Touch | Czy istnieje ikona dla iPhone’a i iPada? | Bez niego na ekranie głównym pojawi się zrzut ekranu strony. |
| Zapowiedź | Jak wygląda każda znaleziona ikona? | Można zobaczyć ikony uszkodzone, puste lub obce (szablonowe) |
| Zalecenia | Jakich rozmiarów brakuje? | Gotowa lista zadań dla projektanta |
Jak sprawdzić favicon strony internetowej online?
- Otwórz narzędzie Favicon Checker.
- Wprowadź domenę - wystarczy
example.com, nie podawaj jednak strony. - Kliknij „Sprawdź”. Narzędzie przeanalizuje kod HTML strony głównej i ścieżki standardowe.
- Przejrzyj znalezione ikony: podgląd, format i rozmiar każdej z nich. Sprawdź, czy wśród nich znajduje się standardowa ikona CMS lub hostingu.
- Przeczytaj zalecenia i podaj projektantowi brakujące wymiary lub zrób je samodzielnie.
Strona narzędzi: pole domeny, przycisk „Sprawdź” i opis sprawdzeń z FAQ.
Weryfikacja jest prosta – limit gości wystarcza, aby sprawdzić własną stronę i kilka stron konkurencji w celu porównania. Ikony z dowolnej strony można przeglądać i pobierać – przydatne, jeśli chcesz znaleźć oryginał własnego logo, zagubiony wraz ze starym wykonawcą.
Jakie rozmiary faviconów będą potrzebne w 2026 roku?
Generatory ikon często generują 20 plików, ale tak naprawdę potrzebny jest kompaktowy zestaw. Oto minimum, którego używam we wszystkich moich projektach:
| Plik | Rozmiar | Gdzie się go stosuje? |
|---|---|---|
favicon.ico | 16×16 i 32×32 w jednym pliku | Stare przeglądarki, systemy szukające ikony w katalogu głównym |
favicon.svg | Wektor | Nowoczesne przeglądarki, czytelne na każdym ekranie |
apple-touch-icon.png | 180×180 | Ekran główny iPhone'a i iPada |
icon-192.png i icon-512.png | 192×192 i 512×512 | Manifest internetowy: Android, instalowanie witryny internetowej jako aplikacji |
A oto kod dla <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Wskazówka projektowa: Przy 16 pikselach logo i tekst stają się rozmyte. Użyj symbolu, pierwszej litery nazwy lub uproszczonego znaku na kontrastowym tle. W przypadku ikony Apple Touch nie używaj przezroczystego tła – iOS wypełni je kolorem czarnym.
Jak samemu stworzyć faviconę, bez pomocy projektanta?
Jeśli nie masz żadnych ikon, możesz stworzyć podstawowy zestaw w pół godziny. Oto procedura:
- Użyj symbolu, a nie całego logo. Użyj pierwszej litery nazwy, symbolu z logo lub prostego kształtu geometrycznego w kolorze marki. Upewnij się, że jest on rozpoznawalny z 16 pikseli.
- Narysuj kwadrat o wymiarach 512x512. Wystarczy dowolny edytor graficzny lub program do projektowania online. Pozostaw marginesy na krawędziach, aby znak nie wychodził poza granice.
- Zapisz plik źródłowy w formacie SVG — zostanie on przekształcony
favicon.svg, a wszystkie pliki PNG o wymaganych rozmiarach można wyciąć bez utraty jakości. - Wygeneruj pozostałe rozmiary (ICO, 180, 192) w generatorze ikon i umieść pliki w katalogu głównym witryny.
- Wklej kod do nagłówka i sprawdź ponownie wynik w narzędziu.
Sprawdź, jak ikona wygląda w ciemnym motywie przeglądarki: czarna ikona na przezroczystym tle po prostu znika w ciemnej karcie Chrome. Jasne tło lub kontrastowy kontur pomogą.
Dlaczego Google nie pokazuje ikony witryny?
Najczęściej zadawane pytanie: Jeśli w wynikach wyszukiwania widzisz obok adresu szarą kulę ziemską, zazwyczaj istnieje kilka powodów:
- Ikona nie jest kwadratowa. Google wymaga proporcji 1:1 i rozmiaru co najmniej 8x8, ale zaleca rozmiar większy niż 48x48: maleńka
favicon.icoo wymiarach 16x16 wygląda rozmazanie w wynikach wyszukiwania. - Ikona jest zablokowana dla robotów. Google -Image musi mieć dostęp do pliku ikony, a Google musi mieć dostęp do pliku głównego. Jeśli folder z obrazami jest zablokowany w pliku robots.txt lub plik zostanie zwrócony z błędem, ikona nie pojawi się w wynikach wyszukiwania.
- Tag nie znajduje się na stronie głównej. Google pobiera favicon ze strony głównej domeny lub subdomeny. Sekcja strony głównej, taka jak
example.com/shopnie jest odpowiednia. - Adres ikony jest niestabilny. Jeśli ścieżka zmienia się przy każdej kompilacji witryny (
/icon.a83f2.png), Google może nie być w stanie jej szybko zaktualizować. - Minęło trochę czasu. Google nie aktualizuje favicony od razu po wprowadzeniu poprawki; możesz przyspieszyć ten proces, prosząc o ponowne skanowanie strony głównej w Search Console. Google nie podaje dokładnego terminu, więc sprawdź wyniki nie wcześniej niż kilka dni później.
- Ta ikona narusza zasady. Google zastępuje niedozwolone obrazy standardową ikoną.
Porównanie: Favicon Checker i alternatywy
| Narzędzie | Co jest darmowe? | Ograniczenia | Dla kogo jest to odpowiednie? |
|---|---|---|---|
| PromoPilot – narzędzie do sprawdzania ikon Favicon | Wszystkie ikony z HTML i standardowych ścieżek, rozmiary, podglądy, ikona Apple Touch, rekomendacje | Nie tworzy ikon, sprawdza główną | Szybko sprawdź swoją stronę internetową lub stronę konkurencji |
| Generator RealFavicon | Generowanie zestawu ikon i kodu, sprawdzanie favicon | Generator generuje wiele plików, musisz ustalić, które z nich zachować | Dla tych, którzy muszą tworzyć ikony od podstaw |
| Konsola wyszukiwania Google | Poproś o ponowne skanowanie głównego | Tylko zweryfikowana strona, nie sprawdza ikony | Przyspiesz aktualizację ikon w wynikach wyszukiwania |
| Narzędzia programistyczne w przeglądarce | Karta z manifestem i ikonami | Musisz wiedzieć, gdzie szukać | Dla programistów |
Wnioski: narzędzie online jest wygodniejsze do sprawdzania, generator do tworzenia zestawu, a Search Console przyspiesza aktualizacje w Google.
Nawiasem mówiąc, PromoPilot oferuje 87 darmowych narzędzi SEO. Możesz łatwo zobaczyć, jak favicon wygląda obok tytułu w podglądzie SERP – mamy o tym osobny artykuł w naszej serii.
Jakie są ograniczenia weryfikacji favicon?
Narzędzie sprawdza, co reklamuje i zwraca witryna: nie informuje o aktualizacji ikony w wynikach wyszukiwania Google – to zależy od samej wyszukiwarki. Jeśli ikony są dodawane przez skrypt po załadowaniu strony, niektóre mogą nie zostać uwzględnione w raporcie. Weryfikacja obejmuje również domenę jako całość – jeśli różne sekcje witryny mają różne ikony (na przykład subdomena sklepu), należy je sprawdzić osobno.
Kiedy darmowe narzędzie nie wystarcza?
Favicona to drobny problem, który rzadko wymaga interwencji specjalisty. Zdarzają się jednak sytuacje, gdy drobny problem jest jedynie objawem. Pomoc jest potrzebna, jeśli:
- ikona jest prawidłowa, ale Google od miesięcy pokazuje kulę ziemską - oznacza to, że problem leży w dostępie robota lub w szablonie;
- marka nie posiada prostego logo i potrzebuje stylu korporacyjnego, który sprawdzi się na 16 pikselach;
- witryna jest tworzona przy użyciu kreatora, a ścieżki do ikon zmieniają się przy każdej aktualizacji;
- Ikona witryny to tylko jeden z dziesiątek drobnych błędów, które nagromadziły się na przestrzeni lat.
Co mogę zrobić dla Twojej strony internetowej?
Nazywam się Walerij Danyuk, jestem programistą i specjalistą SEO z 12-letnim doświadczeniem i ponad 200 klientami. Konfiguruję favicony, podglądy w mediach społecznościowych i znaczniki na każdej stronie internetowej przed jej uruchomieniem.
SEO i audyt
- Kompleksowy audyt SEO witryny internetowej: Znajduję wszystkie szczegóły techniczne — od ikony favicon i podglądów po indeksowanie i szybkość — i poprawiam je w kodzie.
Strony internetowe i sklepy internetowe
- Utwórz witrynę internetową w stylu witryny innej osoby w ciągu kilku minut — w 1001site ikony, podglądy i układ są konfigurowane automatycznie.
- Tilda z opłatą abonamentową czy strona internetowa ze sztuczną inteligencją — uczciwe porównanie podejść.
- Ile kosztuje strona internetowa pod klucz w 2026 roku? Jakie czynniki wpływają na cenę?
- Strona internetowa WordPress z asystentem AI za 299 € i 3 dni.
CRM i automatyzacja
- Spersonalizowany system CRM z bazą danych klientów i osób decyzyjnych dla firmy ze Słowacji.
- System CRM dla firmy zajmującej się demontażem samochodów, który automatycznie oblicza ceny i drukuje faktury.
Wyślij mi adres strony internetowej w Telegram - sprawdzę ikony i pięć lub sześć innych drobnych rzeczy, o których często się zapomina.
Wynik
- Narzędzie Favicon Checker w ciągu minuty wyszukuje wszystkie ikony witryn, ich rozmiary i pokazuje, których brakuje.
- Minimalny zestaw: favicon.ico, favicon.svg, ikona Apple Touch 180×180 oraz ikony 192 i 512 dla web-manifestu.
- W przypadku Google ikona musi być kwadratowa, większa niż 48x48, dostępna dla robota i zadeklarowana na stronie głównej.
- Jeśli łatwiej jest przebudować witrynę niż naprawiać drobne błędy, 1001site automatycznie dostosuje ikony i podglądy.
Sprawdź swoją domenę za pomocą bezpłatnego narzędzia Favicon Checker – i przy okazji sprawdź domenę swojego głównego konkurenta.
Źródła
- Strona PromoPilot's Favicon Checker — lista sprawdzeń i FAQ.
- Google Search Central — wymagania dotyczące ikony Favicon w wynikach wyszukiwania.
- RealFaviconGenerator — generuje i testuje zestaw ikon.
