Что такое фавикон и зачем он нужен?

Kristina | Август 11, 2014

Слово «фавикон» (favicon) пошло от английского «Favoritesicon», что означает: «значок для избранного». Это маленькое изображение, которое отображается в адресной строке сайта, в списках закладок, используется некоторыми поисковыми системами. В данной статье мы поговорим о том, как добавить фавикон на сайт или поменять его , как сделать фавикон в режиме онлайн и какие сервисы или программы использовать.

Не стоит приуменьшать полезность фавикона. Ведь именно он создает на подсознательном уровне первое впечатление о проекте, привлекает внимание и создает эффект бренда.

Раньше фавиконы были только в формате ico, т.к. поддерживались исключительно браузером Internet Explorer. На сегодняшний день доступны разные форматы – gif, png и другие.

favicon-example

Таким образом, если говорить простыми словами, то favicon – это иконка сайта, которая используется различными программами и сервисами (поисковыми системами, сервисами закладок, каталогами и т.д). Как уже говорилось выше, поисковые системы также использует данные иконки.

favicony_sajtov

Если поисковая система показывает в выдаче favicon, это, в большинстве случаев, способствует повышению кликабельности и росту числа переходов из поиска. Что, в свою очередь, положительно сказывается на росте позиций и улучшении запоминаемости того или иного проекта. Однако обратите внимание, что устанавливать фавикон лучше на уже оптимизированный сайт.

После смены или установки нового графического изображения, должно пройти некоторое время. Подобные изменения в поисковой выдаче появляются обычно через 2-3 недели.

Классический размер фавикона составляет 16х16 пикселей. Однако есть и другие размеры: 24х24, 32х32, 48х48 и 64х64. Это обусловлено тем, что некоторые пользователи сохраняют ярлык интернет-страницы на рабочем столе. Все эти размеры помещаются лишь в один favicon на вебсайте и от этого его величина становиться больше. Поэтому, к созданию фавикона нужно подойти грамотно.

На сегодняшний момент практически все современные браузеры имеют возможность показывать соответствующую иконку для каждой страницы в отдельности.

Если вы не знаете, как установить фавикон, следуйте следующему алгоритму:

  1. Сделайте favicon. Сервисы для его создания указаны ниже.
  2. Загрузите полученное изображение в корневой каталог сайта. К примеру, www.ste.ru/favicon.ico (gif, png)
  3. В мета-тег <head></head>нужно вставьnt следующий код:

<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon» />

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon» />

Каким должен быть фавикон?

primery_favikonov

Разобрав технические моменты, можно переходить к имиджевым. Каким же на самом деле должна быть иконка сайта для улучшения запоминаемости и брендирования?

  1. Не будем скрывать, что фавикон является своеобразной визитной карточкой сайта. Именно поэтому, несмотря на его маленький размер, обратить внимание на него все-таки стоит. Логичным дизайнерским решением для одного из наиболее маленьких графических элементов является его схожесть с дизайном проекта. Если фавикон не будет ассоциироваться с сайтом и формировать о нем первое впечатление, тогда зачем он вообще нужен?
  2. Сделайте иконку простой и понятной для среднестатистического пользователя. Не стоит вставлять целые шедевры мировых художников! Фавикон должен быть простым и понятным – это аксиома.
  3. Как уже говорилось выше, данный графический элемент должен отображать тематику сайта. Но если вы продаете бытовую технику, будет проблематично уместить в фавикон все ее многообразие или, наоборот, ограничиться одной лишь стиральной машиной. Подумайте ещё и найдите верное решение!
  4. Favicon должен ассоциироваться с сайтом. Обратите внимание, на иконку, к примеру, Яндекса – большая красная буква «Я». Или Google– буква «g». Благодаря созданию определенного образа, ваш сайт станет более узнаваемым как онлайн, так и оффлайн.

Сервисы для генерации фавиконов и галереи

finds-favicon

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

Готовые фавиконы для сайта

  • Галерея favicon’s от рекламного агентства ВЕБ АУДИТ. Данная сборка является одной из наиболее популярных в российском сегменте интернета. На сегодняшний день количество графических изображений в базе насчитывает более 15 тысяч.
  • IconJ – это не только один из самых больших каталогов фавиконов, но и их генератор. На сайте вы сможете подобрать изображение на любой вкус или же создать свое собственное. Каталог насчитывает более 18 тысяч иконок.
  • Самым простым и популярным сервисом не только в заграничном сегменте интернета, но и русском является Favicon.cc. Он содержит в себе большое количество функций и настроек, которые помогут сделать именно тот фавикон, который вы давно хотели. Все изменения происходят в режиме реального времени и отображаются в специальном окне предварительного просмотра.

favicon_cc

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

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInShare on VKPin on Pinterest