Фавикон

favicon, иконка сайта

Фавикон — маленькая иконка сайта, которая показывается во вкладке браузера, в закладках и рядом со сниппетом в мобильной выдаче.

Подключается фавикон тегом link в head или просто файлом favicon.ico в корне сайта. Современные браузеры и мобильный поиск хотят не одну иконку, а набор размеров под разные экраны и платформы, поэтому удобнее генерировать комплект и описывать его в манифесте.

На ранжирование фавикон не влияет. Но в мобильной выдаче Google он отображается слева от сниппета, и аккуратная узнаваемая иконка повышает кликабельность и доверие к бренду. Если фавикона нет или он битый, сниппет выглядит сиротливо — мелочь, а заметная.

Суть
Иконка вкладки

Маленький логотип сайта во вкладке и закладках браузера.

Норма
32×32 px

Базовый размер, плюс 180×180 для иконки на телефоне.

Эффект
Узнаваемость

Помогает найти вашу вкладку среди десятка открытых.

Особенно важен при mobile-first индексации и установке сайта на экран.
Пример

Залили favicon 32×32 и версию 180×180 для iOS — теперь во вкладке браузера и на главном экране смартфона видна иконка, а не пустой квадрат. Заодно проверили её отображение в мобильной выдаче.

Google показывает фавикон в мобильной выдаче не сразу: робот забирает иконку отдельным проходом, и после первой публикации она может пару недель отсутствовать или подтянуться дефолтным глобусом. Брать файл Google пытается по тегам rel="icon" и apple-touch-icon, размер для сниппета — кратный 48px (минимум 48×48). Слишком мелкий 16×16 он отбракует и нарисует пустоту. Проверять отрисовку удобнее не глазами, а через инструмент проверки URL в Search Console — там видно, какой файл робот реально подхватил.

Самый частый баг — старая иконка, которая не меняется после редизайна. Браузеры и поиск кэшируют favicon агрессивно, иногда на недели, поэтому смену сопровождают новым именем файла (favicon-v2.ico) или параметром ?v=2 в ссылке, иначе у части пользователей висит прежний логотип. В mobile-first мире проверяйте иконку именно на мобильной версии: если фавикон прописан только в десктопном шаблоне, для Google его фактически нет.

Пример

Магазин сменил логотип, но в выдаче Google месяц висел старый знак — робот держал в кэше favicon.ico по тому же URL. Перевыложили иконку как favicon-2026.png, обновили тег link и manifest.json, прогнали страницу через проверку URL в Search Console — новый фавикон подтянулся за 4 дня.