Favicon - іконка для вашого сайту
Автор статті: Сергій Камінський
Favicon - це іконка, яка відображається в адресному рядку браузера, в закладках і у видачі пошукових систем (Яндекс), а також в деяких інших сервісах. Вона дозволяє візуально відрізнити один сайт від іншого серед безлічі вкладок у вікні браузера, або серед великої кількості посилань в закладках. Також іконка може привертати увагу до заслання на ваш сайт в деяких сервісах і вигідно виділяти його серед безлічі інших сайтів.
Створення іконки сайту favicon.ico
Для початку потрібно виготовити унікальний файл favicon.ico для вашого сайту. Для цього можна використовувати графічні редактори, які підтримують формат ico або ж можна створити gif зображення, а потім за допомогою спеціальних онлайн сервісів переконвертувати його в ico. Розміри іконки повинні бути 16х16 пікселів. Після того як іконка створена перейменовуємо її в favicon.ico і завантажуємо на сервер. Найкраще розміщувати її в корені сайту, але можна і в будь-якої папці.
Код для розміщення на сайті
Для того щоб favicon почала відображатися, потрібно між тегами <head> ... </ head> прописати наступний код якщо favicon знаходиться в кореневій директорії:
<Link rel = "icon" href = "/ favicon.ico" type = "image / x-icon"> <link rel = "shortcut icon" href = "/ favicon.ico" type = "image / x-icon" >
Якщо іконка сайту знаходиться, наприклад, в папці style, то використовуємо наступний код:
<Link rel = "icon" href = "/ style / favicon.ico" type = "image / x-icon"> <link rel = "shortcut icon" href = "/ style / favicon.ico" type = "image / x-icon ">
Якщо favicon не відображається, то перезапустіть браузер. У пошукових системах іконка з'явиться не відразу, а лише після переиндексации пошуковим роботом.
Інші записи по темі в розділі статті по HTML і CSS
Копіювання статті заборонено.
