Фавиконка — это небольшая картинка, которая может отображаться:
- в сниппете;
- в результатах поиска Яндекса;
- рядом с адресом сайта в адресной строке браузера;
- рядом с названием сайта в Избранном или в Закладках браузера.
Она помогает пользователям быстрее находить ваш сайт и повышает его узнаваемость в поисковой выдаче.
Пример фавиконки: 
Пример отображения фавиконки в результатах поиска:
Как установить фавиконку
Шаг 1. Разместите фавиконку на сайте
- Поместите файл с именем
faviconв корневой каталог сайта.
Рекомендации по формату, размеру и виду фавиконки
Размер: 120 × 120, 32 × 32 или 16 × 16 пикселей.
Формат: SVG (рекомендуется), ICO, GIF, JPEG, PNG, BMP. Анимация не поддерживается.
Совет
Размер 120 × 120 пикселей или формат SVG позволяют отображать логотип сайта четче и заметнее на сервисах Яндекса.
- Добавьте в HTML-код главной страницы сайта, в элемент
head, ссылку на размещенный файл.<head> ... <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon"> ... </head>Атрибут Описание Возможные значения relТип ресурса icon;shortcut icon.
hrefАдрес файла Для описания кириллического адреса фавиконки используйте Punycode. Например, для адреса https://мой-сайт.рф/favicon.icoнужно указатьhttps://xn----8sbzclmxk.xn--p1ai/favicon.ico.typeТип передаваемых данных. Зависит от формата файла image/svg+xml— для формата SVG;image/x-iconилиimage/vnd.microsoft.icon— для формата ICO;image/gif— для формата GIF;image/jpeg— для формата JPEG;image/png— для формата PNG;image/bmp— для формата BMP.
Если в HTML-коде страницы ссылка на фавиконку прописана несколько раз, робот может выбрать любую из этих фавиконок.
- Проверьте, отображается ли фавиконка в браузере при просмотре страниц сайта.
