Co to jest Favicon?

Favicon, zwany również ikoną zakładki lub zakładki internetowej, to mały, prostokątny obrazek, który jest wyświetlany w przeglądarce obok adresu URL witryny na pasku adresu przeglądarki, w historii wyszukiwania lub obok tytułu strony na zakładce przeglądarki. Jest to cenna część tożsamości marki Twojej witryny i pomaga wykraczać poza tłum.

Jak Favicon wygląda w praktyce?

Gdy otwierasz stronę www, zwracasz uwagę na małą ikonkę obok tytułu strony na zakładce przeglądarki? To jest favicon. Jeżeli otworzysz np. Twittera, zobaczysz małą, niebieską ikonkę ptaka - to jest favicon Twittera. Kiedy masz otwartych wiele zakładek, ta ikonka pomaga szybko zidentyfikować i przejść do odpowiedniej strony.

Skąd wziąć Favicon?

Favicon jest zazwyczaj dostarczany przez twórców strony internetowej i powinien być spójny z resztą tożsamości wizualnej marki. Często jest to po prostu logo firmy. Wiele stron internetowych oferuje tworzenie favicon za darmo, na przykład favicon-generator.org.

Jak dodać Favicon do strony internetowej?

Wdrożenie favicon na stronie internetowej jest stosunkowo proste. Po pierwsze, musisz przygotować plik z ikoną (zazwyczaj format .ico lub .png). Następnie umieść ten plik w głównym katalogu swojej strony internetowej. Gdy to zrobisz, dodaj następujący kod do sekcji head swojego pliku HTML:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Tu, href to lokalizacja Twojego pliku favicon. Jeśli umieściłeś go w głównym katalogu, nie będziesz musiał wskazywać pełnej ścieżki.

Konkluzja

Favicon jest małym, ale ważnym elementem tożsamości Twojej strony internetowej. Pomaga użytkownikom w szybki sposób rozpoznać Twoją witrynę wśród innych otwartych zakładek. Wdrożenie go to prosta czynność, która może przynieść duże korzyści.