Favicon z logo Agencji KS
Po co nam Favicon?
Dzięki wykorzystaniu favicon użytkownik zdecydowanie szybciej odnajdzie naszą witrynę, spośród wielu otwartych kart w przeglądarce. Wykorzystanie favicon na naszej stronie pozwala na polepszenie User Experience jak również pozwala na spójne budowania naszej marki online.
Jak zrobić favicon?
Istnieje kilka sposób stworzenia favicon. Pierwszym z nich jest skorzystanie z dowolnego programu graficznego, w którym umieścimy wybraną grafikę, obraz, treść czy logo naszej firmy w kwadracie. Warto zaznaczyć, że w przypadku tak niewielkich ikon, nie każda grafika może być czytelna. Plik graficzny należy zapisać w formacie *.ico.
Przy pierwszym wejściu na stronie przeglądarka (np. Firefox czy Chrome) sprawdza, czy strona ma zadeklarowaną w head ścieżkę ikony, jeżeli nie to sprawdza w katalogu plik favicon.ico. Jeśli deklarujemy ścieżkę w sekcji, to warto dodać plik z rozszerzeniem *.png o większej rozdzielczości np. 200px × 200px.
W internecie dostępnych jest również wiele kreatorów, w których bez żadnych problemów stworzysz w szybki sposób ikonę dopasowaną do Twojej strony internetowej. Do najpopularniejszych należy: https://www.favicon-generator.org/.
Podstawowy sposób dodania favicon
Plik graficzny z rozszerzeniem favicon.ico należy umieścić w katalogu głównym. Większość przeglądarek nie ma problemu ze znalezieniem tej grafiki. Jest to jeden z najprostszych sposób, zalecany dla mniej technicznych właścicieli stron.
Dla osób, które znają podstawy HTML nie będzie problemem dodanie odpowiedniego fragmentu kody w sekcji < head >. Kod musi zawierać typ i ścieżkę dostępu do wcześniej przesłanego pliku graficznego.
< link rel="shortcut icon" type="image/png" href="sciezka-do-pliku-favicon.png" >
Jak dodać favicon do strony internetowej na WordPress?
W zależności od systemu zarządzania treścią (CMS), sposób dodania favicony dla Twojej witryny internetowej może się różnić. Wiele z nich posiada funkcjonalności pozwalające na przesłanie ich poprzez CMS. WordPress jako najpopularniejszy z nich pozwala użytkownikowi na szybkie ustawienie własnej ikony. Przechodząc do panelu administracyjnego wchodzimy w "Wygląd" następnie "Dostosuj" gdzie znajdujemy "Tożsamość Witryny". Na dole wybieramy obrazek, który ma być “Ikoną Witryny”
Miejsce ustawienia Favicon w CMS WordPress
Ostatnia aktualizacja: 11 czerwca 2024
Pozyskuj klientów online i zwiększaj zyski dzięki reklamie w Internecie!
Powiązane Artykuły
Pozycjonowanie stron poradnik dla początkujących
Każdemu z posiadaczy stron internetowych zależy na tym, by odkryło ją jak najwięcej użytkowników. Jednak w dzisiejszych czasach, kiedy dostępnych jest niemal 2...
Przeczytaj artykuł >>Projektowanie graficzne - podstawowa wiedza część 1.
Projektowanie graficzne jest dziedziną sztuki wymagającą ogromnej wiedzy i doświadczenia, nie tylko w zakresie znajomości używanych programów (których...
Przeczytaj artykuł >>