Sprawdź, jak wypozycjonowaliśmy naszą stronę do TOP1
Na skróty
W procesie tworzenia strony internetowej liczą się nawet najdrobniejsze detale — a właśnie za taki należy uznać favicon. Jak skonfigurować tę niepozorną ikonę, która pozwala wyróżnić się witrynie wśród kilkunastu (lub kilkudziesięciu) otwartych jednocześnie kart? Na to pytanie odpowiemy w poniższym tekście — zapraszamy do lektury.
Favicon (lub po prostu „ikona witryny”) to niewielka grafika, wyświetlająca się w przeglądarce internetowej na otwartej karcie witryny, liście zakładek, a także przy adresie URL strony w wynikach wyszukiwania.
Zdj 1. Kilka przykładowych ikon — są one tym bardziej przydatne, im więcej otwartych kart mamy w przeglądarce.
Źródło: opracowanie własne
Teoretycznie nie odgrywa on wielkiej roli — nie ma, chociażby, żadnego wpływu na pozycjonowanie strony. W praktyce jednak favicon okazuje się dosyć przydatny. Pomyśl — być może zdarzyło Ci się kiedyś otworzyć jednocześnie kilkanaście kart w jednym oknie, na przykład szukając idealnego prezentu dla kogoś bliskiego. Albo zebrałeś już tak wiele witryn w folderze „Zakładki”, że trudno jest Ci się w nim odnaleźć. Wielu użytkowników sieci ma dokładnie ten sam problem — i to właśnie „ikona witryny” pomoże im szybko zidentyfikować Twoją stronę. A przy okazji, będzie także „wisienką na torcie” identyfikacji wizualnej Twojej marki.
Warto też dodać, że profesjonalnie wyglądający favicon wzbudza zaufanie w użytkownikach — tak samo, jak „kłódeczka” na pasku adresu URL. Świadomi czyhających w sieci zagrożeń internauci zwracają uwagę naprawdę na każdy szczegół — i chętniej wracają na strony, które są dopracowane w najmniejszych detalach. Nawet tak pozornie nieistotnych, jak prosta ikonka.
Zanim przejdziemy do kokpitu WordPressa, należy najpierw odpowiednio przygotować grafikę, która posłuży jako favicon. Zdecydowana większość firm posługuje się przy tym swoim logiem, ewentualnie jego uproszczoną wersją — sygnetem.
Sam favicon musi być kwadratowy — przeglądarki używają ikon o rozdzielczości 48x48px. Zaznaczmy jednak od razu, że w przypadku stron na WordPress konieczne będzie wgranie grafiki o rozmiarach 512x512px — na wypadek, gdyby któraś z aplikacji chciała wykorzystać ikonę w większym formacie, niż ten przeglądarkowy. Ważne więc, by grafika była przygotowana w dobrej jakości.
Nie ma za to większego znaczenia format pliku — standardowo używa się grafik o rozszerzeniu ICO, ale obecnie wszystkie przeglądarki (jak również i sam WordPress) obsługują także ikony JPEG oraz PNG.
Faviconę można utworzyć zarówno w którymś z popularnych programów graficznych, jak i przy pomocy jednego z ogólnodostępnych w sieci narzędzi, na przykład:
Wystarczy przesłać wybraną grafikę (logotyp), odpowiednio ją wykadrować i wygenerować w jednym z dostępnych formatów — najlepiej we wspomnianym już ICO.
Jeżeli masz już przygotowaną grafikę — możesz zabrać się za konfigurację favicon w WordPress. Na szczęście nie są do tego potrzebne żadne wtyczki — wszystkie czynności można wykonać z poziomu „czystej” wersji WordPressa. A jak to wygląda krok po kroku?
Oczywiście, w bibliotece wtyczek WordPress znajdziemy także i pluginy pozwalające przejść przez cały proces tworzenia ikony z ich poziomu — jeżeli preferujesz tę opcję, polecamy sprawdzić wtyczkę wspomnianego już RealFaviconGenerator.
Jeśli zastanawiasz się, czy Twoja strona potrzebuje favicon — radzimy go wdrożyć. Zajmie to zaledwie kilka-kilkanaście minut, a może skutecznie podbudować wiarygodność witryny w oczach użytkowników i poprawić ich doświadczenia w kontekście SXO.
Zawodowy copywriter oraz student psychologii na Uniwersytecie Warszawskim. W świecie marketingu internetowego równie mocno, co chwytliwe (i wartościowe) treści interesuje go dobry design. Gdy nie zajmuje się tworzeniem contentu, odkrywa perełki kina niezależnego i pracuje nad własnymi opowiadaniami.
