Google pokazuje szarą kulkę zamiast Twojego logo najczęściej z jednego z trzech powodów: ikona jest w formacie, którego Google Search nie obsługuje (zwykle SVG), nie jest kwadratowa albo strona główna nie wskazuje jej w kodzie. Czwarty powód to czas: po poprawce Google musi jeszcze odwiedzić stronę główną, a to trwa od kilku dni do kilku tygodni. U mnie zawinił format.
Co się stało na websly.pl
Na starcie websly.pl miał ikonę tylko w pliku SVG. Przeglądarki wyświetlały ją bez kłopotu na kartach, więc nikt niczego nie zauważył, dopóki strona nie pojawiła się w wynikach wyszukiwania. Tam zamiast pomarańczowego znaku stała domyślna kulka Google.
Przyczyna jest w dokumentacji: Google Search przyjmuje ikony w formatach BMP, GIF, ICO, PNG, JPEG, PPM i TIFF (Google: ikona witryny w wynikach, strona zaktualizowana 27.10.2026, sprawdzone 28.10.2026). SVG na tej liście brakuje. 5 października 2026 dołożyłem trzy pliki obok SVG:
favicon-192.png, kwadrat 192 na 192 piksele, wskazany w kodzie strony jako pierwszy,favicon.icoz rozmiarami 16, 32 i 48 pikseli dla starszych programów,apple-touch-icon.png, 180 na 180 pikseli, dla iPhone'ów, które dodają stronę do ekranu głównego.
Plik SVG został dla przeglądarek, bo jest ostry w każdym rozmiarze. Tego samego dnia poprosiłem w Search Console o ponowne zindeksowanie strony głównej. Dalej zostaje czekanie, bo Google pobiera ikonę przy kolejnej wizycie na stronie głównej, a dokumentacja zastrzega, że nawet przy spełnieniu wszystkich wymagań pokazanie ikony nie jest gwarantowane.
Wymagania Google w skrócie
| Wymaganie | Co to znaczy w praktyce |
|---|---|
| Format | PNG albo ICO są najbezpieczniejsze, samo SVG nie wystarczy |
| Kształt | kwadrat, proporcje 1:1 |
| Rozmiar | minimum 8 na 8 pikseli, Google zaleca więcej niż 48 na 48 |
| Miejsce w kodzie | znacznik link z rel=icon w nagłówku strony głównej |
| Dostęp dla robotów | robot Google musi dotrzeć do strony głównej, a robot obrazów Google do pliku ikony |
| Stały adres | ikona pod tym samym adresem, bez częstych zmian |
| Znak marki | ikona ma przedstawiać Twoją firmę, żeby klient rozpoznał ją w wynikach |
Google dodaje, że jeśli uzna obrazek za nieodpowiedni, na przykład z pornografią albo symbolem nienawiści, zastąpi go domyślną ikoną.
Jak sprawdzić swoją ikonę w pięć minut
- Otwórz stronę główną, kliknij prawym przyciskiem i wybierz „Wyświetl źródło strony”. Poszukaj linii z
rel=iconi zobacz, na jaki plik wskazuje. - Wpisz adres tego pliku w przeglądarce. Musi się otworzyć obrazek, a nie strona błędu.
- Sprawdź rozszerzenie: .png, .ico, .gif albo .jpg są w porządku, samo .svg to sygnał do poprawki.
- Zobacz, czy obrazek jest kwadratem. Poziome logo wciśnięte w ikonę Google może odrzucić, a jeśli przyjmie, w wynikach będzie nieczytelne.
- Otwórz twojadomena.pl/robots.txt i upewnij się, że nie blokuje katalogu z ikoną.
Jak zaprojektować ikonę, która będzie czytelna
W wynikach na telefonie ikona ma kilkanaście pikseli. Pełne logo z nazwą firmy i hasłem zamienia się w takim rozmiarze w kolorową plamę. Lepiej działa sam znak: pierwsza litera nazwy, symbol z logo albo prosty kształt w kolorze firmy. Ikona websly.pl to ciemna litera W na pomarańczowym kwadracie z zaokrąglonymi rogami, bez żadnego napisu.
Sprawdź też tło. Google pokazuje wyniki na jasnym i na ciemnym tle, zależnie od ustawień telefonu. Czarny znak na przezroczystym tle znika w trybie ciemnym, a biały w jasnym. Najbezpieczniejszy jest znak na pełnym, kolorowym kwadracie albo kole, który wygląda tak samo na obu tłach.
Ostatni test zrób na oko: zmniejsz ikonę do 16 pikseli i obejrzyj ją obok ikon konkurencji. Jeśli nie odróżniasz własnej, klient też jej nie odróżni.
Gdzie jeszcze widać ikonę
Ta sama ikona pojawia się na karcie przeglądarki, w zakładkach, w historii i na ekranie głównym telefonu, gdy ktoś doda tam Twoją stronę. Na iPhonie odpowiada za to plik apple-touch-icon, a Android korzysta z ikon wskazanych w kodzie strony albo w pliku manifestu. Jeśli Twój panel klienta albo system dla firmy działa w przeglądarce i pracownicy dodają go do ekranu głównego jak aplikację, ikona staje się dla nich przyciskiem, który klikają kilka razy dziennie.
WordPress i inne systemy
W WordPressie ikonę ustawia się w Wyglądzie, w sekcji Dostosuj, pod hasłem „Ikona witryny”. WordPress prosi o kwadratowy obrazek o boku co najmniej 512 pikseli i sam przygotowuje z niego mniejsze wersje w PNG, więc kłopot z formatem zwykle znika. Problemy pojawiają się wtedy, gdy motyw albo wtyczka SEO dokłada własną ikonę i w kodzie są dwie różne.
W stronach pisanych od zera, takich jak te, które buduję, ikony powstają z jednego pliku źródłowego. Dla websly.pl napisałem mały skrypt, który z logo w SVG rysuje wszystkie potrzebne pliki PNG i ICO. Przy zmianie logo uruchamiam go raz i komplet jest gotowy.
Subdomena ma osobną ikonę
Google traktuje każdą nazwę hosta jako osobną witrynę, a podkatalogi korzystają z ikony swojej domeny. Sklep pod sklep.twojafirma.pl albo aplikacja pod app.twojafirma.pl potrzebują więc własnej ikony wskazanej na własnej stronie głównej. Strona aplikacji Bag Guard pod adresem bagguard.websly.pl ma swoją ikonę, niezależną od websly.pl, a blog pod websly.pl/blog/ korzysta z ikony strony głównej.
Ikona to co innego niż logo w danych dla Google
Często myli się dwie rzeczy. Ikona witryny to mały kwadrat przy adresie w wynikach. Logo firmy to obrazek, który strona może wskazać w danych strukturalnych, czyli w opisie firmy zapisanym w kodzie dla wyszukiwarek. Google używa go na przykład w panelu z informacjami o firmie. Logo może być prostokątne i zawierać nazwę, ikona powinna być prostym znakiem.
Na websly.pl od 28 października 2026 dane strukturalne opisują firmę razem z logo, osobą, która ją prowadzi, i stroną, a każdy wpis na blogu wskazuje na ten opis jako wydawcę. Ikona jest ustawiona osobno, znacznikami w nagłówku strony. Jedno nie zastąpi drugiego, więc przy porządkach sprawdź oba.
Ile czekać po poprawce
Według dokumentacji Google pobranie nowej ikony może potrwać od kilku dni do kilku tygodni. Przyspieszysz sprawę jedną prośbą o zindeksowanie strony głównej w narzędziu do sprawdzania adresów w Search Console. Kolejne prośby o ten sam adres nic nie dają.
Ikona to drobiazg, ale na telefonie stoi w wynikach obok nazwy strony i pomaga klientowi rozpoznać firmę wśród dziesięciu podobnych. Przy każdej stronie, którą oddaję w ramach usługi strony internetowe, sprawdzam ją razem z mapą strony i danymi dla Google. Jeśli Twoja ikona dalej się nie pokazuje, wyślij mi adres strony przez formularz.