Favicon (англ. Favorite Icon), как многие наверняка знают, это такая иконка в специальном формате, которая отображается в адресной строке, при посещении какого-либо сайта, например этого, вкладке браузера или в его закладках (“Избранном”). Обычно она хранится в корневой папке сайта и называется favicon.ico.

Какая от фавиконов польза?

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

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

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

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

Исходя из сказанного о лучшей кликабельности сайта с фавиконом, вот пара советов, чтобы улучшить этот CTR:
Применяйте фавикон, на который хочется кликнуть (если не используете логотип компании);
Сделайте несколько дизайнов фавиконок для различных событий (напр. Нового Года, Дня Святого Валентина или Дня космонавтики, …). По запросу “одноклассники” я недавно наблюдал в выдаче яндекса деда мороза
Иконка должна соответствовать тематике сайта.

Как Яндекс работает с фавиконками?

Алгоритм работы Яндекса с иконками примерно следующий:

1. Специальный Яндекс.Бот, отвечающий за сбор и обновление иконок, поочередно, по своему расписанию, запрашивает главную страницу сайтов в своем индексе для нахождения в коде HTML пути к favicon.ico. Этот бот носит название “Yandex/1.02.000 (compatible; Win16; F)”.

2. Если в коде не обнаружено использование фавикон, тогда берется путь по умолчанию http://www.website.ru/favicon.ico.

3. Иконка загружается на сервер Яндекса (favicon.yandex.net), предварительно над ней проводится операция преобразования к формату PNG 16×16 пикселей. После этого шага иконка доступна по адресу

где последняя часть является именем нужного домена (введите yandex.ru, например).

4. Бот, в зависимости от частоты обновления вашего сайта, периодически перепроверяет иконку, чтобы его база всегда содержала текущие пиктограммы.

Желательно, чтобы иконка в HTTP заголовках возвращала Content-Type: image/x-icon, хотя на данный момент Яндекс умеет работать и с gif, png и другими форматами тоже. Для каждого сайта апдейт фавиконок происходит по своему расписанию.

Как сделать favicon.ico?

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

http://www.favicon.cc/
http://www.favicon.co.uk/
http://favicon.ru/

Либо вы можете заказать дизайн favicon у специальных дизайнерских web-студий, они вам сделают пиктограмку профессионально и по теме. Также вы можете нарисовать иконку сами в фотошопе. Для сохранения изображений в photoshop в формате .ico, необходимо поставить специальный плагин (”скачать для windows“).

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

Используйте для этого приведенный ниже HTML код в теге

P.S. Анимированные иконки преобразуются в статические PNG.
P.P.S. Иногда Яндекс плохо обрабатывает прозрачность.

Источник