4rtweb

Czym jest favicon?

Favicon, to niewielki symbol graficzny widoczny obok adresu URL w pasku adresu przeglądarki, na karcie witryny internetowej lub wśród zakładek. Ta minimalistyczna ikona graficzna odgrywa kluczową rolę w odróżnianiu Twojej strony od konkurencji.

Znaczenie Favicona

Użycie favicona znacząco ułatwia użytkownikom szybkie zlokalizowanie naszej strony wśród wielu otwartych zakładek przeglądarki, co bezpośrednio wpływa na poprawę User Experience oraz wspiera budowanie spójnego wizerunku naszej marki w internecie.

Tworzenie Favicona

Aby stworzyć favicona, można posłużyć się dowolnym edytorem graficznym, umieszczając w nim wybraną grafikę, obrazek, tekst, czy logo firmy na kwadratowej płaszczyźnie. Należy pamiętać, że ze względu na małe rozmiary ikony, niektóre projekty mogą nie być wyraźne. Następnie grafikę zapisujemy w formacie *.ico.

Podczas pierwszego odwiedzenia strony przez przeglądarkę taką jak Firefox czy Chrome, przeglądarka weryfikuje, czy na stronie zdefiniowano ścieżkę do ikony w sekcji head; jeśli nie, szuka pliku favicon.ico w głównym katalogu. Jeżeli zdecydujemy się na zadeklarowanie ścieżki, warto umieścić ikonę w formacie *.png o wyższej rozdzielczości, np. 200px × 200px.

W sieci dostępne są także narzędzia i kreatory, które pozwalają na łatwe i szybkie zaprojektowanie ikony pasującej do Twojej strony internetowej. Jednym z polecanych jest https://www.favicon-generator.org/.

Elementarne dodanie Favicona

Aby dodać favicona, wystarczy umieścić plik o nazwie favicon.ico w głównym katalogu strony. Taki sposób jest prosty i skuteczny, gdyż większość przeglądarek automatycznie odnajdzie ikonę bez dodatkowych ustawień. Jest to metoda polecana dla osób, które mogą nie posiadać zaawansowanej wiedzy technicznej.

Dla użytkowników posiadających podstawową znajomość HTML, implementacja favicona poprzez dodanie fragmentu kodu w sekcji <head> strony nie stanowi wyzwania. Wymagany kod powinien określać typ ikony oraz ścieżkę do pliku graficznego, który został wcześniej załadowany na serwer.

< link rel=”shortcut icon” type=”image/png” href=”twoja-ścieżka-do-favicona.png” >

Dodawanie Favicona w WordPress

Metoda dodawania favicona może się różnić w zależności od używanego systemu zarządzania treścią (CMS). WordPress, będąc jednym z najbardziej rozpowszechnionych CMS, oferuje użytkownikom prosty sposób na dodanie własnej ikony strony. Aby to zrobić, należy przejść do panelu administracyjnego, wybrać sekcję „Wygląd”, a następnie „Dostosuj”. W menu „Tożsamość Witryny” znajduje się opcja do przesłania obrazka, który posłuży jako „Ikonę Witryny”.

Może zainteresują Cię: