Favicon (skrót od „favorite icon”) to mała ikona graficzna powiązana z daną stroną internetową. Najczęściej ma rozmiar 16×16 pikseli lub 32×32 piksele i jest widoczna w przeglądarce internetowej na różne sposoby, np.:
- obok tytułu strony na karcie przeglądarki,
- w zakładkach użytkownika (gdy strona jest dodana jako ulubiona),
- w historii przeglądania,
- w pasku adresu (w niektórych przeglądarkach).
Dlaczego warto dodać favicon?
- Rozpoznawalność marki
Favicon pomaga wyróżnić Twoją stronę wśród innych otwartych kart w przeglądarce. Dzięki temu użytkownik łatwiej ją rozpozna i kojarzy z Twoją marką. - Poprawa użyteczności
Dobrze widoczny favicon ułatwia nawigację w przeglądarce, szczególnie gdy użytkownik ma wiele otwartych kart. - Profesjonalny wizerunek
Brak faviconu może sugerować, że strona jest niedopracowana lub amatorska. Dodanie go świadczy o dbałości o szczegóły. - Ułatwienie dla SEO
Choć favicon nie wpływa bezpośrednio na pozycję w wynikach wyszukiwania, to poprawia wrażenia użytkownika, co może pośrednio zwiększać zaangażowanie i czas spędzony na stronie. - Widoczność w aplikacjach i systemach operacyjnych
Favicon pojawia się także w przypadku zapisywania skrótów do strony na ekranie głównym urządzeń mobilnych czy komputerów.
Jak dodać favicon?
- Przygotuj plik graficzny w formacie .ico, .png, .svg, lub innym popularnym formacie. Zalecany rozmiar to przynajmniej 32×32 piksele.
- Umieść plik w głównym katalogu strony lub w dedykowanym folderze.
- Dodaj do kodu HTML następujący fragment w sekcji
<head>:
<link rel="icon" href="path_to_your_favicon.ico" type="image/x-icon">
Jeśli używasz innego formatu, np. PNG:
<link rel="icon" href="path_to_your_favicon.png" type="image/png">
Dodanie faviconu to prosty krok, który znacznie poprawia wygląd i użyteczność Twojej strony!