Favicon i SEO: po co Ci mała etykieta na stronie internetowej?

Mała ikona pojawiająca się przed nazwą witryny w zakładce przeglądarki jest znana wielu osobom. Ten miniaturowy element, choć często niezauważony, stał się integralną częścią każdego zasobu. Wcześniej favikonę traktowano jako nieistotny szczegół, służący po prostu do wypełnienia pustej przestrzeni, jednak obecnie, gdy każde ulepszenie ma znaczenie dla konwersji, favikona spełnia ważną rolę. To nie tylko element brandingu, ale także czynnik, który biorą pod uwagę wyszukiwarki.

Co to jest favicat?

Tym, którzy nie znają tego pojęcia, wyjaśniamy: favicon to element graficzny (o wymiarach 16x16 pikseli), który umieszcza się w kodzie witryny i wyświetla w wynikach wyszukiwania obok tytułu. Najczęściej wykorzystuje się logo lub prosty obraz (literę, cyfrę lub ikonę). Aby wyszukiwarki i inne usługi rozpoznały ten plik jako faviconę, powinien on nosić nazwę „favicon.ico”.

Co ciekawe, obsługa favicon rozpoczęła się już w odległej przeszłości, kiedy format ten zaczął działać w przeglądarce Internet Explorer 5. Początkowo favicony służyły wyłącznie potrzebom technicznym i stanowiły prostą etykietę adresów stron internetowych. Ostatecznie, na początku XXI wieku, zostały one oficjalnie uwzględnione w znacznikach - jako element standardowy.

Do czego służy favikona?

Choć pierwotnie favikona była elementem zapewniającym wygodę użytkownika, obecnie jej rola wykracza poza aspekt techniczny. Jest to ważne zarówno dla użytkowników końcowych, jak i wyszukiwarek. Zastanówmy się, gdzie i jak używana jest favikona i czy można się bez niej obejść.

• Pomaga zapamiętać witrynę. W czasach, gdy znalezienie krótkiej i dostępnej domeny staje się coraz trudniejsze, jasna i widoczna favikona pomaga użytkownikom zapamiętać witrynę, nawet jeśli jej nazwa jest długa i niejasna.
• Ułatwia przeszukiwanie wielu zakładek. Gdy w przeglądarce otwartych jest wiele zakładek (30-40 na raz), posiadanie zapadającej w pamięć ikony ulubionych pomoże Ci szybko znaleźć potrzebną witrynę. Podobnie w historii przeglądania lepiej jest wyszukiwać za pomocą skrótów, niż przewijać dziesiątki adresów URL.
• Wyróżnia witrynę w wynikach wyszukiwania. W niektórych wyszukiwarkach favikona jest wyświetlana we fragmencie (na przykład w Yandex). Dzięki temu Twoja witryna wyróżnia się na tle innych, co zwiększa współczynnik klikalności, a tym samym konwersje.

Instalowanie favikony na stronie

Aby rozpocząć, wybierz obraz, który ma zostać użyty jako favicon, i zmień jego nazwę favicon.ico. Zaleca się używanie formatu PNG, aby uniknąć białego tła. Najpopularniejszy rozmiar ikon to 16 x 16 pikseli, ale istnieją inne formaty:

• 32x32 - dla starszych wersji przeglądarek Internet Explorer i Safari;
• 57x57 - dla urządzeń iPhone;
• 72x72 - dla tabletów iPad;
• 114x114 - dla wysokiej jakości ekranów Retina;
• 144x144 - dla iPada z wyświetlaczem Retina.

Po przygotowaniu obrazu i zmianie jego nazwy należy go wgrać do katalogu głównego serwisu za pomocą klienta FTP lub panelu hostingowego. Sprawdź, czy favicon jest dostępna pod adresem: sitename.ru/favicon.ico.

Aby dodać favikonę do -code, użyj następującego szablonu: . Należy pamiętać, że w przypadku starszych wersji przeglądarek IE może być konieczne dodanie tego atrybutu rel="ikona krótkiego płaszcza".

Jeśli Twoja witryna jest kierowana na urządzenia mobilne Apple, dodaj ten atrybut rel="ikona-dotyku-jabłka"dzięki czemu favikona będzie poprawnie wyświetlana na iPhonie oraz na liście często odwiedzanych stron w systemie MacOS.

Który obraz wybrać na faviconę?

Wybór obrazu dla favikony jest ważny, ponieważ będzie on skojarzony z Twoją witryną. Dobra favikona powinna być prosta, ale zapadająca w pamięć. Przyjrzyjmy się kilku typom faviconów:

• Proste obrazy. Na przykład litery, cyfry lub kształty geometryczne. Takie obrazy są łatwe do rozpoznania i zapamiętania, zwłaszcza jeśli inne witryny wykorzystują złożone lub małe elementy.
• Obrazy tematyczne. W niektórych dziedzinach (medycyna, budownictwo itp.) logiczne jest użycie rozpoznawalnych symboli, takich jak krzyż lub hełm. Ważne jest, aby użytkownicy mogli szybko skojarzyć te obrazy z Twoją witryną.
• Elementy księgi marki. Jeśli Twoja firma posiada księgę znaku, możesz wykorzystać jej elementy, np. logo. Należy jednak pamiętać, że złożone logo może być trudne do zobaczenia w małym formacie.
• Kontrastowe obrazy. Jeśli większość witryn w wynikach wyszukiwania korzysta z podobnych faviconów, kontrastowy element pomoże Ci wyróżnić się na tle konkurencji i przyciągnąć uwagę użytkowników.

Wnioski

Mimo niewielkich rozmiarów favicon ma ogromne znaczenie dla strony internetowej. Pomaga w identyfikacji zasobów i poprawia doświadczenie użytkownika. Jego użycie poprawia wygodę wyszukiwania, szczególnie przy otwieraniu wielu zakładek. Aby poprawić widoczność witryny w wynikach wyszukiwania i zwiększyć współczynniki klikalności, warto zwrócić uwagę na wybór favikony i jej prawidłową konfigurację.

Aby uzyskać dodatkowe konsultacje dotyczące SEO i tworzenia stron internetowych, możesz skontaktować się ze studiem SEO COMPUTER w przypadku jakichkolwiek pytań, pisząc na adres info@seo.computer.

ID 1687