Подключайте favicon в заголовке страницы, между тегами

<head>...</head>

#1 Указывайте тип соединяемого файла.

<link type="image/x-icon" rel="shortcut icon" href="путь_к/favicon.ico" />

#2 Формат .ico можно заменить изображением .gif или .png
Измените тип подключаемого файла на /png

<link type="image/png" rel="shortcut icon" href="путь_к/favicon.png" />

Предварительно подготовьте изображение в Photoshop в формате PNG-24 с разрешением 16x16px (можно и больше), с .gif всё аналогично.

#3 Еще один способ

<link rel="icon" href="путь_к/favicon.png" sizes="32x32" />

В результатах поисковой выдачи Яндекс корректно отображает только способ #1

Хороший сервис для конвертирования изображений в формат .ico http://tools.dynamicdrive.com/favicon/
Хотя можно обойтись и без всяких сервисов, подготовьте изображение и вручную поменяйте его расширение на .ico

Данная публикация старше 4-х лет. Возможно существуют более рациональные способы решения рассматриваемой задачи или вопроса.

Выразить благодарность

Если эта публикация оказалась для Вас полезной и вы хотите выразить свою благодарность, сделайте пожалуйста её репост в социальных сетях или на своём сайте.

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: