Как сделать фавикон?

Опубликовано: 04.09.2016 в 14:26

Перед каждым, кто принял решение о создании собственного сайта, рано или поздно встает вопрос установки фавикона. Что представляет собой фавикон (иконка сайта)? Это небольшая картинка, которая отображается в браузере слева от заголовка страницы. Фавикон является частью имиджа сайта, он привлекает внимание посетителей. Кроме того, в поиске Яндекса иконки фавиконов отображаются рядом с названиями сайтов, что делает их своего рода дополнительным маркетинговым инструментом. Броская картинка будет отличным символом вашего сайта и повысит его узнаваемость у целевой аудитории.

Создание фавикона

Фавикон для сайта обычно имеет размер 16х16 пикселей и формат ico. Данный формат, в отличие от png, поддерживается всеми современными браузерами. Допускается использование и картинок с разрешением 32х32 пикселя, но в браузере она все равно будет уменьшена до размера 16х16. Где взять подходящее изображение на роль фавикона для сайта? Если у вас есть навыки работы в графических редакторах, вы можете самостоятельно нарисовать картинку или воспользоваться несложным генератором фавиконов. Еще можно заказать создание иконки у профессионалов. Также в интернете имеется немало ресурсов, на которых доступны бесплатные фавиконы сайта различной тематики.

Установка фавикона на сайт

После того, как вы создали фавикон, нужно загрузить его на сайт. Как установить фавикон на сайт, чтобы он был виден вашим посетителям? Сделать это достаточно просто. Как правило, нужно всего лишь закинуть изображение на сервер в корневой каталог сайта, и прописать его в коде шаблона сайта, файле index.php. Адрес файла index.php зависит от системы управления содержимым или CMS. Открыв index.php, следует вписать между тегами <head></head> следующий код: <link href=”favicon.ico” rel=”shortcut icon” type=”image/x-icon” />. Стоит отметить, что в некоторых CMS фавикон устанавливается через панель управления сайтом, без необходимости вручную прописывать его в коде шаблона.

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

Проблемы с отображением и индексацией фавикона

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

Для Google.com – http://www.google.com/s2/favicons?domain=www.google.com (вместо google.com вставляете адрес своего сайта).
Для Яндекса – http://favicon.yandex.net/favicon/www.yandex.ru ( опять же, вместо yandex.ru вставляете адрес своего сайта).
Кроме того, существуют специальные сервисы-валидаторы для проверки фавикона. Вот один из таких сайтов, где вы можете проверить отображение фавикона в разных браузерах и на различных устройствах: http://realfavicongenerator.net

Стоит отметить, что чаще всего иконка сайта не видна именно в поиске Яндекса. Дело в том, что для отображения фавикона нужно, чтобы поисковый робот посетил ваш ресурс и проиндексировал добавленную иконку, причем в зависимости от возраста сайта, данная процедура может затянуться на несколько дней, а то и недель. Именно эта особенность является наиболее распространенной причиной, почему не индексируется фавикон в Яндексе. В случае осложнений с индексацией фавиконки на выдаче, смело пишите в support Яндекса. Порой, это лучшее решение для своевременного устранения ошибок индексирования иконок сайта.

Поделиться с друзьями:

Комментарии к записи “Как сделать фавикон?”

  • Ягодный микс SEO и фреш SMM:

    Я делаю фавиконами обычные png картинки, они лучше индексируются. Хотя ico тоже в Яше нормально индексируются и все странице в индексе. Только мне кажется, что расплывается все в этом формате. То, что не все браузеры отображают формат не ICO- это прошлый век. Основные отображают нормально, а какой-нить флок или сеоманкинг пусть тусуются на продоле. =)

  • Добавить комментарий