Что такое фавикон? Полное руководство для дизайнеров веб-сайтов

Крошечная графика в форме значка может иметь большое значение в брендинге вашего сайта. Но большинство дизайнеров и разработчиков забывают об этом графическом активе. Это фавикон.

Теперь вы можете спросить, что такое фавикон? Это жизненно важный элемент дизайна вашего веб-сайта, который выделяет ваш бренд из толпы.

Прочтите это подробное обсуждение фавикона, поскольку мы проливаем свет на его определение, важность и все остальное, что вам нужно знать.

Что такое фавикон? 

Слово favicon произошло от слияния двух слов: «избранное» и «значки». Избранное напрямую относится к разделу закладок веб-браузера. С другой стороны, значок или логотип — это графический актив, который маркирует бизнес, блог, онлайн-журнал или пространство электронной коммерции.

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

Кроме того, создавайте его с умом, поскольку он работает как визуальный идентификатор вашей веб-страницы, когда пользователь Интернета открывает множество вкладок в веб-браузере и больше не видит название веб-сайта.     

Позиционирование фавикона

Мастера-дизайнеры веб-сайтов считают фавиконки важным активом веб-сайта, потому что вы можете найти значок в стратегических местах. Обычно фавикон вашего сайта отображается здесь: 

• В левой части вкладок веб-браузера
• Меню истории веб-браузера
• В раскрывающемся меню раздела закладок веб-браузера
• Приложения панели инструментов
• История браузера
• Поисковая строка
• Предложения панели поиска 
• В результатах поиска

SEO-важность фавиконов

Фавиконы — это косвенный инструмент, влияющий на ранжирование страницы результатов поисковой системы ( SERP ) вашего сайта. Это также недорогой актив веб-сайта, который вы можете легко добавить на любой старый или новый веб-сайт. Вот как фавиконки повышают усилия по поисковой оптимизации (SEO) вашего сайта: 

• Favicon увеличивает вероятность того, что ваш веб-сайт будет добавлен в закладки в веб-браузере Google Chrome и, таким образом, увеличивает вероятность повторного посещения веб-сайта.
• Удобные для пользователя веб-сайты имеют лучшие возможности SEO-рейтинга, а фавикон повышает удобство для пользователя.
• SEO — это все о маркетинге и брендинге, и favicon обеспечивает это без двусмысленности. 

Характеристики фавикона

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

Размер/разрешение изображения фавикона

• Для универсального использования в любом веб-браузере популярны фавиконы размером 16 x 16 пикселей.
• Фавиконы размером 24 x 24 пикселя подходят для прикрепленных страниц Internet Explorer.
• 57 x 57 пикселей — стандартный размер домашнего экрана iOS.
• Платформы Google TV предпочитают значки размером 96 x 96 пикселей.
• Opera Speed ​​Dial требует изображения размером 195 x 195 пикселей.
• Фавиконы Apple Touch должны иметь размер 180 x 180 пикселей.

Тип файла изображения фавикона 

Первым выбором должен быть тип файла ICO из Microsoft Windows. Вы также можете выбрать файлы PNG, JPEG, SVG и APNG для фавиконов. 

Что такое фавикон: заключительные слова

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

Теперь, когда вы прочитали эту статью, вы должны были найти ответ на свой вопрос: «Что такое фавикон?» Свяжитесь с разработчиком вашего веб-сайта сейчас, чтобы добавить этот крошечный, но мощный значок, если на вашем веб-сайте его нет.

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