27.02.2021
39

Фавиконка

Ольга
автор ApiX-Drive
Время прочтения: ~3 мин

Фавиконка (фавикон, favicon) — это термин, пришедший к нам от английского словосочетания favorite icon — любимая иконка.

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

Впервые его начали использовать в 1999 году в пятой версии Internet Explorer. На тот момент это был самый популярный браузер, и он активно развивался. В интернете можно встретить различные названия: Favicon, фавикон, фавиконка. 

Наиболее корректно объяснить это понятие можно так: фавикон — это мини-логотип сайта, размерами 16х16 пикселей, которые разрабатывают именно для вкладки, но сегодня уже могут использоваться и картинки до 212 пикселей.

Почему favicon необходим каждому сайту?

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

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

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

Сегодня уже очень сложно найти сайт, у которого нет фавикона, что еще раз подтверждает то, что такой логотип работает и что его необходимо разрабатывать каждому начинающему проекту. У пользователей фавикон вызывает доверие, сайт выглядит закончено и более профессионально, чем ссылка с пустым местом вместо фавикона или стандартной картинкой, которую по умолчанию прикрепляет CMS-система, с помощью которой был разработан сайт. 

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

Фавиконы сайтов показываются не только на вкладках браузера, но еще в сниппетах на страницах поисковой выдачи Google (в рекламных объявлениях и органической выдаче), а также в избранном (панели закладок) и истории просмотров браузера.

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

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

Современные браузеры поддерживают разные форматы этих пиктограмм: JPEG, GIF, PNG, SVG (в разрешении ICO), при этом их файлы доступны в широкой линейке размеров: 16х16, 32х32, 60х60 или даже 120х120 пикселей.

***

Вернуться на главную Энциклопедия eCommerce

Настроить интеграцию без программистов ApiX-Drive

Статьи о маркетинге, автоматизации и интеграциях в нашем Блоге