Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram

Проверить фавикон сайта онлайн: какие размеры нужны и почему Google не показывает favicon

Проверить фавикон сайта онлайн: иконки ICO, PNG, SVG и Apple Touch Icon с размерами и превью

Что вы получите

  • Список всех иконок сайта — ICO, PNG, SVG, Apple Touch Icon — с размерами и превью, бесплатно
  • Минимальный набор favicon, который нужен сайту в 2026 году, и готовый код
  • Причины, по которым Google показывает серый глобус вместо вашей иконки
Применить: за 10 минутЭкономит: доверие и узнаваемость в выдаче и во вкладках браузера

Короткий ответ: чтобы проверить фавикон сайта онлайн, введите домен в бесплатную Проверку Favicon PromoPilot и нажмите «Проверить». Инструмент найдёт все иконки, объявленные в HTML и лежащие по стандартным путям вроде /favicon.ico, покажет превью и размер каждой, проверит Apple Touch Icon и подскажет, каких размеров не хватает. Ниже — минимальный набор иконок, готовый код и причины, по которым Google показывает серый глобус вместо вашего логотипа.

Я делаю сайты 12 лет и знаю: favicon забывают чаще любого другого элемента. Дизайнер рисует логотип, разработчик собирает сайт, а иконку во вкладке так никто и не поставил — до первого вопроса клиента «а почему у конкурента в Google значок, а у нас нет?».

Что проверяет Проверка Favicon?

Иконка сайта давно перестала быть одним файлом favicon.ico. Браузеры, iPhone, Android и Google используют разные файлы и размеры. Инструмент собирает их все в один отчёт.

Что проверяет Что смотрит Зачем это сайту
Иконки из HTML Все теги <link rel="icon">, shortcut icon, apple-touch-icon Именно их браузеры и Google берут в первую очередь
Стандартные пути /favicon.ico в корне сайта и другие типовые адреса Многие системы ищут иконку там даже без тега
Размер каждой иконки Ширина и высота в пикселях, формат ICO, PNG, SVG Мелкая иконка размывается на экранах высокой чёткости
Apple Touch Icon Есть ли иконка для iPhone и iPad Без неё на экране «Домой» будет скриншот страницы
Превью Как выглядит каждая найденная иконка Видно битые, пустые или чужие (шаблонные) значки
Рекомендации Каких размеров не хватает Готовый список задач для дизайнера

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

Проверка favicon за 3 шага: ввести домен, нажать «Проверить», изучить найденные иконки, размеры и рекомендации

  1. Откройте Проверку Favicon.
  2. Введите домен — достаточно example.com, без указания страницы.
  3. Нажмите «Проверить». Инструмент проанализирует HTML главной и стандартные пути.
  4. Просмотрите найденные иконки: превью, формат и размер каждой. Обратите внимание, нет ли среди них стандартного значка CMS или хостинга.
  5. Прочитайте рекомендации и передайте недостающие размеры дизайнеру или сделайте их сами.

Страница инструмента: поле для домена, кнопка «Проверить» и описание проверок с FAQ.

Страница бесплатного инструмента «Проверка Favicon» PromoPilot: поле для домена, поиск всех иконок и проверка Apple Touch Icon

Проверка лёгкая — гостевого лимита хватит, чтобы проверить свой сайт и пару сайтов конкурентов для сравнения. Иконки любого сайта можно посмотреть и скачать — удобно, если нужно найти исходник собственного логотипа, потерянный вместе со старым подрядчиком.

Какие размеры favicon нужны в 2026 году?

Генераторы иконок часто выдают по 20 файлов, но реально нужен компактный набор. Вот минимум, который я ставлю на все свои проекты:

Файл Размер Где используется
favicon.ico 16×16 и 32×32 в одном файле Старые браузеры, системы, которые ищут иконку в корне
favicon.svg Векторная Современные браузеры, чёткая на любом экране
apple-touch-icon.png 180×180 iPhone и iPad, экран «Домой»
icon-192.png и icon-512.png 192×192 и 512×512 Web-manifest: Android, установка сайта как приложения

И код для <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Совет по дизайну: на 16 пикселях логотип с текстом превращается в пятно. Используйте символ, первую букву названия или упрощённый знак на контрастном фоне. Для Apple Touch Icon не делайте прозрачный фон — iOS зальёт его чёрным.

Как сделать favicon самому, без дизайнера?

Если иконки нет вовсе, сделать базовый набор можно за полчаса. Порядок такой:

  1. Возьмите знак, а не логотип целиком. Первая буква названия, символ из логотипа или простая геометрическая фигура в фирменном цвете. Проверьте, что на 16 пикселях её можно узнать.
  2. Нарисуйте квадрат 512×512. Подойдёт любой графический редактор или онлайн-конструктор. Оставьте небольшие поля по краям, чтобы знак не упирался в границы.
  3. Сохраните исходник в SVG — из него получится favicon.svg, а все PNG нужных размеров можно нарезать без потери качества.
  4. Сгенерируйте остальные размеры (ICO, 180, 192) в генераторе иконок и положите файлы в корень сайта.
  5. Вставьте код в head и проверьте результат в инструменте ещё раз.

Отдельно проверьте, как иконка выглядит на тёмной теме браузера: чёрный знак на прозрачном фоне во вкладке тёмного Chrome просто исчезает. Спасает светлая подложка или контрастный контур.

Почему Google не показывает favicon сайта?

Самый частый вопрос. Если в выдаче рядом с адресом серый глобус, причин обычно несколько:

  1. Иконка не квадратная. Google требует соотношение сторон 1:1 и размер не меньше 8×8, а рекомендует — больше 48×48: крошечный favicon.ico 16×16 в выдаче выглядит размыто.
  2. Иконка закрыта от робота. Googlebot-Image должен иметь доступ к файлу иконки, а Googlebot — к главной. Если папка с картинками запрещена в robots.txt или файл отдаётся с ошибкой, значка в выдаче не будет.
  3. Тег стоит не на главной. Google берёт favicon с главной страницы домена или поддомена; главная раздела вроде example.com/shop не подходит.
  4. Адрес иконки нестабилен. Если путь меняется при каждой сборке сайта (/icon.a83f2.png), Google может не успевать его обновить.
  5. Прошло мало времени. После исправления Google обновляет иконку не сразу; ускорить можно запросом повторного сканирования главной в Search Console. Точных сроков Google не называет, так что проверяйте выдачу не раньше чем через несколько дней.
  6. Иконка нарушает правила. Неприемлемые изображения Google заменяет стандартным значком.

Сравнение: Проверка Favicon и альтернативы

Инструмент Что бесплатно Ограничения Кому подходит
PromoPilot — Проверка Favicon Все иконки из HTML и стандартных путей, размеры, превью, Apple Touch Icon, рекомендации Не создаёт иконки, проверяет главную Быстро проверить свой сайт или конкурента
RealFaviconGenerator Генерация набора иконок и кода, проверка favicon Генератор выдаёт много файлов, нужно разобраться, какие оставить Тем, кому нужно сделать иконки с нуля
Google Search Console Запрос повторного сканирования главной Только свой подтверждённый сайт, иконку не проверяет Ускорить обновление значка в выдаче
Инструменты разработчика в браузере Вкладка с манифестом и иконками Нужно знать, где искать Разработчикам

Вывод: для проверки удобнее онлайн-инструмент, для создания набора — генератор, для ускорения обновления в Google — Search Console.

Кстати, у PromoPilot 87 бесплатных SEO-инструментов. Как favicon выглядит рядом с заголовком в выдаче, удобно смотреть в SERP-превью — о нём есть отдельная статья в нашей серии.

Какие ограничения у проверки favicon?

Инструмент проверяет то, что сайт объявляет и отдаёт: он не скажет, когда Google обновит значок в выдаче, — это решает сам поисковик. Если иконки подключаются скриптом уже после загрузки страницы, часть из них может не попасть в отчёт. И проверка смотрит на домен в целом — если у разных разделов сайта разные иконки (например, поддомен магазина), проверьте их отдельно.

Когда бесплатного инструмента мало?

Сайт без favicon и с полным набором иконок: серый глобус в Google против своей иконки и Apple Touch Icon

Favicon — мелочь, которая редко требует специалиста. Но бывают случаи, когда мелочь — симптом. Помощь нужна, если:

  • иконка правильная, а Google месяцами показывает глобус — значит, проблема в доступе робота или в шаблоне;
  • у бренда нет простого знака, и нужен фирменный стиль, который работает на 16 пикселях;
  • сайт собирается сборщиком, и пути к иконкам меняются при каждом обновлении;
  • favicon — лишь одна из десятков мелких ошибок, которые копились годами.

Что я могу сделать для вашего сайта?

Я Валерий Данюк, разработчик и SEO-специалист: 12 лет и 200+ клиентов. Favicon, превью для соцсетей и разметку я настраиваю на каждом сайте ещё до запуска.

SEO и аудит

  • SEO-аудит сайта под ключ: нахожу все технические мелочи — от favicon и превью до индексации и скорости — и исправляю их в коде.

Сайты и интернет-магазины

CRM и автоматизация

Пришлите адрес сайта в Telegram — проверю иконки и ещё пять-шесть мелочей, которые часто забывают.

Итог

  1. Проверка favicon за минуту находит все иконки сайта, их размеры и показывает, каких не хватает.
  2. Минимальный набор: favicon.ico, favicon.svg, Apple Touch Icon 180×180 и иконки 192 и 512 для web-manifest.
  3. Для Google иконка должна быть квадратной, крупнее 48×48, доступной роботу и объявленной на главной.
  4. Если проще сделать сайт заново, чем чинить мелочи, — на 1001site иконки и превью настраиваются сами.

Проверьте свой домен в бесплатной Проверке Favicon — а заодно домен главного конкурента.

Источники

  • Страница инструмента «Проверка Favicon» PromoPilot — список проверок и FAQ.
  • Google Search Central — требования к favicon в результатах поиска.
  • RealFaviconGenerator — генерация и проверка набора иконок.

Ссылки и источники

Вопросы и ответы

Зачем сайту нужен favicon?

Favicon — иконка сайта во вкладке браузера, в закладках, в истории и рядом с адресом в выдаче Google на телефоне и компьютере. Своя иконка делает сайт узнаваемым и выделяет его среди соседей по выдаче; без неё браузер и Google показывают безликий значок.

Какие размеры favicon нужны?

Практичный минимум: favicon.ico (16 и 32 px внутри одного файла) или PNG 32×32 для браузеров, SVG для современных браузеров, Apple Touch Icon 180×180 для iPhone и iPad, PNG 192×192 и 512×512 для web-manifest на Android. Для Google иконка должна быть квадратной; рекомендуется размер больше 48×48.

Что такое Apple Touch Icon?

Это иконка, которую iPhone и iPad показывают, когда сайт добавляют на экран «Домой», а также в некоторых закладках Safari. Стандартный размер — 180×180 пикселей PNG, без прозрачности. Без неё устройство использует уменьшенный снимок страницы.

Проверили сайт — а исправить некому?

Бесплатный инструмент показывает проблемы. Я разберу отчёт, расставлю приоритеты и исправлю: SEO-аудит, ускорение, разметка, перенос на новый сайт без потери позиций.