Определение Фавикон
Небольшая иконка размером 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.
Связанные термины
2FA (Two-Factor Authentication) — двухфакторная аутентификация: вход в аккаунт ч...
3D-Secure — это такая хрень, которая появилась, чтобы защитить нас, бедных арбит...
Ads.txt — текстовый файл в корне сайта (или домена разработчика для приложений),...
AJAX — технология асинхронного обмена данными с сервером без перезагрузки страни...
API-токен — это твой цифровой пропуск в систему: уникальная строка символов, кот...
Click Hijacking — это метод атаки, при котором злоумышленники размещают на стран...