Фавикон (favicon) — это маленькая иконка сайта, которая показывается на вкладке браузера, в закладках, в истории и рядом со ссылкой в поисковой выдаче. Технически это мелочь на несколько килобайт, но она работает на узнаваемость: в выдаче Яндекса и Google фавикон стоит прямо перед заголовком, и сайт без него выглядит менее солидно, чем конкуренты.
Где виден фавикон
| Место | Зачем это важно |
|---|---|
| Вкладка браузера | Человек находит ваш сайт среди 20 открытых вкладок |
| Поисковая выдача | Иконка рядом со сниппетом — влияет на заметность и кликабельность |
| Закладки и история | Быстрое узнавание при возврате |
| Ярлык на телефоне | Если сайт добавили на главный экран |
| Мессенджеры и соцсети | Иногда подтягивается к ссылке вместе с описанием |
Каким должен быть фавикон
- Простым: в размере 16×16 пикселей различима только базовая форма — сложный логотип превращается в кашу;
- Узнаваемым: обычно берут знак из логотипа или первую букву названия;
- Контрастным: он должен читаться и на светлой, и на тёмной теме браузера;
- В нескольких размерах: современный набор — 16×16, 32×32, 180×180 (для iOS) и 192×192 (для Android), плюс SVG для чётких экранов;
- Согласованным с брендом — часть общей айдентики, а не случайная картинка.
Как установить
Иконка кладётся в корень сайта и подключается тегом в разделе head, а современные CMS делают это через настройки: в WordPress — «Внешний вид → Настроить → Свойства сайта → Значок сайта», в Битриксе и Тильде есть аналогичные поля. После замены браузер и поисковики обновляют иконку не сразу: браузер держит её в кеше, а Яндекс с Google подтягивают новую при следующем обходе — от нескольких дней до пары недель.
Частые проблемы
- Фавикона нет вообще — в выдаче показывается серый шаблонный значок, сайт теряется на фоне конкурентов;
- Взят логотип целиком — в 16 пикселях от него остаётся неразборчивое пятно;
- Только одна старая иконка 16×16 — на ретина-экранах и ярлыках телефона она выглядит мыльной;
- Прозрачный фон со светлым знаком — иконка исчезает на белой вкладке;
- Осталась иконка от шаблона или прошлого подрядчика — встречается чаще, чем кажется.
Мелочь, но из таких мелочей складывается впечатление о компании. Если у вас нет подходящего знака — его делают в рамках брендинга вместе с логотипом. Установка и проверка фавикона на всех устройствах входит в доработку сайта.
Частые вопросы
Какого размера должен быть фавикон?
Базовый — 32×32 пикселя, плюс варианты 16×16, 180×180 для iOS и 192×192 для Android. Лучше подготовить набор: одна маленькая иконка на современных экранах и ярлыках выглядит размытой.
Влияет ли фавикон на SEO?
Фактором ранжирования он не является, но виден в выдаче рядом со сниппетом и влияет на кликабельность: результат с аккуратной иконкой заметнее, чем с серой заглушкой. Косвенно через CTR это отражается и на позициях.
Почему фавикон не меняется после замены?
Обычно дело в кеше: браузер держит старую иконку, поисковики обновляют её при следующем обходе сайта. Попробуйте открыть сайт в режиме инкогнито; в выдаче новая иконка появится в течение нескольких дней или недель.
Не тратьте недели на выбор — начните с бесплатного разбора
Посмотрим ваш сайт и конкурентов, честно скажем, что мешает получать заявки, и пришлём 3 варианта расчёта. Без обязательств и звонков без спроса.
Удобнее в мессенджере? Напишите в Telegram или позвоните +7 928 463-45-36.
