Jak dodać favicon na swoją stronę?
Favicon, czyli favorit icon, to mały obrazek, który pojawia się obok tytułu strony w zakładkach przeglądarki oraz w wynikach wyszukiwania. Dodanie faviconu do swojej strony internetowej może pomóc wyróżnić ją spośród innych i zapewnić profesjonalny wygląd. W tym artykule dowiesz się, jak dodać favicon na swoją stronę.
1. Przygotowanie ikony
Przed przystąpieniem do dodawania faviconu, powinieneś przygotować ikonę w odpowiednich wymiarach. Standardowy rozmiar faviconu to 16×16 pikseli, jednak wiele przeglądarek wspiera również większe rozmiary, np. 32×32 piksele. Możesz użyć narzędzi graficznych, takich jak Photoshop, GIMP lub online generators, aby utworzyć swoją ikonę favicon. Upewnij się, że obrazek jest zapisany w formacie .ico lub .png.
2. Dodanie faviconu do folderu strony
Po przygotowaniu ikony faviconu, umieść ją w głównym folderze swojej strony internetowej. Upewnij się, że plik faviconu ma nazwę “favicon.ico” i jest bezpośrednio w głównym katalogu strony. Należy pamiętać, że favicon może również znajdować się w podfolderach, ale wtedy musisz użyć odpowiedniej ścieżki do pliku.
3. Dodanie odnośnika w sekcji head
Aby przeglądarka mogła znaleźć i wyświetlić favicon na Twojej stronie, musisz dodać odnośnik w sekcji head. W tym celu użyj kodu HTML:
Dodanie odnośnika w sekcji head
“`html
“`
Upewnij się, że ścieżka do pliku odpowiada lokalizacji faviconu na Twojej stronie. Jeśli favicon jest w innym folderze niż główny katalog, musisz podać pełną ścieżkę.
4. Zaktualizowanie kodu strony
Na koniec, nie zapomnij zaktualizować kodu na swojej stronie internetowej, dodając odwołanie do faviconu. W sekcji head wstawiono już kod odnośnika, więc teraz możesz go dodać do każdej strony swojej witryny. Wyszukiwarki automatycznie wykryją favicon i wyświetlą go obok tytułu strony.
Zaktualizowanie kodu strony
“`html
“`
Podsumowanie
Dodanie faviconu na swoją stronę internetową może pomóc wyróżnić ją w tłumie i zapewnić profesjonalny wygląd. Przygotowanie odpowiedniej ikony, umieszczenie jej w folderze strony oraz dodanie odnośnika w sekcji head to trzy proste kroki, które pozwolą Ci dodać favicon na swoją stronę. Nie zapomnij również zaktualizować kodu strony, aby wyświetlić favicon na każdej stronie Twojej witryny. Pamiętaj, że favicon powinno być odpowiednich rozmiarów i formatu, aby działał poprawnie.
