Как известно favicon — это небольшая картинка (пиктограмма), которая показывается рядом с сайтом, как в результатах поисковой выдачи, так и в браузере (адресной строке). По сути — это лицо Вашего сайта в отдельности и бренда в целом. Установка фавиконки является обязательным элементом внутренней оптимизации сайта.

Главные особенности для favicon.ico — это:

  • размеры — 16 на 16 пикселей;
  • желательный формат — ICO, но возможны и GIF, JPEG, PNG, BMP;
  • отсутствие альфа-канала в картинке, иначе возможны проблемы с отображением в поисковой выдаче;
  • яркость, заметность, тематичность.

По данным моего исследования на сайт с фавиконкой кликают чаще, чем без неё. Кликабельность (CTR) такого сайта возрастает на 5-10%, тем самым это позволяет увеличивать кликовые факторы.

Вопросы создания и подключения favicon.ico на сайт

Фавиконку можно создать на базе готовой картинки, используя средства Photoshop. Для это подходящая картинка редактируется в фотошопе так, чтобы её размеры были 16х16 пикселей. Далее получившаяся картинка сохраняется в формате .png. Имя получившегося файла изменяется на favicon.ico — данный файл и используется в качестве фавиконки для Вашего сайта.

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

Готовый файл — favicon.ico заливается в корневую директорию сайта. После этого Ваша фавиконка должна будет быть доступна, например, по адресу http://www.site.ru/favicon.ico — загружаете и видите в адресной строке браузере маленькую пиктограмму.

Пиктограмма favicon.ico также должна быть обязательно описана в разделе <head> HTML кода Вашего сайта следующим образом:

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