Определение Фавикон
Фавикон (от англ. favourite icon) — это та самая мини-иконка 16×16 или 32×32 пикселя, которая живёт во вкладке браузера рядом с названием страницы 🐗. Появилась ещё в эпоху IE5, когда сайты были страшными, а интернет — медленным. С тех пор выросла в целую систему иконок: для мобилок, PWA, Apple Touch и прочих радостей жизни.
Механика простая: заливаешь файл favicon.ico (или .png/.svg) в корень сайта, прописываешь тег `<link rel="icon">` в `<head>` — и готово. Но в реальности всё, как всегда, сложнее 😩. Для нормального охвата нужно несколько размеров: 16×16 для вкладок, 32×32 для тасктбара, 180×180 для Apple Touch Icon, плюс манифест для Android. В SEO фавикон напрямую влияет на CTR в мобильной выдаче Google — поисковик показывает его рядом с URL сайта прямо в сниппете. Если у тебя там серый квадратик или вообще ничего — ты уже сливаешь клики конкурентам, у которых всё оформлено. В гемблинге и нутре, где связки крутятся на белых сайтах под модерацию, аккуратный фавикон — часть доверия: и для юзера, и для модера рекламной сети. Сайт без фавикона выглядит как времянка, собранная за ночь. 😆
Главная ошибка — вообще забить на фавикон и вспомнить о нём только когда сниппет в выдаче смотрится хуёво. Вторая ошибка — залить иконку один раз в ico и думать, что всё закрыто, а потом огрести на iOS или в PWA. Следи, чтобы фавикон кешировался нормально — браузеры любят держать старую версию даже после замены файла, так что меняй имя файла или добавляй версионирование. Нормально делай — нормально будет 🐗
📝 Определение написано простым языком — чтобы было понятно с первого прочтения. Все термины →
Часто задаваемые вопросы
Что такое фавикон сайта? ▾
Фавикон — это маленькая иконка сайта, которая отображается во вкладке браузера, в закладках и в поисковой выдаче рядом с 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 — это, блять, когда хакеры ставят на сайте невидимые элементы, к...