Хотите, чтобы в мобильной выдаче Google красовался ваш фавикон? Соблюдайте ряд правил.

Технической стороне вопроса – как создать favicon для сайта –  посвящена отдельная статья. Однако готовый фавикон не обязательно появится в результатах поиска Google. Для этого необходимо выполнить ряд несложных требований:

  • значок сайта должен быть открыт для сканирования Гуглботом;
  • не следует часто менять адрес, по которому находится фавикон;
  • значок для ресурса должен быть кратным 48-ми пикселям (48х48, 96х96 и т.д.). Размер 16х16 применять не стоит;
  • favicon должен быть графическим продолжением вашего бренда, что позволит пользователю быстро найти ресурс в мобильной выдаче;
  • характер фавикона должен быть нейтральным – дискриминационные и непристойные значки в выдаче не появятся. Google заменит их на собственные по умолчанию.

Стоит помнить, что даже в случае соблюдения всех названных правил значок может и не отобразится в результатах поиска. Причин Google не объясняет.

В сети вы можете найти очень много онлайн генераторов фавиконов. Я остановлюсь на одном — RealFaviconGenerator. Этот генератор сделает фавиконы вашего сайта для разных платформ и браузеров. Ну а если вам достаточно одного значка, Генератор от PR-CY отконвертирует изображение в файл ICO 16х16.

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

проверка фавикона

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

Теперь можно переходить к генерации фавикона. Для этого загрузите необходимую картинку размером, как там указано, не менее 260х260 рх (качество будет лучше)

загрузка картинки для фавикона

После загрузки картинки вы увидите как будет выглядеть фавикон в разных браузерах и платформах. Внизу странице будет кнопка генерации кода фавикона.

кнопка генератора

После генерации вы увидите такую картину:

генерация фавикона

Выполняем первый пункт. Вы загрузите архив с файлами. Разархивируйте его и все файлы закачайте в корневую папку сайта.

Код прописанный в третьем пункте копируем и вставляем его перед тегом <head>

Теперь можно проверить проделанную работу и вы увидите как будет смотреться реально ваш фавикон на разных устройствах.

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

 

Статья была полезной?