BLKHT

Как сделать фавикон для сайта и добавить его в Яндекс и Google

Как сделать фавикон для сайта: какие размеры и форматы требуют Яндекс и Google, как добавить ссылку в head и проверить, что файл доступен роботу.

Фавикон - маленький значок сайта, который виден во вкладке браузера, в закладках и рядом с адресом сайта в результатах поиска. Проблема в том, что справки Яндекса и Google по фавикону расходятся: разные размеры, разные списки форматов, разные сроки. Ниже - как сделать фавикон для сайта по обоим первоисточникам: их требования раздельно, один комплект файлов под требования обоих и причины, по которым значок не появляется или показывается не тот, - так, как их называет справка Яндекса. Связаться в Telegram: t.me/billioniks.

Что такое фавикон и зачем он сайту

Коротко: по справке Яндекса, фавикон помогает пользователям быстрее находить сайт и повышает его узнаваемость в поисковой выдаче.

Яндекс описывает фавикон как картинку, которая «может отображаться в сниппете, в результатах поиска Яндекса, рядом с адресом сайта в адресной строке браузера, рядом с названием сайта в Избранном или в Закладках браузера» (Яндекс Вебмастер, «Фавиконка»). Функция везде одна: пользователь узнаёт сайт по значку.

Дальше в статье - два разных первоисточника, у которых разные требования к одному и тому же файлу. Читать по порядку: сначала Яндекс, потом Google, потом - как собрать один комплект под оба сразу.

Какой размер и формат фавикона требует Яндекс?

Коротко: Яндекс называет три размера и шесть форматов, SVG - в приоритете.

Справка даёт это одной строкой: «Размер: 120 × 120, 32 × 32 или 16 × 16 пикселей. Формат: SVG (рекомендуется), ICO, GIF, JPEG, PNG, BMP. Анимация не поддерживается» (Яндекс Вебмастер, «Фавиконка»). Отдельно поясняется, зачем именно SVG или крупный размер: «Размер 120 × 120 пикселей или формат SVG позволяют отображать логотип сайта четче и заметнее на сервисах Яндекса» (там же).

Это требования только Яндекса. Ниже - требования Google, и они другие.

Какой размер и формат нужен для Google?

Коротко: Google просит квадратное изображение от 8×8 пикселей (лучше от 48×48) и список из семи форматов, где SVG не значится вовсе.

Google Search Central формулирует условие так: «Значок сайта должен быть квадратным изображением (соотношение сторон 1:1) размером не меньше 8 x 8 пикселей. Мы рекомендуем использовать значок сайта размером от 48 x 48 пикселей» (Google Search Central, «Как показывать значок сайта в результатах поиска»). Формат - отдельным перечнем: «Google Поиск поддерживает следующие форматы файлов для значка сайта: BMP, GIF, ICO, PNG, JPEG, PPM и TIFF» (там же). SVG в этом списке нет - справка его просто не называет, ни как рекомендуемый, ни как поддерживаемый.

Есть ещё одно правило, которого нет у Яндекса: «У каждого сайта в Google Поиске может быть только один значок, при этом сайт определяется именем хоста» (там же). Практический смысл - example.com и news.example.com считаются разными сайтами и могут иметь разные значки, а example.com/news - это подкаталог того же хоста, и значок у него общий с главной страницей.

Какой комплект файлов подходит и Яндексу, и Google?

Коротко: один SVG плюс один квадратный PNG или ICO размером 120×120 пикселей попадают в требования и Яндекса, и Google.

ПараметрЯндексGoogle
Размер120×120, 32×32 или 16×16 pxквадрат 1:1, от 8×8 px, рекомендуется от 48×48 px
SVGрекомендуетсяне входит в список поддерживаемых форматов
Другие форматыICO, GIF, JPEG, PNG, BMPBMP, GIF, ICO, PNG, JPEG, PPM, TIFF
Анимацияне поддерживаетсяне оговорена отдельно
Область действияотдельного правила нетодин значок на имя хоста; поддерживается главная страница уровня домена или субдомена, не подкаталога

Из таблицы видно: SVG-файл сам по себе закрывает рекомендацию Яндекса, но не входит в список форматов Google. Значит, нужен второй файл - квадратный PNG или ICO размером 120×120 пикселей: такой размер есть в списке Яндекса и больше 48×48, которые рекомендует Google, а оба формата есть в обоих списках. В корне сайта это два файла: favicon.svg (для Яндекса) и favicon.ico или favicon.png 120×120 (для обоих).

Как разместить фавикон на сайте и прописать ссылку в head

Коротко: файл кладётся в корневой каталог сайта, а в <head> главной страницы добавляется тег <link> с адресом файла и его типом.

Яндекс описывает шаг так: «Поместите файл с именем favicon в корневой каталог сайта» и «Добавьте в HTML-код главной страницы сайта, в элемент head, ссылку на размещенный файл» (Яндекс Вебмастер, «Фавиконка»). Google формулирует тот же шаг почти так же: «В заголовок главной страницы сайта добавьте тег <link>» (Google Search Central, «Как показывать значок сайта в результатах поиска»).

Пример тега из справки Яндекса (в справке Google тот же тег приведён без type: <link rel="icon" href="/path/to/favicon.ico">):

``html <head> ... <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon"> ... </head> ``

  1. Поместите файл(ы) в корень сайта - например, https://example.com/favicon.svg и https://example.com/favicon.ico.
  2. Добавьте <link> в <head> главной страницы для каждого файла - у Яндекса допустимы значения rel="icon" и rel="shortcut icon"; Google поддерживает те же два значения, а также apple-touch-icon и apple-touch-icon-precomposed для устройств Apple (Google Search Central, «Как показывать значок сайта в результатах поиска»).
  3. Укажите верный type по формату файла: image/svg+xml для SVG, image/x-icon или image/vnd.microsoft.icon для ICO, image/png для PNG (Яндекс Вебмастер, «Фавиконка»).
  4. Проверьте отображение в браузере - откройте главную страницу и посмотрите на вкладку.

Важно. Если ссылка на фавикон в HTML-коде прописана несколько раз, «робот может выбрать любую из этих фавиконок» (Яндекс Вебмастер, «Фавиконка»).

Как проверить, что фавикон доступен роботу Яндекса?

Коротко: файл должен отвечать 200 OK и не быть закрыт директивой Disallow - ни сам, ни через каталог, в котором он лежит.

Справка называет два условия: «Файл доступен по прямой ссылке (ответ сервера 200 OK)» и «Файл не запрещен для индексирования (например в robots.txt с помощью директивы Disallow). Может быть запрещен не сам файл, а каталог, в котором он размещается» (Яндекс Вебмастер, «Фавиконка»). Проверить первое можно инструментом «Проверка ответа сервера» в Вебмастере. Второе стоит проверить руками в файле robots.txt (как этот файл устроен, разобрано в статье «Robots.txt: что это и как составить файл для своего сайта»). Директива Disallow: / (или Disallow: /имя-каталога) закрывает от робота всё, что находится по этому пути, включая файл фавикона, даже если сам файл в robots.txt не упомянут (Яндекс Вебмастер, «Директивы Disallow и Allow»).

Где посмотреть статус фавикона в Яндекс Вебмастере?

Коротко: статус - на странице «Оптимизация сайта → Диагностика сайта», в общем списке того, что проверяет сервис.

Справка описывает это так: «Чтобы убедиться, что фавиконка загружена, на странице Оптимизация сайта → Диагностика сайта нажмите Посмотреть всё, что проверяет Вебмастер и найдите предупреждение о фавиконке. Если отображается статус Всё в порядке, значит робот обработал файл» (Яндекс Вебмастер, «Фавиконка»). Если статус вместо этого показывает ошибку, таблица в справке связывает конкретный текст ошибки с причиной: код ответа не 200 OK, редирект на другой адрес или неверный type в теге. Как добавить сам сайт в сервис и подтвердить права на него - отдельный первый шаг, который разобран в статье как добавить сайт в Яндекс Вебмастер.

Как ускорить проверку фавикона в Google?

Коротко: справка Google называет для этого общий инструмент проверки URL - через него запрашивают индексирование главной страницы.

Справка пишет: «Вы можете запросить индексирование главной страницы сайта с помощью инструмента проверки URL» (Google Search Central, «Как показывать значок сайта в результатах поиска»). Другого способа ускорить появление значка эта справка не называет.

Через сколько дней фавикон появится в поиске?

Коротко: у Яндекса - в течение двух недель после того, как робот загрузил файл; если значок меняли и отправили главную на переобход - в течение трёх дней. У Google повторное сканирование главной занимает от нескольких дней до нескольких недель, и показ значка Google не гарантирует.

Яндекс называет два срока для двух ситуаций. Обычный обход: «Если робот загрузил фавиконку, она появится в результатах поиска в течение двух недель» (Яндекс Вебмастер, «Фавиконка»). После замены файла и переобхода главной через «Индексирование → Переобход страниц» - быстрее: «Фавиконка обновится в результатах поиска в течение трех дней» (там же; Яндекс Вебмастер, «Переобход страниц»). У Google формулировка более осторожная: «сканирование может занять как несколько дней, так и несколько недель, в зависимости от того, как часто наши системы определяют необходимость обновления контента» (Google Search Central, «Как показывать значок сайта в результатах поиска»). Google отдельным пунктом правил предупреждает, что показ не гарантирован: «Значок может не появляться в результатах, даже если все указанные здесь требования выполняются» (там же).

Почему в выдаче стоит значок хостинга вместо своего?

Коротко: если во время обхода сайт был недоступен роботу, вместо вашего файла может подставиться значок хостинга со страницы-заглушки.

Яндекс объясняет это прямо: «Если во время обхода сайт недоступен для робота, в поисковой выдаче вместо вашей фавиконки может отобразиться фавиконка вашего хостинга» (Яндекс Вебмастер, «Фавиконка»). В форме обращения в поддержку, в пункте «У сайта пропала фавиконка», та же причина названа для исчезновения значка: «Такая ситуация возможна, если в момент обхода специальным роботом фавиконка, сайт или его хостинг были недоступны» (там же).

Почему фавикон разный на www и без www

Коротко: для Яндекса example.com и www.example.com - формально разные адреса, и фавикон нужно проверять для обоих.

Справка описывает эту причину в разделе о некорректной фавиконке: «Если сайт доступен по адресам с префиксом www и без него, по протоколам HTTPS и HTTP, проверьте, что фавиконка везде одинаковая или именно та, которая должна индексироваться для каждого из сайтов» (Яндекс Вебмастер, «Фавиконка»). Практически это значит: если сайт открывается и по www.example.com, и по example.com (или и по HTTP, и по HTTPS), откройте файл фавикона по каждому из этих адресов и убедитесь, что везде лежит один и тот же значок или тот, который вы хотите видеть для этого адреса.

Что делать, если поменяли логотип или хотите убрать фавикон

Коротко: чтобы значок обновился - замените файл на сайте; чтобы убрать - удалите файл; в обоих случаях изменения видны в выдаче не сразу.

Яндекс формулирует оба случая коротко: «Чтобы фавиконка изменилась в результатах поиска, обновите файл фавиконки на сайте» и «Чтобы удалить фавиконку из поиска, удалите файл с сайта. Изменения заработают в течение двух недель после очередного посещения сайта роботом» (Яндекс Вебмастер, «Фавиконка»). Тот же принцип из раздела про сроки выше применим и здесь: отправка главной страницы на переобход после замены файла ускоряет обновление до трёх дней.

Что дальше после того, как фавикон готов

Коротко: фавикон - один из сигналов узнаваемости сайта в поиске; текст сниппета (title и description) и права на сайт в Вебмастере - отдельные, но связанные задачи.

Фавикон не заменяет текст сниппета в выдаче. Заголовок и описание под значком - отдельная задача, разобранная в статье как правильно написать title и description; там о самом значке речи нет, это разные части одной страницы результатов поиска. А если сайт ещё не добавлен в Яндекс Вебмастер или права на него не подтверждены - статус фавикона в Диагностике сайта попросту не появится. С этого стоит начать, если вы ещё не проходили этот шаг: статья как добавить сайт в Яндекс Вебмастер.

Источники

- Яндекс Вебмастер, «Фавиконка» - https://yandex.ru/support/webmaster/ru/search-results/favicon.md (проверено 26.09.2026)

- Google Search Central, «Как показывать значок сайта в результатах поиска» - https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ru (обновлено 11.09.2026, проверено 26.09.2026)

- Яндекс Вебмастер, «Директивы Disallow и Allow» - https://yandex.ru/support/webmaster/ru/robot-workings/allow-disallow.md (проверено 26.09.2026)

- Яндекс Вебмастер, «Переобход страниц» - https://yandex.ru/support/webmaster/ru/robot-workings/site-reindex.md (проверено 26.09.2026)

Рабочий контакт BLKHT - Telegram t.me/billioniks.

Ещё статьи
Автоматизация чатов в Telegram: где включить и какие права у ботаАвтоматизация чатов в Telegram: что это, где включить в настройках и какие права получает подключённый бот. Разбор версий 2024 и 2026 года.Автоответ в Яндекс Почте: как включить на время отпускаАвтоответ в Яндекс Почте: как включить автоответчик на период отпуска и когда вместо него нужен ответ по условию, например по слову «Срочно» в теме.Как добавить организацию на Яндекс Карты бесплатноКак добавить организацию на Яндекс Карты через Яндекс Бизнес: с офисом и без него, если компания уже есть на Картах, сроки проверки и ошибки при заполнении.