- Dlaczego ważne jest dodanie favicon do strony
- Zalecenia dotyczące tworzenia odpowiedniego favicon
- Jak stworzyć favicon dla strony
Favicon — to mała ikona o rozmiarze 16x16 pikseli, która jest wyświetlana w zakładkach przeglądarki, pasku zakładek, historii przeglądania, a także w wynikach wyszukiwania Google, Bing i innych wyszukiwarek. Głównym zadaniem favicon — jest przyspieszenie znalezienia potrzebnej strony wśród wielu otwartych zakładek przeglądarki i w jej zakładkach. Poświęcając czas na jego stworzenie, możesz wzmocnić rozpoznawalność marki i zwiększyć zaufanie do zasobu internetowego w oczach użytkowników.
Dlaczego ważne jest dodanie favicon do strony
Pomimo niewielkiego rozmiaru, favicon odgrywa ważną rolę w promocji marki online. Przy przemyślanym podejściu do jego tworzenia, ta ikona staje się takim samym elementem brandingu jak na przykład logo i slogan.
Strony z faviconem również szybciej znajdują się w zakładkach lub wśród otwartych zakładek przeglądarki. Zamiast czytać nazwę każdej z nich, użytkownik łatwo identyfikuje potrzebną mu stronę internetową, spoglądając tylko na jej ikonę.
Tworząc favicon, który różni się kolorem lub kształtem od faviconów stron konkurencyjnych, będziesz mógł łatwo zwiększyć CTR dzięki temu elementowi. Taka ikona od razu wyróżni Twój projekt internetowy w wynikach wyszukiwania (jeśli je wyświetlają). I z pewnością ten favicon dla strony przyciągnie uwagę użytkowników.
Uwaga! Ikona — to ważny, ale nie jedyny czynnik zwiększający CTR. Na to ogromnie wpływa poprawność tworzenia tytułu i pisania opisu. Dla skutecznej promocji ważne jest także zrozumienie, jak prawidłowo opracować mapę strony, jak usunąć duplikaty stron i jak wykonać poprawną wewnętrzną linkowanie.
Zalecenia dotyczące tworzenia odpowiedniego favicon
Istnieje wiele usług online do tworzenia favicon, które mogą przekształcić obrazek w ikonę w kilka kliknięć. Jednak najpierw należy zapoznać się z zaleceniami dotyczącymi tworzenia favicon dla strony:
- Uważaj na rozmiar favicon. Użycie logo strony lub firmy jako favicon — to powszechna praktyka. I jeśli logo jest zaprojektowane w minimalistycznym stylu i nie zawiera wielu drobnych szczegółów — to poprawne podejście. Inna sprawa, jeśli obrazek, który identyfikuje firmę lub markę, zawiera maleńkie elementy i wiele kolorów. W takim przypadku, przy jego skompresowaniu do rozmiaru 16x16 pikseli, piękne logo zamienia się w rozmytą plamę.
- Twórz ikonę dla strony z uwzględnieniem jej identyfikacji wizualnej. Używaj kolorów firmowych, czcionek i elementów graficznych. Pamiętaj, że ten mały obrazek z czasem stanie się elementem brandingu.
- Użyj pierwszej litery, skróconej wersji lub akronimu nazwy marki. Zobacz favicony takich gigantów jak Facebook, Wikipedia, Google. Zawierają one pierwszą literę nazwy firmy, zaprojektowaną w stylu firmowym. Rozważ tę opcję, szczególnie jeśli na razie nie masz logo lub używasz tekstowego logo.
Uwaga! Jako favicon można używać nie tylko liter z nazwy firmy, ale także z nazwy domeny (jeśli różni się od nazwy marki lub znaku towarowego). U nas możesz szybko zarejestrować domenę w międzynarodowej, regionalnej lub tematycznej strefie po niskiej cenie.
Jak stworzyć favicon dla strony
Zasad tworzenia ikony strony już poznaliśmy. Teraz nadszedł czas, aby dowiedzieć się, jak prawidłowo stworzyć favicon:
- Stwórz obrazek, który będziesz używać jako ikonę bloga lub sklepu internetowego. Zalecamy zrobić to za pomocą darmowego oprogramowania GIMP lub jego komercyjnego odpowiednika Adobe Photoshop.
- Upewnij się, że rozmiar obrazu wynosi 16x16 punktów.
- Zapisz ikonę nadając jej nazwę favicon.ico.
- Wgraj favicon do głównego katalogu strony.
Jeśli z jakiegoś powodu nie możesz użyć pliku w formacie .ico jako favicon lub umieścić go w głównym katalogu strony, dodaj do sekcji HEAD każdej strony internetowej następujący kod:
< link rel=shortcut icon href=/icons/favicon.png type=image/png >
Tutaj /icons/favicon.png — to umowna ścieżka do ikony, a image/png — to typ MIME obrazu, który używasz. Lista typów MIME obrazów znajduje się w Wikipedii.
Na tym instalacja favicon została zakończona!
Jeśli Twój zasób internetowy działa na popularnym silniku, bardzo prawdopodobne, że dodanie favicon można zrobić bezpośrednio z panelu administracyjnego CMS. Na przykład, aby to zrobić w WordPressie, wybierz w Konsoli punkt menu „Wygląd” → „Dostosuj” → „Właściwości strony” i załaduj favicon w bloku „Ikona strony”.
Właśnie dowiedziałeś się, czym jest favicon, dlaczego jest ważny i jak prawidłowo go stworzyć. Z tą wiedzą bez trudu narysujesz zapadającą w pamięć ikonę strony, która z czasem stanie się nie mniej potężnym elementem brandingu niż logo i paleta kolorów zasobu internetowego.
Podobał Ci się artykuł? Powiedz o nim znajomym: 
