Ошибка в Яндекс.Вебмастере: «Добавьте фавиконку 120×120 или SVG». Исправляем за 5 минут
Получили уведомление от Яндекса о необходимости обновить фавикон? Не игнорируйте его. Современные поисковики требуют формат SVG и достаточно высокое разрешение (120×120 пикселей), чтобы ваш логотип четко смотрелся на Retina-дисплеях и в мобильных приложениях. Разберемся, как угодить роботу без лишней головной боли.
Топ-4 сервиса для автоматического создания иконок
Если у вас есть только логотип в большом размере, эти сервисы сами нарежут его под нужные стандарты:
-
RealFaviconGenerator — самый мощный инструмент. Вы загружаете одну картинку, а он показывает, как она будет выглядеть в поиске Google, Яндексе и на главном экране iPhone. Выдает готовый архив со всеми размерами (включая заветные 120×120 и выше).
-
Favicon.io — максимально простой и быстрый. Подходит, если вам нужно быстро конвертировать PNG в пакет иконок или даже сделать фавиконку из текста или эмодзи.
-
ConvertICO (SVG to Favicon) — идеален, если вы хотите следовать совету Яндекса и внедрить SVG. Позволяет тонко настроить резкость для маленьких размеров.
- Russian-hosting.ru/favicon-converter — загрузите свою фавиконку и на выходе вы получите favicon в трёх популярных форматах: PNG 120 x 120, SVG 120 x 120 и ICO 16 x 16 и сможете скачать их одним архивом.
Добавьте в хэдер сайта под <head> код вида:
<link rel=«icon» href=«https://example.com/favicon.svg» type=«image/x-icon»>
Как указать путь к иконке без лишнего кода
Чтобы поисковики точно нашли вашу иконку, на современных сайтах достаточно прописать простые строки в секцию head.
Для пользователей WordPress и SEOPress: Вам даже не нужно ничего прописывать вручную или пользоваться генераторами, если у вас есть качественный исходник:
-
Зайдите в раздел Внешний вид, затем в Настроить.
-
Найдите Свойства сайта и пункт Иконка сайта.
-
Загрузите туда ваш файл размером 512×512. Система WordPress сама создаст все нужные форматы и пропишет необходимые теги для поисковиков.
Лайфхак
Если вы используете SVG-фавикон, ваш сайт будет загружаться на долю секунды быстрее, так как браузеру не нужно скачивать несколько разных PNG-файлов под разные экраны. Один векторный файл покроет запросы и Яндекса, и Apple.
Профессии
-
Веб-дизайнер (создает качественный исходник логотипа).
-
SEO-специалист (проверяет, подхватили ли поисковики новую иконку).