# Favicon / иконки

_Источник: https://seomatrix.ai/ru/tools/favicon-check/_

---

## Что делает

Проверка фавикона показывает, объявляет ли сайт все иконки, которые ждут браузеры и поисковики, и отдаёт ли их сервер: тег `<link rel="icon">` в HTML, apple-touch-icon для iOS, веб-манифест с набором иконок и корневой фолбэк /favicon.ico. Отсутствующий или битый фавикон — это не только пустая вкладка: рядом с вашим результатом в Google и рядом со ссылкой-источником в AI-ответах (Perplexity, AI Overviews) появится безликая заглушка, а именно по ней пользователь узнаёт бренд и решает, кому доверять и куда кликнуть.

## Что проверяет

- **тег `<link rel="icon">`** — Объявление иконки в `<head>` с путём к файлу — основной явный сигнал, который браузеры и краулеры читают раньше, чем обращаются к корневому файлу.
- **фолбэк /favicon.ico** — Файл в корне сайта, который браузеры и Google запрашивают по умолчанию даже без HTML-тега; без него возникает лишний 404, а в старых клиентах иконки может не быть вовсе.
- **apple-touch-icon** — PNG (обычно 180×180) в `<link rel="apple-touch-icon">`, который iOS ставит на домашний экран; без него Apple подставит скриншот страницы.
- **иконки веб-манифеста** — Файл site.webmanifest, подключённый из `<head>`, чей массив `icons` (как правило 192 и 512 px) даёт иконку для установки PWA и предложения установки в Android.
- **доступность файлов иконок** — Каждый объявленный URL иконки должен отдавать HTTP 200 с image-типом; ссылка с 404 или отдающая HTML равносильна отсутствию иконки.
- **покрытие форматов и размеров** — Покрывают ли объявленные иконки нужные форматы и разрешения (ICO/PNG/SVG, несколько размеров), чтобы на каждой поверхности иконка была чёткой.

## Как пользоваться

1. Вставьте URL страницы в проверку и запустите — она загрузит `<head>` и проверит файлы иконок за один проход.
2. Просмотрите отмеченные пункты — нет apple-touch-icon, отсутствует веб-манифест или /favicon.ico возвращает 404.
3. Добавьте недостающие теги `<link>` и загрузите нужные файлы иконок, затем перезапустите проверку, чтобы убедиться, что все иконки открываются.

## Вопросы

### Нужен ли /favicon.ico, если у меня уже есть тег `<link rel="icon">`?

Да. Браузеры, краулеры и Google всё равно запрашивают /favicon.ico по умолчанию, поэтому рабочий файл в корне гарантирует фолбэк, когда HTML-тег не считывается.

### Почему фавикон виден во вкладке браузера, но не в результатах Google?

Google забирает фавикон отдельным краулером и кэширует его: закрытый в robots.txt файл, неквадратная картинка, размер меньше 48×48 или иконка, которая грузится только через JavaScript, — любая из этих причин не даст ей появиться в выдаче.

### Какие файлы иконок реально нужны?

Рабочий минимум: /favicon.ico (или SVG/PNG через `rel=icon`), apple-touch-icon 180×180 и веб-манифест с PNG 192×192 и 512×512 — это закрывает вкладки, iOS и установку на Android.

### Влияет ли фавикон на SEO или на цитирование в AI?

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

