Favicon (ang. favorite icon) to mała ikona przypisana do strony internetowej, która wyświetla się w karcie przeglądarki, przy zakładkach, w historii przeglądania oraz w wynikach wyszukiwania na urządzeniach mobilnych. Najprostsza odpowiedź na pytanie favicon co to brzmi: to graficzny symbol identyfikujący stronę internetową. Choć ma niewielki rozmiar, pełni istotną funkcję w budowaniu rozpoznawalności marki, UX oraz pośrednio wpływa na SEO. Spis treściCzym dokładnie jest favicon?Gdzie wyświetla się favicon?Czy favicon wpływa na SEO?Favicon ico – czy to nadal standard?Jakie rozmiary powinny mieć favicony?Jak stworzyć i wdrożyć favicon?Najczęstsze błędy przy wdrażaniu faviconFavicon a branding i UXPodsumowanie – favicon co to? Czym dokładnie jest favicon? Technicznie favicon to plik graficzny przypisany do domeny, najczęściej w formacie favicon ico, PNG lub SVG, umieszczony w katalogu głównym serwera i podlinkowany w sekcji <head> strony HTML. Klasyczna ścieżka wygląda tak: <link rel="icon" href="/favicon.ico" type="image/x-icon"> Pierwotnie standardowym formatem był właśnie favicon ico, który pozwalał przechowywać kilka rozmiarów ikony w jednym pliku. Dziś coraz częściej stosuje się także formaty PNG i SVG ze względu na lepszą jakość i skalowalność. Gdzie wyświetla się favicon? Favicony są widoczne w kilku kluczowych miejscach: na kartach przeglądarki (obok tytułu strony), w pasku adresu (w zależności od przeglądarki), w zakładkach zapisanych przez użytkownika, w historii przeglądania, w mobilnych wynikach wyszukiwania Google, na ekranie głównym smartfona (po dodaniu strony do pulpitu). W kontekście SEO szczególnie istotne jest to, że Google wykorzystuje favicon w wynikach mobilnych – wpływa to na rozpoznawalność i CTR. Czy favicon wpływa na SEO? Bezpośrednio – nie jest czynnikiem rankingowym.Pośrednio – ma znaczenie. Dlaczego? Zwiększa wiarygodność strony. Ułatwia identyfikację marki. Może poprawić współczynnik klikalności (CTR). Wspiera spójność identyfikacji wizualnej. Brak poprawnie wdrożonego favicon może sprawić, że Google wyświetli domyślną ikonę, co obniża profesjonalny odbiór strony. Favicon ico – czy to nadal standard? Format favicon ico był historycznie podstawowym rozwiązaniem, ponieważ obsługiwał wiele rozdzielczości w jednym pliku (np. 16×16, 32×32, 48×48 pikseli). Obecnie rekomenduje się: PNG dla klasycznych przeglądarek, SVG dla nowoczesnych, skalowalnych wersji, dedykowane ikony dla Apple (apple-touch-icon), ikony w różnych rozmiarach dla Androida. Mimo to plik favicon ico w katalogu głównym nadal jest dobrą praktyką praktyką pozwalającą zachować kompatybilność. Jakie rozmiary powinny mieć favicony? Ekspercko patrząc, warto przygotować zestaw: 16×16 px (standardowa karta przeglądarki), 32×32 px (ekrany Retina), 48×48 px (niektóre systemy Windows), 180×180 px (Apple touch icon), 192×192 px i 512×512 px (Android / PWA). Dzięki temu favicony będą poprawnie wyświetlać się na wszystkich urządzeniach. Jak stworzyć i wdrożyć favicon? Proces jest prosty: Przygotuj kwadratową grafikę (najlepiej uproszczone logo). Wygeneruj pliki w różnych rozmiarach. Umieść je na serwerze. Dodaj odpowiednie znaczniki w sekcji <head>. Sprawdź w Google Search Console, czy Google poprawnie odczytuje ikonę. Warto pamiętać, że Google ma własne wytyczne dotyczące favicon – nie może ona być wprowadzająca w błąd ani zawierać nadmiaru tekstu. Najczęstsze błędy przy wdrażaniu favicon zbyt skomplikowana grafika, brak wersji w odpowiednich rozmiarach, brak pliku favicon ico jako fallback, niepoprawne podlinkowanie w kodzie, używanie formatu o zbyt dużej wadze. Dobra praktyka to minimalistyczny znak graficzny, czytelny nawet w 16 pikselach. Favicon a branding i UX Choć technicznie to niewielki element, favicon wzmacnia branding. Użytkownicy często mają otwartych wiele kart – rozpoznawalna ikona pozwala szybko wrócić do Twojej strony. W e-commerce czy SaaS profesjonalne favicony zwiększają zaufanie i wpływają na odbiór marki jako dopracowanej. Podsumowanie – favicon co to? Favicon to mała ikona przypisana do strony internetowej, widoczna w przeglądarce i wynikach mobilnych. Najczęściej występuje jako favicon ico, PNG lub SVG. Choć nie jest bezpośrednim czynnikiem rankingowym, wpływa na UX, rozpoznawalność marki oraz CTR. Dlatego poprawnie wdrożone favicony to standard każdej profesjonalnej strony internetowej. Jeśli budujesz stronę zgodnie z zasadami technicznego SEO – favicon nie jest dodatkiem. To obowiązkowy element.
