ПРОФЕССИОНАЛЬНЫЙ ХОСТИНГ (495) 626-47-47
(ежедневно, с 9:00 до 21:00) support@awaxhost.net
О компании Наши услуги Способы оплаты Помощь (FAQ) Контакты Реселлинг Дата-центр Партнерам
Введите имя домена: Проверить
Регистрация доменов Парковка домена Хостинг Виртуальный сервер VDS DNS-хостинг
Фавикон – визитная карточка сайта

Установить фавиконку на ресурс совсем не сложно, но почему-то не все веб-мастера это делают. Разберемся, насколько важен favicon для сайта, как ее сделать или где заказать.

Пиктограмма размером 16х16 пикселей видна в адресной строке браузеров. Она вместе с именем сайта представляет его в папке «Избранное» (откуда и название – Favorite Icon). Например, узнаваемы Википедия (W) или сервис скачивания файлов через торрент (греческая буква мю). Если в качестве иконки взят логотип сайта, это оптимизирует поиск. Дело в том, что наличие идентификатора в длинном списке выдачи привлекает посетителя, невольно заставляя его открыть ресурс, помеченный значком.

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

Как сделать Favicon

Он-лайн генераторов создания favicon для сайта (расширение .ico) существует множество. В Favicon.cc каждый сможет нарисовать (или загрузить) изображение, а затем его подправить. Простой способ – плагин Icon Factory к Photoshop. Здесь используются готовые картинки, сам процесс прост и описан пошагово в различных руководствах. По умолчанию формат favicon это .ico, обычно достаточно положить favicon.ico в корень сайта и она будет работать. Но можно также использовать форматы png и gif, и в коде сайта указать любой путь к иконке. Прописывается через <link> в теге <head></head>:

<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/img/favicon.png" type="image/png">
<link rel="shortcut icon" href="/img/favicon.gif" type="image/gif">

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

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