Встановлюємо favicon на сайт

Швидка навігація по сторінці:

Навіщо потрібен favicon?
Яким повинен бути файл з іконкою і де він повинен знаходитися?
Як додати на сайт?

Питання про те, як встановити фавикон на сайті, є досить простим, однак чомусь багато вебмастера цим питанням нехтують і не встановлюють іконку для свого сайту. Про те, чому все-таки це важливо і як це правильно зробити — читайте нижче.

Зміст

Навіщо потрібен favicon?

Favicon — це іконка, яка за замовчуванням має формат 16 на 16 пікселів і відображається у верхній частині вкладки браузера поруч з назвою сайту. Якщо іконка не вказано або вказано неправильно, то тоді в браузері поруч з назвою сайту просто малюється значок самого браузера (наприклад, значок Firefox або Google Chrome).

Проте насправді роль цієї картинки полягає не тільки в оздобленні браузера. Справа в тому, що ці картинки виводяться в пошуковій видачі Яндекса (якщо іконка не задано — показується пусте місце). Уявіть ситуацію, що Яндекс запропонує користувачеві на його запит два приблизно однакових сайту, але до одного з них буде додатково проставлена іконка — на який сайт більш ймовірно перейде користувач? Звичайно, в першу чергу він перейде на сайт, запропонований першим за списком, але саме наявність картинки, яка завжди приємніша користувачеві, ніж текст, може залучити відвідувача саме на ваш сайт.

Крім того, не можна виключати і того обставини, що наявність або відсутність фавіконки може враховуватися Яндексом як один з незначних чинників ранжирування. Достеменно це невідомо, але якщо Яндекс враховує більше 300 різних чинників при ранжируванні сайтів в пошуковій видачі, то, бути може, наявність іконки також може враховуватися при визначенні якості ресурсу.

Таким чином, якщо ви робите гарний і якісний сайт, то іконка у нього обов’язково повинна бути проставлена.

Про те, як зробити іконку ico, у нас є окрема стаття (посилання), тому перейдемо відразу до розгляду питання про те, яким повинен бути фавикон.

Яким повинен бути файл з іконкою і де він повинен знаходитися?

Історично склалося, що для сайтів використовується формат .ico. Особливість цього формату полягає в тому, що всередині одного .ico-файлу може зберігатися кілька картинок розміром від 16х16 до 64х64 (розмір повинен бути кратним восьми). Правда, для веб-сайтів насправді використовується тільки формат 16х16 — ні Яндекс, ні браузер не будуть показувати інший розмір іконки.

Відповідний Файл у форматі .ico можна створити з допомогою графічного редактора або безлічі доступних в мережі онлайн-сервісів. Важливо, щоб даний файл мав назву favicon.ico.

Теоретично, зберегти файл у папці з файлами сайту, але вкрай рекомендується зберігати його саме в кореневій директорії вашого ресурсу — щоб він завжди був доступний за адресою vash-site.ru/favicon.ico, так як за замовчуванням саме там його шукають пошуковики і браузери.

Як додати на сайт?

Додавання іконки для вашого ресурсу є дуже простим: достатньо лише прописати необхідний html-код між тегами <head></head< вашого сайту.

Для додавання favicon html код є наступним:

Після того, як додасте цей код на сторінки своєї сторінки, оновити кеш браузера (його потрібно повністю стерти), і, якщо все зроблено правильно і файл з картинкою завантажений на сайт, то картинка почне відображатися в браузері.

Правда, не чекайте її миттєвого відображення в пошуковій видачі Яндекса. Справа в тому, що у цієї пошукової системи для фавіконок існує окремий робот, який може оновлювати свою базу іконок протягом декількох місяців. У зв’язку з цим, ваша іконка може з’явитися у видачі Яндекса як через два тижні, так і через пару місяців, хвилюватися з цього приводу не варто.