Favicon что это

Favicon что это: надо знать для привлечения внимания к своему сайту

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


Иконка, значок, пиктограмма, мини логотип сайта, фавикон или фавиконка – так называют небольшое изображение сайта.

Мы видим это изображение перед названием URL в адресной строке.

Например, у меня это значок-птичка на зеленом фоне. В тон фона шапки на блоге.

Зачем нужен фавикон

Когда мы работаем со многими сайтами и открываем их в разных окошках, без иконок трудно сразу понять, где какой. Фавикон приходит на помощь.


Что дает нам фавикон:

  • Украшает сайт
  • Помогает его идентифицировать и выделить среди других
  • Вызывает больше доверия
  • Повышает юзабилити сайта, то есть удобство для посетителей
  • Экономит время на поиски
  • Влияет на кликабельность в поисковой выдаче

Сайт с иконкой более заметен и привлекателен для пользователей, чем без нее.

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

Фавикон уже давно стал частью фирменного стиля у многих крупных компаний. Так же, как логотип, фирменный цвет и так далее. Иконка показывает уровень сервиса, уровень компании и профессионализм. В бизнесе мелочей не бывает. Важно все.

Что означает и где встречается фавикон

Слово favicon (фавикон) в переводе «иконка избранного». Сокращение от FAVoritesICON.

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

Где мы сегодня видим эти иконки-фавиконки?

1. При добавлении в избранное и сохраненное

favicon что это

2. В истории просмотров браузера

3. В поисковой выдаче, например, у Яндекса, рядом с названием сайта

favicon что это

В открытой вкладке перед названием страницы

favicon что это

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

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

Технические параметры фавиконов

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

Размеры фавиконов

Определяют следующие:

Самый распространенный размер – 16х16 пикселей.

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

Допускаются так же размеры 32х32 или 120х120. Согласитесь, что качественное изображение позволит получить больше кликов.

Форматы фавиконок

Самый первый, поддерживаемый формат подобных иконок — ICO. Ранее он был единственным. Так как Internet Explorer другие просто не распознавал. Этот формат вполне можно назвать историческим.

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

Кроме того, оказывается, что браузером Internet Explorer продолжает пользоваться достаточно много людей. А этот браузер, как мы выяснили, поддерживает только ICO формат.

А так, теперь предпочтение отдается PNG формату. Именно этот формат отображается почти всеми известными браузерами.

Так же можно использовать форматы  JPEG, GIF и BMP. Но у них  немного ограниченная поддержка со стороны некоторых браузеров.

На что обратить внимание при создании фавикона

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

1.Например, взять не все название, а первую букву.

2. Упростить графику, убрав все «лишние» детали.

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

Как создать фавикон для сайта

Самые распространенные способы:

1. Создать иконку самостоятельно в любом графическом редакторе, например, в Фотошопе. Для этого вам понадобится плагин Favicon.ico.

2. Нарисовать в одном из онлайн сервисов для создания иконок

Самый известный из подобных сервисов — favicon.ru. Или перейдите в сервис Katvin. А еще проще зайти в поисковик и набрать запрос — «создать фавикон онлайн».

3. Скачать готовый вариант значка с бесплатного фотостока или банка иконок. Перечислю несколько подобных банков. Это стоки Iconizer.net , findicons.com и другие.

4. Использовать онлайн генератор. Например, такой — The Favicon Gallery.

Как установить фавикон на сайт

Я расскажу про тот способ, который использовала сама – через консоль Ворд Пресс. Начиная с WordPress 4.3, появилась возможность добавлять значок прямо из админки.

Последовательность следующая:

1. Заходим по своему паролю в админку Ворд Пресс.

Консоль- внешний вид- настроить

Favicon что это

2. Попадаем в свойства сайта.  У меня уже здесь все установлено, у вас будет по другому. Просто пустые поля внизу, где иконка сайта.

favicon что это

3. Выбираем свою готовую иконку, сохраненную на компьютере. Загружаем ее.

favicon что это

4. Нажимаем «Опубликовать». Это будет голубая кнопка сверху.


Важно!

В Яндексе ваш новый значок покажется не сразу. Только через несколько недель или даже через месяц.

Вы можете через какое-то время проверить, появился ли уже фавикон в выдаче Яндекса.

Сделать это можно по следующему адресу:

http://favicon.yandex.net/favicon/www.site.ru

Где последние данные (www.site.ru) – это ваше доменное имя

Например, я проверяла свой сайт по такому адресу –

http://favicon.yandex.net/favicon/zarabot-okonline.ru

Если вы увидите свой значок на черном фоне, значит, все сделано правильно.

Если же при переходе по ссылке значок не появится, причин может быть несколько:

  1. Был задан не тот размер
  2. Не то формат
  3. Картинка не уникальна. В этом случае роботы могут блокировать ваш фавикон
  4. Просто у Яндекса проходят какие-то работы, что бывает время от времени. Проверьте чуть позже еще раз.
  5. Ваш сайт, к сожалению, находится слишком далеко в поисковой выдаче. Далее, чем 100 позиция. Тогда свой фавикон вы так же не увидите.

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

С уважением, Наталия Цветова

Оставьте ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *