РуководствоКак проверить и установить favicon
Favicon помогает пользователю отличить сайт во вкладках, закладках, истории браузера, мобильных ярлыках и некоторых поисковых интерфейсах. Это не самостоятельный фактор ранжирования, но важная часть узнаваемости и технической готовности проекта.
1. Укажите адрес сайта
Сервис загрузит HTML главной страницы, проверит объявления в <head>, favicon.ico, SVG, PNG, Apple Touch Icon и site.webmanifest.
2. Изучите покрытие
Оцените, какие форматы найдены, доступны ли файлы по HTTP, имеют ли иконки правильные размеры и квадратные пропорции.
3. Создайте комплект
Загрузите квадратный исходник не меньше 512×512, задайте название и цвета и скачайте ZIP со всеми файлами.
4. Подключите код
Распакуйте архив в корень сайта, вставьте подготовленные теги в <head>, очистите кеш и повторите проверку.
Какие файлы нужны
| Файл | Назначение | Рекомендация |
|---|
| favicon.ico | Совместимость и резервный вариант | Включить 16×16, 32×32 и 48×48 |
| favicon.svg | Современные браузеры и четкое масштабирование | Простая форма, хороший контраст |
| PNG 16/32/48/96 | Вкладки, панели и отдельные интерфейсы | Проверить реальный размер файла |
| apple-touch-icon 180×180 | Ярлык iOS | Без прозрачных тонких деталей |
| 192×192 и 512×512 | Android и web app manifest | Добавить обычный и maskable-вариант |
| site.webmanifest | Название, цвета и иконки веб-приложения | Проверить корректность URL и JSON |
Как проверить favicon в Яндексе
Сначала проверьте то, что можно подтвердить на самом сайте: файл иконки отвечает без ошибки, имеет квадратные пропорции, объявлен в секции <head> и доступен поисковому роботу. SEOскоп показывает найденные URL, размеры и недостающие элементы комплекта, но не выдает техническую готовность за гарантию показа в поиске.
1. Файл доступен
URL favicon возвращает успешный ответ, не закрыт авторизацией и не ведет на страницу ошибки или редирект по кругу.
2. Иконка читается
Квадратный знак остается различимым в малом размере, не сливается со светлым или темным фоном и не перегружен деталями.
3. Поиск обновил данные
После замены файла Яндексу требуется повторный обход и обработка. SEOскоп не управляет этим процессом и не обещает конкретный срок появления иконки.
Требования поисковых интерфейсов меняются. Перед внедрением сверяйтесь с официальным материалом Яндекса о favicon, а затем повторите техническую проверку страницы.
Как читать результат проверки
ОшибкаФайл объявлен, но возвращает 404Исправьте путь или загрузите файл: браузер не сможет использовать иконку.
НеполноЕсть ICO, но нет Apple Touch Icon и manifestДобавьте недостающие форматы для мобильных устройств и PWA.
УлучшениеИконка слишком детальная в 16×16Упростите знак и проверьте контраст на светлом и темном фоне.
Связь с аудитом SEOскопа
В полном техническом SEO-аудите favicon проверяется вместе с доступностью сайта, кодами ответа и HTML-разметкой. Это помогает отличить отсутствие файла от ошибки подключения или недоступности конкретного URL. Для оптимизации исходного изображения используйте пакетный конвертер изображений, а порядок запуска и формирования отчета описан в руководстве.
Частые ошибки внедрения
- Относительный путь ведет не в корень сайта или ломается на вложенных страницах.
- После замены файла браузер показывает старую иконку из кеша.
- В manifest указаны несуществующие или неквадратные изображения.
- Логотип читается на 512×512, но превращается в пятно на 16×16.
- Одинаковая иконка не проверена на светлом и темном фоне.