Як правильно поставити favicon на сайт - sheludiackow it blog

Як правильно поставити favicon на сайт

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

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

Зазвичай Favicon я роблю з підготовленою картинки в форматі .png і розміром 120 x 120 pixels. Але на цьому все не закінчується. Favicon повинен бути в форматі .ico

Для того щоб перетворити .png в .ico я використовую програму IrfanView.

Для перетворення в .ico існують онлайн конвертори. Наприклад Convertio.co.

Готовий фавікон розміщується в кореневому каталозі сайту.

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

Перевіряємо favicon в пошукових системах Яндекс і Google

(Де міняємо в кінці www.yandex.ru на свій домен).

(А тут в кінці замість www.google.com так само вписуємо ім'я перевіряється сайту).

В обох випадках ми побачили, відображається favicon в пошуку Яндекса і Google чи ні.

Якщо не відображається фавікон в браузері після установки потрібно:

1. перезапустити браузер;

3. перевірити правильність створення і установки фавікона.

Чому не відображається favicon в пошуку Яндекса:

1. У пошуковій видачі Яндекса favicon з'явиться тільки після того, як сайт відвідає робот і проиндексирует вашу іконку. Тому запасіться терпінням і почекайте.

2. Скопіюйте ось цей код:

3. Вставте його в файл index.php прямо перед закриває тегом (См.скрін нижче) і обновіть. Тільки не забудьте вместоваш сайт - написати свій домен.

От і все. Чекаємо коли робот відвідає сайт і проиндексирует іконку (майже завжди, чекати близько місяця).