⚙️

Фавикон

Favicon Favourite Icon Иконка сайта
Вебмастер Техническое

Определение Фавикон

🕒 15 апр 2026

Небольшая иконка размером 16×16 или 32×32 пикселя, которая отображается во вкладке браузера рядом с названием страницы и служит визуальным идентификатором сайта. Термин происходит от английского "favourite icon" и впервые появился в эпоху Internet Explorer 5, когда веб-дизайн только формировался как профессиональная область.

Современный фавикон представляет собой целую систему иконок различных размеров для разных устройств и платформ. Базовая реализация требует размещения файла favicon.ico в корневой директории сайта и указания соответствующего тега в разделе head HTML-документа. Однако для полноценной поддержки всех устройств необходимо подготовить несколько вариантов: 16×16 пикселей для вкладок браузера, 32×32 для панели задач, 180×180 для Apple Touch Icon, а также настроить веб-манифест для Android-устройств.

В контексте поисковой оптимизации фавикон играет важную роль в формировании кликабельности сниппетов. Google отображает фавикон в мобильной выдаче рядом с URL сайта, что непосредственно влияет на показатель CTR. Отсутствие или некорректное отображение иконки снижает доверие пользователей и конверсию переходов, особенно в конкурентных тематиках.

Для партнерского маркетинга и арбитража трафика качественно оформленный фавикон становится элементом доверия при прохождении модерации рекламных сетей. Сайты без фавикона воспринимаются как временные проекты низкого качества, что может негативно сказаться на одобрении рекламных кампаний и конверсии целевых действий.

Техническая реализация включает использование тега link с атрибутом rel="icon" в HTML-разметке. Поддерживаются форматы ICO, PNG и SVG, при этом рекомендуется использовать векторный SVG для адаптивности на устройствах с высокой плотностью пикселей.

Основные ошибки при работе с фавиконами включают полное игнорирование этого элемента до момента запуска проекта, использование только одного размера иконки без учета различных устройств, а также проблемы с кешированием. Браузеры активно кешируют фавиконы, поэтому при обновлении рекомендуется изменять имя файла или добавлять параметры версионирования для принудительного обновления в пользовательских браузерах.

📝 Определение написано простым языком — чтобы было понятно с первого прочтения. Все термины →

Часто задаваемые вопросы

Что такое фавикон сайта?

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

Как добавить фавикон на сайт?

Загрузите файл favicon.ico или favicon.png в корень сайта и добавьте тег <link rel='icon' href='/favicon.ico'> внутри <head> страницы.

Влияет ли фавикон на SEO?

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

Какой размер должен быть у фавикона?

Базовые размеры — 16×16 и 32×32 пикселя, для Apple Touch Icon нужен 180×180, а для Android и PWA — иконки 192×192 и 512×512.

Почему фавикон не обновляется после замены файла?

Браузеры агрессивно кешируют фавиконы — переименуйте файл или добавьте версионный параметр в URL, например favicon.png?v=2.

🔗 Связанные термины

← Предыдущий УТП Следующий → Факторы ранжирования

Может быть интересно

← К глоссарию