Фавикон сайта: что это, какой размер нужен, как поставить и почему он не показывается в Яндексе

РАЗДЕЛ 01Что такое фавикон простыми словами

Фавикон (от английского favicon, favorite icon) это маленький значок сайта. Его же называют фавиконкой, иконкой сайта или значком сайта. Если вы искали, как называется иконка сайта на вкладке или как называется значок сайта в поисковике, ответ один: фавикон.

Где его видно

• на вкладке браузера рядом с названием страницы;
• в закладках и истории браузера;
• в результатах поиска Яндекса и Google слева от адреса или названия сайта;
• на экране телефона, если сайт добавили на главный экран.

Фавикон это в дизайне что

В дизайне фавикон относится к фирменному стилю, как логотип, только в миниатюре. Это самая маленькая версия знака бренда. При размере 16x16 пикселей длинное название не прочитать, поэтому на фавикон обычно ставят букву, монограмму или упрощённый символ из логотипа.

Как называются маленькие картинки-значки в целом

Общее слово для маленьких картинок-значков в интерфейсе: иконки, или пиктограммы. Фавикон это частный случай иконки, привязанный к сайту.

РАЗДЕЛ 02Зачем сайту фавикон

Фавикон не влияет на позиции напрямую, но влияет на то, как сайт выглядит рядом с конкурентами. В выдаче у соседей иконки есть, у вас серый значок по умолчанию: такой сниппет выглядит недоделанным.

Узнаваемость в выдаче

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

Порядок во вкладках

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

Доверие перед рекламой

Перед запуском рекламы я всегда проверяю мелочи: фавикон, заголовки, описание. Человек, который пришёл из Директа и потом ищет вас в поиске по названию, должен узнать сайт. Где отслеживать, как поисковик видит сайт, я разбирал в статье про Яндекс Вебмастер.

РАЗДЕЛ 03Размер фавикона для сайта в пикселях

Это самый частый вопрос. Ответ зависит от того, для кого вы делаете иконку. Требования поисковиков взяты из справки Яндекса и документации Google, проверено 10.10.2026.

Какой размер фавикона брать на практике

Я делаю так: исходник в векторе или PNG 512x512, из него SVG для современных браузеров и Яндекса, favicon.ico с размерами 16x16 и 32x32 внутри, PNG 180x180 для iPhone. Если нужен один файл и без возни, берите 120x120 PNG: подходит под Яндекс и больше рекомендованных 48x48 у Google.

Размер шрифта для сайта: заодно

Раз уж речь о размерах. Фавикон и текст на сайте живут по одной логике: всё должно читаться на реальном экране. Текст статей на этом сайте, к примеру, набран 20 пикселей на компьютере и 17 на телефоне. Единственно верного размера нет, проверяйте на телефоне, читается ли абзац без увеличения.

РАЗДЕЛ 04Фавикон в каком формате должен быть

Форматов несколько, и это нормально: браузеры и поисковики понимают разные.

Требования к фавикону по справке Яндекса

• размер 16x16, 32x32 или 120x120 пикселей;
• формат SVG (рекомендуется), ICO, GIF, JPEG, PNG или BMP, анимация не поддерживается;
• файл называется favicon и лежит в корневом каталоге сайта;
• в коде главной страницы есть ссылка на файл;
• файл отвечает кодом 200 OK и не запрещён для индексирования, например директивой Disallow в robots.txt.

Требования Google

Квадратная иконка, минимум 8x8 пикселей, рекомендовано от 48x48. Форматы по документации: BMP, GIF, ICO, PNG, JPEG и другие. У каждого домена или поддомена может быть только один значок, подкаталог вроде site.ru/news свой значок в выдаче не получает. Google также пишет, что значок должен визуально соответствовать бренду, а неприемлемые картинки заменяются значком по умолчанию.

РАЗДЕЛ 05Как сделать из картинки фавикон

Создать фавикон для сайта можно за 10 минут, если есть логотип.

Пошагово

1. Возьмите логотип или знак бренда, лучше в векторе.
2. Упростите: уберите мелкий текст и тонкие линии, оставьте букву или символ.
3. Поместите знак в квадрат с небольшими полями, проверьте, как он выглядит в 16x16 пикселей.
4. Сохраните исходник в PNG 512x512 и, если есть вектор, в SVG.
5. Через онлайн-генератор фавиконов сделайте из PNG файл favicon.ico и нужные размеры PNG.
6. Проверьте иконку на светлой и тёмной теме браузера: тёмный знак на прозрачном фоне может пропасть на тёмной вкладке.

Частые ошибки в дизайне иконки

• логотип целиком с названием, который в 16 пикселях превращается в пятно;
• тонкие линии, которые исчезают при уменьшении;
• прямоугольная картинка вместо квадратной: поисковик её не возьмёт или исказит.

РАЗДЕЛ 06Как поставить фавикон на сайт

Если сайт на CMS или самописный, фавикон подключается строкой в коде.

Код для главной страницы

Положите файл в корень сайта и добавьте в раздел head главной страницы ссылку. Пример из справки Яндекса:

<link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">

Для SVG тип будет image/svg+xml, для PNG image/png. Атрибут rel может быть icon или shortcut icon, Яндекс понимает оба. Для кириллического домена адрес в href указывают в Punycode.

Что проверить после установки

• файл открывается по прямому адресу, например site.ru/favicon.ico;
• сервер отдаёт код 200, а не редирект;
• ссылка на фавикон в коде одна: если их несколько, Яндекс может выбрать любую;
• на версиях сайта с www и без, с http и https стоит один и тот же файл.

Про robots.txt, редиректы и зеркала подробно есть отдельный разбор: robots.txt, sitemap и редиректы.

РАЗДЕЛ 07Фавикон сайта на Тильде

На Тильде код писать не нужно, иконка загружается в настройках.

Пошагово по справке Тильды

1. Откройте «Настройки сайта».
2. Перейдите в раздел «SEO».
3. Найдите блок «Редактирование иконок (favicons)» и нажмите «Загрузить файл».
4. Загрузите файл 32x32 пикселя в формате ico, png или jpeg, с простым названием favicon без цифр и лишних символов.
5. Переопубликуйте все страницы проекта, иначе на части страниц останется старая иконка.

Тильда рекомендует именно 32x32 «исходя из особенностей поисковых систем». Остальные настройки сайта перед продвижением я разбирал в статье про настройку сайта на Тильде.

Если на Тильде иконка не сменилась

Чаще всего забыли переопубликовать страницы или браузер показывает старую иконку из кэша. Откройте сайт в режиме инкогнито: если там новая иконка, всё в порядке, поисковик обновит её при следующем обходе.

РАЗДЕЛ 08Почему фавикон не отображается в результатах поиска Яндекса

Самая частая жалоба: «фавикон в Яндексе не отображается», хотя на сайте он есть. Причины по справке Яндекс Вебмастера.

Прошло мало времени

После того как робот загрузил фавикон, он появляется в выдаче в течение двух недель. Изменение и удаление тоже вступают в силу в течение двух недель после очередного визита робота. Если отправить главную страницу на переобход в Вебмастере, фавикон обновится в выдаче в течение трёх дней.

Иконка пропала или показывается старая

Почему нет фавикона в Google

Googlebot должен заново просканировать главную страницу, это занимает от нескольких дней до нескольких недель. Ускорить можно запросом индексирования главной через инструмент проверки URL в Search Console. Проверьте, что Googlebot-Image может скачать файл иконки. И учтите прямую оговорку Google: значок может не появиться в результатах, даже если все требования выполнены.

РАЗДЕЛ 09Фавикон и продвижение: где ещё он нужен

Фавикон связан с доменом: один хост, одна иконка. Поэтому при смене домена или переезде сайта иконку нужно проверить заново, как и всё остальное. Если домен ещё только выбираете, сразу закладывайте под него и иконку.

Товарный бизнес и маркетплейсы

Если вы продаёте товары и через сайт, и через площадки, фавикон помогает связать их в голове покупателя: один и тот же знак на сайте, в карточках и в рекламе. Как строится реклама товарного бизнеса вообще, есть в разборе рекламы товаров.

Чек перед запуском рекламы

Перед тем как вести трафик, проверьте: фавикон, title и description главной, работу формы, зеркала. Это полчаса работы, которые убирают ощущение «сайт недоделан» у тех, кто встретит вас в поиске.

РАЗДЕЛ 10FAQ

Отвечает Никита Морозов

Как называется иконка сайта на вкладке браузера?

Фавикон (favicon). Также говорят фавиконка, иконка сайта или значок сайта.

Какой размер фавикона нужен для Яндекса?

По справке Яндекса 16x16, 32x32 или 120x120 пикселей. Рекомендуемый формат SVG.

Какой размер фавикона нужен для Google?

Квадрат 1:1, минимум 8x8 пикселей, Google рекомендует от 48x48.

В каком формате должен быть фавикон?

Яндекс принимает SVG, ICO, GIF, JPEG, PNG и BMP, рекомендует SVG. Анимация не поддерживается. Классический вариант для браузеров favicon.ico.

Как поставить фавикон на Тильде?

«Настройки сайта» → «SEO» → «Редактирование иконок (favicons)» → «Загрузить файл». Файл 32x32 в ico, png или jpeg, после загрузки переопубликуйте все страницы.

Почему фавикон не отображается в результатах поиска Яндекса?

Чаще всего прошло меньше двух недель, файл закрыт в robots.txt, отдаёт не код 200 или стоят разные иконки на версиях сайта с www и без. Отправка главной на переобход обновляет иконку в течение трёх дней.

Можно ли сделать фавикон из любой картинки?

Да, но её нужно привести к квадрату и упростить: в 16x16 пикселей мелкие детали и текст не читаются.

Влияет ли фавикон на позиции сайта?

Прямо на позиции нет. Он влияет на то, как сайт выглядит в выдаче и во вкладках.

РАЗДЕЛ 11С чего начать

1. Откройте свой сайт в выдаче Яндекса и Google и посмотрите, есть ли иконка.
2. Сделайте из логотипа квадратный знак: SVG и PNG 120x120 или favicon.ico с размерами 16 и 32.
3. Положите файл в корень сайта и добавьте ссылку в head главной, на Тильде загрузите в настройках SEO и переопубликуйте страницы.
4. Проверьте, что файл отдаёт код 200, не закрыт в robots.txt и одинаков на всех зеркалах.
5. Отправьте главную страницу на переобход в Вебмастере и проверьте выдачу через три дня.

Пришлите адрес сайта - проверю фавикон, зеркала и индексацию и скажу, что исправить первым.

Никита Морозов

Яндекс Директ, SEO, маркетинг под ключ

Веду кабинеты клиентов сам, без передачи «младшему специалисту». Тексты на сайте написаны по тому, что вижу в отчётах, а не по чужим гайдам.

9лет в нише

200+проектов

4,919 оценок на Картах

Telegram-канал Отзывы на Яндекс Картах Кейсы