Хотите, чтобы в мобильной выдаче Google красовался ваш фавикон? Соблюдайте ряд правил.
Технической стороне вопроса – как создать favicon для сайта – посвящена отдельная статья. Однако готовый фавикон не обязательно появится в результатах поиска Google. Для этого необходимо выполнить ряд несложных требований:
- значок сайта должен быть открыт для сканирования Гуглботом;
- не следует часто менять адрес, по которому находится фавикон;
- значок для ресурса должен быть кратным 48-ми пикселям (48х48, 96х96 и т.д.). Размер 16х16 применять не стоит;
- favicon должен быть графическим продолжением вашего бренда, что позволит пользователю быстро найти ресурс в мобильной выдаче;
- характер фавикона должен быть нейтральным – дискриминационные и непристойные значки в выдаче не появятся. Google заменит их на собственные по умолчанию.
Стоит помнить, что даже в случае соблюдения всех названных правил значок может и не отобразится в результатах поиска. Причин Google не объясняет.
В сети вы можете найти очень много онлайн генераторов фавиконов. Я остановлюсь на одном — RealFaviconGenerator. Этот генератор сделает фавиконы вашего сайта для разных платформ и браузеров. Ну а если вам достаточно одного значка, Генератор от PR-CY отконвертирует изображение в файл ICO 16х16.
Предположим, что у вас фавикон уже установлен. Зайдите на страницу генератора RealFaviconGenerator и проверьте сначала как выглядит ваш фавикон в разных браузерах и платформах.
В выданной информации вы увидите как выглядит ваш фавикон. Если всё будет в «розовом» цвете, то это значит что не всё в порядке.
Теперь можно переходить к генерации фавикона. Для этого загрузите необходимую картинку размером, как там указано, не менее 260х260 рх (качество будет лучше)
После загрузки картинки вы увидите как будет выглядеть фавикон в разных браузерах и платформах. Внизу странице будет кнопка генерации кода фавикона.
После генерации вы увидите такую картину:
Выполняем первый пункт. Вы загрузите архив с файлами. Разархивируйте его и все файлы закачайте в корневую папку сайта.
Код прописанный в третьем пункте копируем и вставляем его перед тегом <head>
Теперь можно проверить проделанную работу и вы увидите как будет смотреться реально ваш фавикон на разных устройствах.
Исходя из того, что поисковые системы делают главный упор на «мобилизацию» сайтов, думаю будет полезным сделать такую работу с фавиконом.
Статья была полезной?