Co to jest favicon? – Mały obrazek strony
Favicon, czyli skrót od angielskiego wyrażenia „favorite icon”, to mały graficzny element widoczny w pasku adresu przeglądarki oraz na karcie otwartej strony internetowej. Jest on również nazywany ikonką witryny lub miniaturką strony.
Dlaczego warto mieć favicon?
Pomimo swojej niewielkiej wielkości, favicon pełni ważną rolę dla każdej witryny internetowej. Przede wszystkim pozwala odróżnić stronę od innych i ułatwić użytkownikom jej identyfikację. Dzięki temu łatwiej będzie im zapamiętać Twoją stronę i wrócić do niej w przyszłości.
Kolejnym powodem jest poprawa estetyki i profesjonalnego wyglądu strony. Favicon dodaje charakteru i spójności projektowi graficznemu całej witryny, co wpływa pozytywnie na jej wiarygodność w oczach użytkowników.
Oprócz tego, dobrze zoptymalizowany favicon może zwiększyć rozpoznawalność marki oraz budować świadomość jej istnienia wśród internautów.
Jak stworzyć własne favicon?
Istnieje kilka sposobów na utworzenie unikalnej ikonki dla swojej strony internetowej. Jednym z najprostszych jest skorzystanie z generatora favicon, który dostępny jest w sieci za darmo. Wystarczy przesłać wybrany obrazek i narzędzie samo utworzy odpowiedni format pliku.
Można również stworzyć favicon samodzielnie przy użyciu programów graficznych takich jak Photoshop czy GIMP. Należy pamiętać o zachowaniu odpowiednich wymiarów (16×16 pikseli lub 32×32 piksele) oraz konwersji do formatu .ico.
Kolejną opcją jest skorzystanie z gotowych szablonów ikonek dostępnych w internecie lub zamówienie profesjonalnego projektu od grafika.
Jak dodać favicon na swojej stronie?
Po utworzeniu własnej ikonki należy ją umieścić na serwerze hostingowym razem ze wszystkimi innymi plikami witryny. Następnie wystarczy dodać kod HTML w sekcji
dokumentu:<link rel="icon" type="image/x-icon" href="/favicon.ico">
Gdzie „href” to ścieżka do pliku zawierającego naszą miniaturkę strony.
Dobrą praktyką jest także dodanie alternatywnego kodu dla starszych przeglądarek, które nie obsługują powyższego znacznika:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Po zapisaniu zmian i odświeżeniu strony, favicon powinien pojawić się w pasku adresu oraz na karcie otwartej witryny.
Jak zoptymalizować favicon pod SEO?
Choć wydawałoby się, że mały obrazek nie może mieć wpływu na pozycjonowanie strony internetowej, to jednak warto zadbać o jego odpowiednią optymalizację. Przede wszystkim należy dbać o rozmiar pliku – im mniejszy tym lepiej dla szybkości ładowania strony.
Należy również zadbać o nazwę pliku ikonki – najlepiej aby była ona spójna z nazwą marki lub tematyką witryny. Warto także dodać atrybut „alt”, który opisze krótko zawartość grafiki dla osób korzystających ze czytników ekranowych.
Dobrą praktyką jest także umieszczenie linku do swojej miniaturki w kodzie źródłowym każdej podstrony serwisu za pomocą znacznika <link>. Dzięki temu boty wyszukiwarek będą mogły szybciej indeksować stronę i przypisać jej właściwy favicon.
Podsumowanie
Favicon to niewielka ale ważna część każdego projektu graficznego strony internetowej. Dzięki niemu można wyróżnić się spośród innych witryn, zwiększyć rozpoznawalność marki oraz poprawić estetykę i profesjonalny wygląd strony.
Warto zadbać o odpowiednie zoptymalizowanie ikonki pod kątem SEO, aby przyczyniała się ona do lepszej widoczności naszego serwisu w wynikach wyszukiwania. Pamiętajmy także o regularnym aktualizowaniu favicon, jeśli zmienimy projekt graficzny lub logo firmy – dzięki temu utrzymamy spójność i świeżość naszej strony internetowej.