Иконка, или фавикон, в сниппете сайта в поисковой выдаче положительно влияет на CTR, поэтому так важно, чтобы она отображалась без проблем. Однако бывают ситуации, когда кажется, что все сделано правильно, но фавикона нет. В этой статье разберемся, почему такое может произойти и как решить этот вопрос.
Требования к размеру и формату фавикона
Первое, на что следует обратить внимание, если фавикон не отображается в поисковике, — его размер и формат. Значок может иметь размеры 16×16, 32×32, 120×120 пикселей. Подходящие форматы — ICO, JPEG, PNG, GIF, BMP.
Как правильно размещать фавикон
- Для создания изображения используйте любой онлайн-сервис или редактор, например, Photoshop. Учитывайте упомянутые требования к размеру и формату.
- Поместите фавикон в папку сайта по FTP (как правило, это корень сайта).
- Далее в блок <head> в HTML-коде главной страницы сайта добавьте фрагмент кода, который содержит в себе адрес значка и тип передаваемых данных:
<head> ... <link rel="icon" href="https://URL сайта/favicon.ico" type="image/x-icon"> ... </head>
Rel — тип ресурса:
- icon подходит под практически любой современный браузер,
- shortcut icon используется браузером Internet Explorer.
Type, или тип передаваемых данных:
- в нашем случае это image/x-icon, так как формат и расширение фавикона — .ICO;
- image/gif — для GIF-файлов;
- image/jpeg — для JPEG;
- image/png — для PNG;
- image/bmp — для BMP.
Согласно справке Яндекса, в коде может присутствовать несколько ссылок на фавикон. В процессе индексации робот выберет наиболее подходящую.
Почему фавикон не отображается в Яндексе
Есть несколько причин, по которым значок может не отображаться. Начнем с технических:
- Ошибка в коде, который выводит фавикон на сайте. Важно, чтобы HTML-код значка был размещен строго в блоке <head> и имел вид, как в примере выше.
- Неправильный формат или размер иконки. Если с размерами все понятно, то с форматом иногда возникают сложности. Убедитесь, что сохранили фавикон в допустимом формате, а также применили правильный атрибут в коде значка.
- Проблема с кэшем браузера. Чтобы очистить его, находясь на странице сайта, нажмите комбинацию клавиш CTRL + F5.
- Запрет на индексацию значка в файле robots.txt.
- В коде страниц у значка прописан путь http://, и не настроен редирект, поэтому возникает ошибка 404. Так происходит потому, что при установке SSL-сертификата обычно указывается главное зеркало сайта в файле .htaccess, то есть абсолютные пути до фавикона при https:// и http:// — разные.
- С размещения фавикона прошло мало времени. Обычно на индексацию поисковику требуется от двух недель до двух месяцев.
- Неуникальное изображение или его низкое качество. В справке Яндекса отмечается, что поисковик может не брать во внимание некоторые фавиконы, к примеру, скопированные или имеющие низкое разрешение.
- Неуместное изображение (порнография, свастика и прочие запрещенные символы).
- Сайт попал под один или несколько фильтров Яндекса. Определить, так ли это, можно по следующим признакам:
- из поисковой выдачи резко выпали все или значительная часть страниц сайта;
- просадка в посещаемости, не связанная с сезонностью или другими резонными причинами;
- снизился ИКС сайта;
- в Яндекс.Вебмастере появились сообщения о проблемах на сайте.
Проверка корректности отображения фавикона
1. Загрузите значок в бразуере по абсолютному пути расположения. Если проблема заключается в пути, то возникнет ошибка 404.
Первый способ проверки
2. Воспользуйтесь инструментом «Проверка ответа сервера» в Яндекс.Вебмастере. Здесь в специальное окно нужно вставить URL, по которому находится иконка. В ответе должен быть код 200.
Второй способ
3. Введите в строку браузера следующее: favicon.yandex.net/favicon/URL-вашего-сайта. Так вы сможете проверить, есть ли ваш значок в базе фавиконов проиндексированных сайтов Яндекса.
Третий способ
4. Чтобы проверить по такой же базе Google, воспользуйтесь адресом www.google.com/s2/favicons?domain=URL-вашего-сайта.
Четвертый способ
5. Проверьте фавикон на отображение и валидность в специальных сервисах, например, Favicon Checker. Он покажет, как выглядит иконка в разных браузерах, и укажет на возникшие проблемы.
Пятый способ
Итак, повторим, основные рекомендации:
- Используйте уникальные и качественные изображения.
- Создавайте и редактируйте изображения в специальных сервисах или программах, которые позволяют получать полностью валидные фавиконы.
- Указывайте код фавикона правильно и с учетом его атрибуции.
- Не забудьте дать поисковику время на индексацию.
