Проверить фавикон сайта онлайн

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

Чтобы проверить фавикон на сайте, введите в форму выше адрес главной страницы (например, example.com), а не внутреннего URL: поисковики берут иконку именно с главной. Инструмент скачивает HTML, находит все теги <link>, у которых в rel есть слово icon (icon, shortcut icon, apple-touch-icon, apple-touch-icon-precomposed), читает иконки из web-manifest и, если файл .ico в коде не объявлен, отдельно проверяет, отвечает ли /favicon.ico в корне кодом 200.

Каждая найденная иконка показывается карточкой. Как её читать:

• Синий бейдж — значение rel. manifest icon значит, что иконка взята из файла манифеста; shortcut icon с адресом /favicon.ico без тега в HTML — что файл нашёлся только по стандартному пути.
• Серый бейдж — атрибут sizes, как он объявлен в коде. Это заявленный размер, а не измеренный: если в теге написано 32x32, а файл на деле 16×16, браузер и Google увидят 16×16. Откройте файл кнопкой «Скачать» и проверьте реальные пиксели.
• Тип под бейджами — атрибут type (image/png, image/svg+xml, image/x-icon).
• Знак «?» вместо картинки — браузер не смог загрузить файл по указанному адресу: 404, редирект на HTML-страницу, неверный путь или блокировка горячих ссылок. Проверьте этот URL в проверке HTTP-статуса.

Если инструмент пишет «Favicon не найден», значит, в HTML нет ни одного icon-тега, а /favicon.ico не отвечает кодом 200. Частая причина — иконку добавляет JavaScript уже после загрузки: такой тег не видят ни наш инструмент, ни часть поисковых роботов. Иконку нужно отдавать в исходном HTML.

Почему Google не показывает фавикон в выдаче

Если в результатах поиска вместо вашей иконки стоит серый глобус, сверьтесь с требованиями Google к фавикону. Основные пункты:

1. Тег на главной. На главной странице хоста должен быть <link rel="icon"> (или shortcut icon, apple-touch-icon). Google показывает одну иконку на хост: у shop.example.com может быть своя, у раздела example.com/blog/ — нет.
2. Квадрат, кратный 48 пикселям. 48×48, 96×96, 144×144, 192×192. Иконка 16×16 или 32×32 подходит для вкладки браузера, но для выдачи Google её недостаточно. У SVG ограничений по размеру нет.
3. Файл доступен роботам. Googlebot-Image должен иметь доступ к файлу иконки, Googlebot — к главной. Строки вроде Disallow: /*.ico или запрет папки, где лежит иконка (/wp-content/uploads/, /assets/), ломают показ. Проверьте файл в анализаторе robots.txt.
4. Стабильный URL. Не меняйте адрес иконки при каждом деплое (хеш в имени файла) — Google перестаёт успевать за ним.
5. Иконка соответствует бренду и не содержит неприемлемых изображений — иначе Google заменит её значком по умолчанию.

Сколько ждать и как ускорить

Фавикон обновляется не при каждом сканировании: обычно от нескольких дней до нескольких недель. Ускорить можно так: исправьте теги, убедитесь, что иконка отвечает кодом 200 и не закрыта в robots.txt, затем в Search Console откройте «Проверка URL» для главной и нажмите «Запросить индексирование». Повторные запросы ничего не ускоряют. Как будет выглядеть сниппет, можно прикинуть в превью сниппета.

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

Яндекс забирает иконку отдельным роботом YandexFavicons, поэтому в robots.txt не должно быть запретов для него и для файла иконки. Яндекс понимает /favicon.ico и тег <link rel="icon"> с PNG или SVG. Проверка та же: убедитесь здесь, что иконка находится и открывается, а затем ждите переобхода — обновление в выдаче Яндекса тоже занимает недели.

Полный набор тегов favicon в 2026 году

Двадцать вариантов иконок больше не нужны. Достаточно такого набора в <head> главной (и всех шаблонов):

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" sizes="96x96" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0f172a">

Файл site.webmanifest:

{
  "name": "Example",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ],
  "theme_color": "#0f172a",
  "background_color": "#ffffff",
  "display": "standalone"
}

ICO — для старых браузеров и программ, которые запрашивают /favicon.ico напрямую. SVG — чёткая иконка на любом экране (внутри SVG можно добавить @media (prefers-color-scheme: dark) для тёмной темы). PNG 96×96 закрывает требование Google о кратности 48. Apple Touch Icon 180×180 без прозрачности — иконка на домашнем экране iPhone. Манифест с 192 и 512 нужен Android и PWA. Если иконки из манифеста не появились в результатах проверки, убедитесь, что манифест — валидный JSON и в теге <link> атрибут rel="manifest" стоит перед href.

Размеры фавикона: таблица

Как поставить фавикон в WordPress, Tilda, Shopify и Битрикс

WordPress

Используйте штатную «Иконку сайта» (Site Icon): «Внешний вид → Настроить → Свойства сайта», в блочных темах — «Настройки → Общие». Загрузите квадратный PNG от 512×512 — WordPress сам нарежет 32×32, 180×180, 192×192 и 270×270 и выведет теги в <head>. Не дублируйте иконку SEO-плагином и вставкой в header.php: два набора тегов с разными файлами — частая причина «не той» иконки.

Tilda

Иконка загружается в настройках сайта, в разделе с иконкой сайта (favicon). Загружайте квадрат с запасом по размеру и после публикации проверьте главную здесь: иконка должна появиться в результатах, а её URL — открываться.

Shopify

«Интернет-магазин → Темы → Настроить → Настройки темы → Логотип/Favicon». Многие темы выводят иконку, уменьшенную до 32×32. Для выдачи Google этого мало — добавьте в theme.liquid ещё тег на PNG 96×96 или 192×192.

1С-Битрикс и самописные сайты

Положите favicon.ico и PNG в корень, теги из примера выше пропишите в header.php активного шаблона. Для nginx полезно не засорять логи и задать кеш:

location = /favicon.ico {
    access_log off;
    log_not_found off;
    expires 7d;
}

Почему браузер показывает старую иконку

Браузеры кешируют фавиконы отдельно от страниц, и обычное обновление (Ctrl+F5) часто не помогает. Что делать:

• Откройте файл иконки напрямую (example.com/favicon.ico) и обновите его — так перезапишется кеш именно этого файла.
• Добавьте версию к адресу: /favicon.ico?v=2, или переименуйте файл. Меняйте адрес только при смене дизайна, не на каждом деплое.
• Проверьте результат в окне инкогнито или здесь: инструмент запрашивает страницу с сервера и не зависит от кеша вашего браузера.
• Если старая иконка осталась на CDN, сбросьте кеш CDN для файла иконки.

Кеш Google — отдельная история: новая иконка появится в выдаче после переобхода главной, независимо от того, что видите вы в браузере. Иконку, которую подтягивают соцсети и мессенджеры при репосте, проверяйте в OG-отладчике — там используется og:image, а не favicon. Подробнее о работе инструмента — в документации.