Разметка, файл, рендер и crawl
Как проверить favicon
Проверьте не только наличие картинки: браузер должен выбрать ожидаемый файл, скачать его с правильным MIME и отрисовать узнаваемо на разных поверхностях.
Проверка
- В View Source соберите
link[rel~="icon"], apple-touch-icon и manifest; найдите дубли/conflicts. - Откройте каждый URL: final 200, image MIME, declared/actual square dimensions, прозрачность и cache headers.
- В DevTools Network подтвердите, какой файл запрашивает browser после hard reload/private profile.
- Визуально проверьте 16/32/48 px, light/dark tab, bookmark, high-DPI и mobile shortcut.
- Проверьте manifest JSON/icons/purpose только если сайт использует PWA/install.
- Для Search подтвердите crawlable homepage/icon, square ≥8×8 (лучше >48×48), stable URL и дату recrawl.
Оценка
| Наблюдение | Уровень | Действие |
|---|---|---|
| Один согласованный набор, файлы 200, знак читаем | Проблемы нет | Сохранить baseline |
| Legacy duplicate не влияет на выбор | Низкий | Удалить при чистке |
| Неверные sizes/MIME, blur, плохой contrast или stale link | Высокий | Исправить export/head/cache |
| Нет icon, 404/blocked, non-square/stretch или manifest ломает install | Критический | Восстановить рабочий набор |
Что сохранить
- Homepage URL, server head и порядок icon links.
- Icon URL, rel/type/sizes/purpose, status/MIME/cache и actual dimensions.
- Скриншоты browser/OS/surface с датой и scale.
- Manifest validation и maskable safe-zone при наличии PWA.
- Crawl access, recrawl date, owner и retest.
Старый browser/Search cache не доказывает ошибку в новом файле. Root /favicon.ico может использоваться как fallback без link. Разные клиенты выбирают разные ресурсы; Search может не показать favicon даже при соблюдении требований.
Следующий шаг
Используйте инструкцию или закажите создание и внедрение набора.
