Masz logo na stronie, wszystko wygląda schludnie, a mimo to wśród kilkunastu kart przeglądarki Twoja witryna prezentuje się jak anonimowy dokument? To właśnie moment, w którym do gry wchodzi favicon. W aktualnym WordPressie znajdziesz go pod nazwą ikona witryny, czyli Site Icon.
To mały element, ale nie ma sensu go lekceważyć. Pomaga rozpoznać stronę na karcie przeglądarki, w zakładkach i na urządzeniach mobilnych. Nie zastępuje logo i nie jest magicznym przyciskiem do lepszej sprzedaży. Po prostu porządkuje drobny, lecz widoczny fragment kontaktu użytkownika z marką. A skoro da się go ustawić bez grzebania w kodzie, szkoda zostawiać tam domyślną ikonę albo pustkę.
Logo to nie favicon — o co w ogóle chodzi?
Logo firmy jest zwykle większym elementem identyfikacji. Pojawia się w nagłówku strony, stopce, materiałach firmowych czy reklamowych. Ma przekazać nazwę, charakter marki i często więcej informacji niż jeden prosty znak. Favicon działa w zupełnie innym środowisku: na małej karcie przeglądarki, w zakładce albo jako ikona witryny na urządzeniu mobilnym.
W WordPressie te elementy są obsługiwane osobno. Site Logo służy do wyświetlania logo witryny, a Site Icon identyfikuje ją w małej skali. To ważne rozróżnienie, bo pełne logo nie zawsze dobrze znosi zmniejszenie. Długi napis, hasło, cienkie linie albo kilka drobnych detali mogą po prostu zniknąć. Zostaje graficzna papka, czyli coś, co miało być marką, a wygląda jak przypadkowa plamka.
Nie oznacza to, że favicon zawsze musi być całkowicie odrębnym znakiem. Możesz użyć logo, jeśli po zmniejszeniu nadal jest czytelne. Możesz też przygotować jego uproszczony wariant: sygnet, pojedynczą literę albo inny fragment zachowujący charakter marki. Najważniejsze są spójność i czytelność, a nie sztywna zasada, że logo i favicon muszą wyglądać identycznie albo zupełnie inaczej.
Gdzie użytkownik widzi favicon?
Najbardziej oczywiste miejsce to karta przeglądarki. Gdy ktoś ma otwartych kilka stron, mała ikona pomaga szybko odszukać właściwą witrynę. Favicon może pojawić się również w pasku adresu, przy zapisanej zakładce oraz na urządzeniach mobilnych. W praktyce działa więc jak mała etykieta przyklejona do strony: nie opowiada całej historii marki, ale ułatwia jej rozpoznanie.
Google może także wyświetlać favicon przy wyniku wyszukiwania. To jednak możliwość, a nie obietnica. Nawet spełnienie wskazanych wytycznych nie gwarantuje, że ikona pojawi się w wynikach. Nie traktuj więc faviconu jako samodzielnego działania SEO ani sposobu na zagwarantowanie lepszej pozycji, ruchu czy sprzedaży. Jego zadanie jest prostsze: reprezentować witrynę tam, gdzie dostępnego miejsca jest bardzo mało.
Jak ustawić favicon w WordPressie 6.5 i nowszym?
W WordPressie 6.5 i nowszym ustawienie ikony witryny odbywa się z poziomu panelu administracyjnego. Nie musisz zaczynać od ręcznej edycji plików motywu ani dopisywania kodu do nagłówka. Najpierw przygotuj właściwy obraz i dodaj go do biblioteki mediów. Dopiero potem przejdź do ustawień.
- W panelu WordPressa otwórz Ustawienia, a następnie Ogólne.
- Wybierz opcję dotyczącą ikony witryny.
- Wskaż przygotowany plik z biblioteki mediów.
- Zapisz zmiany.
Po zapisaniu nie zakładaj od razu, że wszystko wygląda idealnie. Otwórz stronę w kilku kartach przeglądarki i sprawdź ją również na telefonie. Różne przeglądarki oraz urządzenia mogą prezentować ikonę w nieco innych miejscach i rozmiarach. Jeśli jej nie widzisz od razu, sprawdź, czy zmiany zostały zapisane i czy oglądasz aktualną wersję strony.
Krótka checklista przed zapisaniem
- Przygotuj kwadratowy obraz przeznaczony do użycia jako ikona witryny.
- Dodaj plik do biblioteki mediów.
- Wybierz ikonę witryny w ustawieniach WordPressa.
- Zapisz zmiany i sprawdź efekt w przeglądarce oraz na telefonie.
Ta ścieżka dotyczy WordPressa 6.5 i nowszego. W starszych wersjach układ ustawień mógł wyglądać inaczej. Dokładna dostępność poszczególnych opcji zależy też od wersji WordPressa, aktywnego motywu i użytych narzędzi administracyjnych.
Masz motyw blokowy? Sprawdź Tożsamość witryny
Jeśli korzystasz z motywu blokowego, ikoną witryny możesz zarządzać także przez Wygląd > Edytor > Tożsamość. To alternatywna ścieżka dostępna w Site Editorze. Jeżeli nie widzisz jej w swoim panelu, nie musi to oznaczać awarii. Dostępność tej sekcji zależy od aktywnego motywu.
W sekcji Tożsamość WordPress również rozdziela logo witryny i ikonę witryny. Logo jest przeznaczone do wyświetlania przez blok logo witryny, natomiast Site Icon pracuje na kartach przeglądarki, w zakładkach i jako ikona na urządzeniach mobilnych. Warto pilnować, który element właśnie edytujesz, bo wrzucenie pliku w niewłaściwe miejsce nie rozwiąże problemu z faviconem.
Jaki plik przygotować, żeby nie wyszła graficzna papka?
Do ustawienia Site Icon w WordPressie przygotuj obraz kwadratowy o wymiarach co najmniej 512 × 512 pikseli. Dokumentacja WordPressa rekomenduje format PNG. To konkretne wymagania techniczne dotyczące pliku używanego jako ikona witryny, a nie informacja o tym, że favicon będzie zawsze wyświetlany właśnie w takim rozmiarze.
Sam wymiar nie załatwia jednak sprawy. Obraz może mieć odpowiednie parametry, a mimo to wyglądać słabo po zmniejszeniu. Znak powinien być prosty, mieć wyraźny kontrast i nie opierać się na detalach, które znikają przy małym podglądzie. Przed publikacją pomniejsz go i sprawdź, czy nadal rozpoznajesz jego kształt. Jeśli zaczynasz się zastanawiać, co właściwie przedstawia ikona, to sygnał, że trzeba uprościć projekt.
WordPress a Google — dwa różne konteksty
Wytyczne WordPressa i Google dotyczą różnych sytuacji. WordPress wskazuje kwadratowy obraz o minimalnych wymiarach 512 × 512 pikseli jako plik do ustawienia Site Icon w panelu. Google opisuje z kolei warunki, przy których favicon może zostać pokazany przy wyniku wyszukiwania. W tym kontekście wskazuje proporcje 1:1, minimum 8 × 8 pikseli i rekomenduje rozmiar większy niż 48 × 48 pikseli dla lepszego wyglądu na różnych powierzchniach.
Nie mieszaj tych informacji. Wytyczne Google nie są zamiennikiem wymagań WordPressa. Google zaleca też, aby ikona reprezentowała markę i miała stabilny adres URL, ale nawet wtedy nie gwarantuje jej obecności w wynikach wyszukiwania. Najbezpieczniej przygotować dobry, kwadratowy plik zgodny z WordPressem, a następnie ocenić efekt wizualny w małej skali.
Logo czy osobny sygnet? I jakie błędy zdarzają się najczęściej
Możesz użyć pełnego logo jako faviconu, jeśli po zmniejszeniu pozostaje czytelne. Taki wariant ma sens, gdy znak jest prosty i nie traci charakteru w małym rozmiarze. Problem zaczyna się wtedy, gdy logotyp jest długi, zawiera hasło albo ma cienkie i skomplikowane elementy. W karcie przeglądarki nie ma miejsca na pełną opowieść o firmie.
W takiej sytuacji praktycznym rozwiązaniem może być uproszczony wariant logo: sygnet, pojedyncza litera albo inny rozpoznawalny fragment. Nie jest to oficjalny wymóg WordPressa, tylko decyzja projektowa oparta na czytelności. Warto zachować kolory i charakter marki, ale nie wciskać na siłę całego logotypu do małego kwadratu. Favicon ma działać w swojej skali, a nie być miniaturą materiału reklamowego.
Najczęstsze wpadki są dość przewidywalne: strona ma logo, ale nie ma ustawionej ikony; przygotowany plik jest prostokątny; znak ma zbyt niski kontrast; drobne elementy znikają po zmniejszeniu; ktoś oczekuje, że Google na pewno pokaże favicon w wynikach. Żaden z tych problemów nie wymaga od razu grzebania w kodzie. Najpierw sprawdź plik, ustawienia i efekt na konkretnych urządzeniach.
Checklista przed publikacją
- Czy obraz jest kwadratowy i ma co najmniej 512 × 512 pikseli?
- Czy używasz rekomendowanego przez WordPressa formatu PNG?
- Czy znak pozostaje czytelny po zmniejszeniu?
- Czy ikona została sprawdzona na kartach przeglądarki i urządzeniu mobilnym?
- Czy pamiętasz, że Google może, ale nie musi pokazać faviconu w wynikach?
Podsumowanie: mały znak, ale bez przypadkowego wyboru
Favicon WordPress, czyli Site Icon, nie zastępuje logo. Pracuje w miejscach, gdzie pełny logotyp jest zbyt duży, zbyt szczegółowy albo zwyczajnie nieczytelny: na kartach przeglądarki, w zakładkach i na urządzeniach mobilnych. W aktualnym WordPressie możesz ustawić go z poziomu panelu, bez zaczynania od ręcznej edycji kodu.
Najpierw przygotuj kwadratowy plik PNG o wymiarach co najmniej 512 × 512 pikseli, potem sprawdź znak w małej skali. Jeśli obecne logo wygląda po zmniejszeniu jak graficzna papka, lepszy może być jego uproszczony wariant. Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.
