Вход / Попробовать бесплатно
Почему мы
КристинаКристина
· 3 мин
0

Проблемы, связанные с фавиконом

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

Не отображается фавикон

ne_otobrazhaetsya_favicon

Существует немало проблем с отображением фавикона: поисковые системы его не видят, не появляется пиктограмма на определенных страницах проекта или его нет вообще. Постараемся расставить все точки над i.

Если возникли проблемы, проверьте следующие моменты:

  1. Графическое изображение в формате ico, png или gif находится в корне ресурса?
  2. Код, ведущий к изображению, на страницах ресурса прописан правильно?

Если вы все сделали правильно, а favicon все же не отображается, приступаем к следующему этапу: проверить фавикон в поисковых системах Яндексе и Google. Для этого нужно воспользоваться ссылками для проверки графического изображения: favicon.yandex.net/favicon/www.site.ru для Яндекса и google.com/s2/favicons?domain=www.site.ru для Google. Обратите внимание, что вместо site.ru нужно вводить домен вашего ресурса.

Также стоит учесть, что индексация фавиконов в поисковых системах происходит довольно длительное время, так как за этот алгоритм отвечает отдельный робот, загружающий иконки на свой сервер. Поэтому, если сайт в индексе, а пиктограмма до сих пор не отображается, не стоит расстраиваться, ведь поисковик мог ещё не успеть проиндексировать иконку. Стоит также обратить внимание на то, что поисковые системы Яндекс и Google отображают иконки не на всех страницах в поисковой выдаче. Если сайт находится ниже 10-15 позиции, то и изображения рядом со ссылкой не будет.

Существует ещё один вариант для проверки отображения фавикона: с помощью специальных сервисов (FaviconValidator). Воспользоваться услугами таких проектов можно совершенно бесплатно и без регистрации. Каждый из них имеет простой и интуитивно понятный интерфейс. Так, нужно в специальное поле ввести адрес сайта и получить результаты. Представляем вам наиболее популярные и удобные сервисы в своем роде.

  • ifavicon.com

ifavicon

В специальное поле  нужно ввести адрес сайта, после чего сервис покажет результат. Если это успешная проверка, то на ресурсе вы все сделали правильно. Если же сервис не смог найти иконку, тогда стоит ещё раз все проверить.

  • html-kit.com/favicon/validator/

Данный сервис содержит в себе немного больше функционала, чем предыдущий. На сайте нужно ввести адрес сайта и нажать на кнопку «Check». Если с графическим изображением у вас все нормально, система скажет об этом. Если же нет – предложит возможные варианты решения проблемы.

Не отображается фавикон в Яндексе

favicon_yandex

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

Для того, чтобы Яндекс правильно отображал ваше изображение в выдаче,  в мета-тег сайта <head></head> нужно вставить код:

<link rel=»icon» href=»http://site.ru/favicon.ico» type=»image/x-icon»>

Или другой вариант:

<link rel=»shortcut icon» href=»http://site.ru/favicon.ico» type=»image/x-icon»>

Предпочтение отдается фавиконам, размером 16×16 пикселей в формате jpeg, ico, gif или png. Строчка «image/x-icon» изменяется в зависимости от формата иконки. Если графическое изображение в формате gif, то в конце строки необходимо прописать image/gif, если jpeg – image/jpeg, если png – image/png, если ico, то image/ico.

Обратите внимание, что от пути к изображению напрямую зависит его отображение. Если хотите удалить или изменить фавикон, необходимо просто удалить или изменить файл favicon.ico (jpeg, gif, png). Апдейт фавикона происходит независимо от апа выдачи и тИЦ (подробнее о тИЦ и других параметрах сайта в статье).

От правильной настройки фавикона напрямую зависит его корректное отображение не только возле адресной строки в браузере, но и на специальных сервисах (поисковые системы, сайты закладок, каталоги и т. д.). Помните, что наличие иконки не только рядом с адресной строкой, но и в поисковой выдаче положительно влияет на узнаваемость бренда!

ПОДЕЛИТЬСЯ

КОМЕНТАРИИ

Send this to a friend