Перейти к содержанию
98Files

Favicon не отображается в яндексе

На вопрос, почему favicon не отображается в яндексе, ищут ответ владельцы сайтов и разработчики. В результатах поиска Яндекса рядом с названием каждого сайта видна иконка — это файл 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 сроки отличаются — может быть месяц и больше. Каждая система поиска работает по собственному расписанию. Будьте терпеливы: если неделю назад вы исправили все ошибки, проверьте результаты через две недель.

Как исправить фавикон в результатах поиска Яндекса

Диагностика проблемы

Перед исправлением фавикона обязательно проверьте, действительно ли он не отображается в поисковой выдаче. Откройте результаты поиска Яндекса по названию вашего сайта — иконка должна показываться рядом с названием домена. Если иконка отсутствует в выдаче Яндекса, причина кроется в файле favicon или в HTML-коде сайта.

Исправление файла и кода

Файл favicon в формате PNG или ICO размером ровно 16×16 пикселей должен находиться в корне вашего сайта. Распространённая ошибка — неправильный путь к файлу. В разделе <head> HTML используйте синтаксис: <link rel="icon" href="/favicon.ico">. После обновления загрузите файл на сервер через FTP или панель управления хостинга.

Переиндексация в Яндекс.Вебмастере

Отправьте главную страницу сайта на переиндексацию через Яндекс.Вебмастер в разделе индексации. Робот Яндекса переобойдёт сайт в течение двух недель. Фавикон появится в результатах поиска Яндекса постепенно. Проверьте через несколько недель — переиндексация требует времени для диагностики и обновления.

Наверх