Favicon не отображается в яндексе
На вопрос, почему favicon не отображается в яндексе, ищут ответ владельцы сайтов и разработчики. В результатах поиска Яндекса рядом с названием каждого сайта видна иконка — это файл favicon. Когда фавикон сайта не отображается правильно, сайт выглядит незаконченным. На форумах много вопросов о том, почему favicon сайта не показывается в выдаче Яндекса. Может показаться, что это мелочь, но иконка в поиске влияет на поведение пользователя — люди охотнее кликают на сайты с видимыми фавиконками. Фавикон не отображается обычно из-за ошибки в коде сайта, неверного формата файла или неправильной ссылки на файл. Разберёмся, почему так происходит в Яндексе и как быстро исправить проблему.
Неправильный синтаксис тега и путь к файлу favicon
Самая частая причина того, что фавикон не отображается в результатах поиска, — ошибка в коде страницы сайта. В блоке head нужно указать точный путь к файлу через элемент link rel icon. Вот как это выглядит:
<link rel="icon" type="image/png" href="/favicon.png">
Робот Яндекса ищет именно эту структуру. Если какой-то атрибут забыт или написан неправильно, поисковая система не найдёт ссылку на файл.
Типичные ошибки разработчиков, из-за которых фавикон
не отображается: — Тег link находится вне секции head на странице
сайта — Забыли атрибут rel="icon" в теге — Неверно
указан путь к файлу (написали favicon.png вместо
/favicon.png) — Отсутствует атрибут type с указанием
format (например, type="image/png") — На главную
страницу сайта тег добавлен, а на остальные страницы нет
Проверьте исходный код своего сайта. Откройте любую страницу
в браузере, нажмите Ctrl+U, найдите блок head и ищите строку с link
rel="icon". Если её нет — это объясняет, почему фавикон не работает
в выдаче.
Для индексации фавикона Яндекс требует, чтобы тег был одинаков на главной странице и всех остальных. Система поиска может игнорировать разные иконки для разных разделов сайта.
Поддерживаемые форматы: что принимает Яндекс
Не все форматы изображений одинаково работают в поисковой выдаче. Яндекс поддерживает конкретные расширения для favicon:
Рекомендуемые: PNG, ICO, SVG Допустимые: JPG (JPEG), GIF, BMP
Но есть важный момент. В теге link вы указываете
type="image/..." — это подсказка роботу, какой формат
ожидать. Если в коде сайта написано type="image/png",
но файл на самом деле имеет расширение .ico, Яндекс может отказаться
обработать иконку. Проверьте, что расширение файла совпадает
с указанным type.
PNG считается оптимальным форматом для поиска Яндекса. Этот формат хорошо масштабируется, поддерживает прозрачность и занимает меньше объёма, чем бесплатные форматы вроде BMP.
SVG — векторный формат, который автоматически масштабируется под любой размер. Если использовать SVG для favicon, иконка будет чёткой при любом разрешении экрана. Однако требования к SVG строже: файл должен быть корректно написан.
Google поддерживает примерно те же форматы, но требования немного другие. Если нужно, чтобы фавиконка появилась одновременно в Яндексе и Google, выбирайте PNG или SVG.
Размер пикселей влияет на видимость в выдаче
Размер изображения критичен для отображения в результатах поиска. Стандартные размеры для favicon:
16×16 пикселей — для вкладки браузера и закладок 32×32 пикселя — для истории браузера 120×120 пикселей — именно этот размер используется в выдаче Яндекса
Робот ищет файл разрешением 120 120 пикселей. Если его нет, система попытается масштабировать меньший файл, и иконка появится размытой или вообще не покажется.
Укажите несколько тегов с разными размерами на главную страницу и все остальные:
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-120x120.png" sizes="120x120">
Проверьте размер пикселей вашего файла — откройте через графический редактор или сервисы вебмастера Яндекса. Если размер 120 120 указан неправильно, это объясняет, почему фавикон не отображается в результатах поиска нормально.
Требования Яндекса отличаются от требований браузеров
Вот почему фавикон работает в вкладке браузера, но не появляется в поисковой выдаче. Это две разные системы с разными правилами.
Браузер может найти favicon несколькими способами. Первый — файл
favicon.ico в корне сайта (без какого-либо тега в коде). Второй —
через тег link rel="icon" в блоке head на странице сайта. Браузер
ищет обоими путями.
Яндекс ищет только одним способом — через явный тег link rel="icon"
на страницах. Если на сайте есть файл favicon.ico в корне, но нет
тега в коде, браузер покажет иконку, а в выдаче Яндекса её не будет.
Это вызывает вопрос: почему фавикон работает локально, но о нём
не знает поисковая система?
Google работает похожим образом — требует тег link. Но Google дополнительно может проверить файл /favicon.ico в самом корне сайта. Яндекс этого не делает и ищет только по явному указанию в коде.
Кеш браузера и серверный кеш скрывают изменения
Когда вы добавили новый файл favicon или изменили тег, иконка может не обновиться сразу. Это результат кеширования на разных уровнях.
Кеш браузера запоминает старую версию файла. Когда пользователь приходит на сайт в следующий раз, браузер берёт иконку из памяти, а не скачивает новую. На сайте может быть новый файл, но на экране пользователя остаётся старый.
Серверный кеш работает по тому же принципу. Если провайдер хостинга кеширует статические файлы, Яндекс может скачать устаревшую версию при переиндексации.
Чтобы заставить пересчёт: — Очистите кеш браузера на своём
компьютере — На сервере удалите старый файл или очистите кеш
хостинга — Добавьте версию к названию файла в теге:
href="/favicon.png?v=2"
Параметр версии заставляет браузер и робот Яндекса загрузить именно новый файл, а не использовать закешированную копию.
Сроки появления favicon в выдаче поиска
После того как вы исправили синтаксис и загрузили файл, фавикон не появится в результатах поиска Яндекса сразу. Сроки индексации фавикона зависят от частоты посещений сайта роботом.
От момента изменения кода до появления иконки в выдаче может пройти от нескольких дней до двух недель. Крупные сайты переиндексируются чаще, небольшие проекты дольше ждут.
Ускорить процесс индексации фавикона можно через Яндекс.Вебмастер. Отправьте в разделе индексации запрос на переобход страниц сайта. Робот приедет быстрее.
Не стоит ждать, что фавикон появится одновременно везде. Для Google сроки отличаются — может быть месяц и больше. Каждая система поиска работает по собственному расписанию. Будьте терпеливы: если неделю назад вы исправили все ошибки, проверьте результаты через две недель.