Фавикон (favicon) — это иконка, расположенная перед названием страницы во вкладке браузера. Как правило, картинка содержит логотип, первую букву наименования бренда или изображение, которое соответствует тематике ресурса.
Фавикон позволяет легко найти нужный сайт среди множества вкладок. На скрине в браузере можно быстро найти вкладки с «Пачкой», «Битрикс 24», Jira, ну и, конечно, сайтом Unisender 🙂
Сейчас фавикон присутствует не только на вкладках, но и на панели закладок, в истории и закладках браузера, в десктопной и мобильной выдаче поисковых систем.
Фавикон привлекает внимание
Зачем нужен фавикон
Помогает быстро найти нужную вкладку. Фавикон позволяет выделить бренд и его сайт среди браузерных вкладок. Если иконки на вкладке нет, отображается картинка чёрно-белой планеты, по которой невозможно распознать сайт (или другой стандартный значок-заглушка — в зависимости от браузера). Когда в браузере одновременно открыто 10-15-20 вкладок, текст заголовка просто не виден, и распознать нужный сайт можно только по изображению.
Повышает узнаваемость и запоминаемость бренда для аудитории. Картинка привлекает внимание, запоминается и ассоциируется с брендом. Позже, когда пользователи видят ту же иконку в поисковых результатах, в рекламных объявлениях или закладках, они вспоминают о бренде.
Позволяет выделить сайт при установке на главный экран мобильных устройств. Например, когда человек выносит вкладку на рабочий стол для быстрого доступа. Благодаря фавикону пользователи не забудут, что это за сайт, и быстро найдут его среди других приложений.
Как придумать и создать фавикон
Три главные характеристики хорошего фавикона — чёткость, простота и запоминаемость. Изображение должно быть понятным и легко узнаваемым.
Чтобы понять, насколько качественной получилась готовая иконка, рекомендуем ответить на следующие вопросы:
- Выделяется ли фавикон на фоне конкурентов? Посмотрите выдачу поисковика по вашим ключевым запросам и изучите фавиконы. Обратите внимание на форму, цвет и содержание картинок конкурентов. Вам необходимо придумать что-то, что будет кардинально отличаться.
- Вызывает ли фавикон ассоциации с брендом, сайтом или видом бизнеса? Хорошая иконка при первом взгляде на неё помогает вспомнить категорию сайта или определить принадлежность к бренду. В качестве эксперимента можно показать изображение сторонним лицам и спросить, какие мысли у них возникают.
- Понятно ли, что именно изображено на фавиконе? Учтите, что на небольшой картинке будет сложно различить мелкие детали. Постарайтесь избегать слишком ярких цветов. Они будут отвлекать внимание от содержания сайта.
Создать фавикон быстрее всего с помощью специальных сервисов: favicon.by, генератор PR-CY, favicon.io и др. Найти такие сервисы легко в поиске по запросу «фавикон создать онлайн».
Большинство подобных инструментов обладают схожим функционалом: вы загружаете картинку, указываете формат и размер, а сервис выдаёт вам готовую иконку для скачивания. Некоторые генераторы позволяют создавать фавиконы с нуля, выбирая цвета, формы и прочее.
О том, как потом разместить фавикон на сайте, читайте в блоге Unisender.
