Что такое favicon?
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 пикселей. После этого шага иконка доступна по адресу
http://favicon.yandex.net/favicon/devaka.ru
где последняя часть является именем нужного домена (введите yandex.ru, например).
4. Бот, в зависимости от частоты обновления вашего сайта, периодически перепроверяет иконку, чтобы его база всегда содержала текущие пиктограммы.
По своим логам я заметил, что на необновляемом сайте бот заходит примерно раз в месяц:
213.180.207.227 – - [03/Oct/2008:15:03:34 +0300] “GET / HTTP/1.1” 200 3844 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [28/Nov/2008:18:34:42 +0200] “GET / HTTP/1.1” 200 3844 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [03/Dec/2008:09:39:38 +0200] “GET / HTTP/1.1” 200 3844 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [07/Dec/2008:03:20:33 +0200] “GET / HTTP/1.1” 200 3844 “-” “Yandex/1.02.000 (compatible; Win16; F)”
На частообновляемом сайте, например на этом блоге, робот Яндекса проверяет иконку 5 раз в месяц, приблизительно раз в неделю.
213.180.207.227 – - [31/Aug/2008:01:02:06 +0300] “GET / HTTP/1.1” 200 35269 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [05/Sep/2008:11:51:15 +0300] “GET / HTTP/1.1” 200 33993 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [09/Sep/2008:20:12:00 +0300] “GET / HTTP/1.1” 200 33830 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [14/Sep/2008:08:19:29 +0300] “GET / HTTP/1.1” 200 33784 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [21/Sep/2008:06:04:33 +0300] “GET / HTTP/1.1” 200 33828 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [28/Sep/2008:07:53:32 +0300] “GET / HTTP/1.1” 200 33930 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [03/Oct/2008:01:06:09 +0300] “GET / HTTP/1.1” 200 33361 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [10/Oct/2008:05:02:48 +0300] “GET / HTTP/1.1” 200 32254 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [15/Oct/2008:13:29:02 +0300] “GET / HTTP/1.1” 200 33625 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [19/Oct/2008:09:08:18 +0300] “GET / HTTP/1.1” 200 35325 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [25/Oct/2008:03:37:18 +0300] “GET / HTTP/1.1” 200 41338 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [08/Nov/2008:20:15:54 +0200] “GET / HTTP/1.1” 200 41112 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [13/Nov/2008:23:12:28 +0200] “GET / HTTP/1.1” 200 40033 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [18/Nov/2008:20:36:50 +0200] “GET / HTTP/1.1” 200 39307 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [27/Nov/2008:20:45:06 +0200] “GET / HTTP/1.1” 200 46447 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [06/Dec/2008:21:49:34 +0200] “GET / HTTP/1.1” 200 50510 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [19/Dec/2008:07:53:10 +0200] “GET / HTTP/1.1” 200 49363 “-” “Yandex/1.02.000 (compatible; Win16; F)”
213.180.207.227 – - [24/Dec/2008:09:58:38 +0200] “GET / HTTP/1.1” 200 44062 “-” “Yandex/1.02.000 (compatible; Win16; F)”
Желательно, чтобы иконка в HTTP заголовках возвращала Content-Type: image/x-icon, хотя на данный момент Яндекс умеет работать и с gif, png и другими форматами тоже. Для каждого сайта апдейт фавиконок происходит по своему расписанию.
Как сделать favicon.ico?
Для того, чтобы сделать свою пиктограмку, можно воспользоваться специальными сервисами по генерации иконок, например: http://www.favicon.cc/. Либо вы можете заказать дизайн favicon у специальных дизайнерских web-студий, они вам сделают пиктограмку профессионально и по теме. Также вы можете нарисовать иконку сами в фотошопе. Для сохранения изображений в photoshop в формате .ico, необходимо поставить специальный плагин (”скачать для windows“).
Как установить иконку favicon на свой сайт?
Используйте для этого приведенный ниже HTML код в теге <head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
P.S. Анимированные иконки преобразуются в статические PNG.
P.P.S. Иногда Яндекс плохо обрабатывает прозрачность, например для google.
SEOshNic
Декабрь 27, 2008 at 23:53
1Мне в этом плане больше понравился favicon.ru
Он позволяет из любого изображения сотворить иконку… нарисовал большую нормальную картинку в паинте или фотошопе (кто на что горазд), а потом просто пропустил через этот сервис и прописал. УдобнЕЕ имхо
Devaka
Декабрь 28, 2008 at 00:04
2SEOshNic, согласен, favicon.ru тоже норм. Кстати тут: http://www.favicon.cc/?action=import_request можно импортировать изображение и отредактировать онлайн, при надобности.
fom
Январь 2, 2009 at 23:13
3http://www.knownpage.com – галерея фавиконов и видомо скоро будет галерея фавиконов известных брендов
markeev
Январь 25, 2009 at 18:26
4Спасибо за отличный пост, о таком яндекс-роботе я слышу от вас впервые…
Iskatel.Cz
Февраль 9, 2009 at 19:17
5Спасибо – вроде мелочь, но очень полезная! ;)
baykov
Март 13, 2009 at 18:48
6Спасибо. Про робота знал. Про периодичность обхода предполагал. А вот про доступность с адреса http://favicon.yandex.net/favicon/ услышал впервые.
agapit
Март 30, 2009 at 13:46
7Благодарю, я узнал новое:)
Alex
Апрель 3, 2009 at 18:24
8Тоже благодарен! Про робота узнал, не думал, что и такой тоже есть. Тоже слышу о нем впервые.
Ленивец
Апрель 20, 2009 at 09:01
9Весело, посмотрел на свои иконки в кеше яндекса :)
Есть над чем поработать :)
Санёк
Апрель 27, 2009 at 01:52
10Кто сможет создать анимированный favicon не за дорого, напишите в icq: 403988326
Ленивец
Апрель 27, 2009 at 03:22
11А смысле в анимации?
Альберт
Май 18, 2010 at 09:33
12Спасибо за статью. С ней сделал классного солнышко-колобка на сайте
jobgomel
Июль 7, 2010 at 20:24
13я могу и ошибаться, но по моему тип image/x-icon давно уже устарел. Сейчас принято использовать MIME типы ( image/png )
ALex
Сентябрь 1, 2010 at 15:37
14Сергей, спасибо за статью! Очень оказалось вовремя и нужно ! Я так понял что мой фавикон favicon будет отображаться не сразу в Яндексе а только через некоторое время ? Я обычно работаю в браузере ГУГЛ ХРОМ. Как сделал фавикон – он отобразился в ХРОМЕ сразу ! Но зашел через Интернет Эксплорер и увидел что его нет, точнее НЕ УВИДЕЛ свой фавикон – с чем это может быть связано ? Я сделал и саму картину и вставл после тега ХЭД этот код который надо вставить – но все равно ИЕ не отображает почему то :-(
bulls
Ноябрь 13, 2010 at 21:59
15Есть плагин для фотошоп, который сохраняет картинку-16*16, с расширением .ico
Алексей
Июнь 14, 2011 at 16:48
16Сергей, всё очень интересно, но я не могу найти (compatible; Win16; F) в своих логах…
подскажи пожалуйста почему так?
Devaka
Июнь 14, 2011 at 17:16
17Алексей, с недавнего времени Яндекс переименовал юзер-агентов своих роботов.
help.yandex.ru/webmaster/?id=995329
Теперь он называется
Mozilla/5.0 (compatible; YandexFavicons/1.0; +http://yandex.com/bots)
Алексей
Июнь 14, 2011 at 19:42
18Спасибо, буду знать.
Павел
Июль 19, 2011 at 21:34
19Полезня вещь, сразу приводит сайт в оригинальность.
Роман
Июль 27, 2011 at 13:35
20есть вопрос, у меня на внутренних страницах есть фавикон, не на ввех и по разным запросам у одной и той же страници, то есть иконка, то нет, но вопрос вот в чем, я эти иконки не ставил никогда и в коде их тоже нет, на ум приходит только взлом, но ничего подозрительного на своих страничках я не заметил никаких скриптов ни ссылок внешних тоже нет, короче вообще понять не могу откуда они взялись как будто из воздуха, ведь как я понимаю по тематике они же автоматом не могут проставляться… хотелось бы услышать ответ опытного человека, а то я уже все перерыл
Копирайтер
Август 11, 2011 at 13:14
21Интересно. Надо теперь для всех своих сайтов фавиконы сделать. А то не на всех они есть.
Авас
Август 11, 2011 at 17:04
22Пошел 3й месяц с замены стандартного джуловаского фафикона на свой, а яндекс его так и не обновил( В чем может быть причина?
Denis
Август 20, 2011 at 17:08
23Спасибо! Интересная инфа! Никогда раньше не слышал про такого робота.
Алексей
Сентябрь 7, 2011 at 23:32
24Спасибо,я про тоже робота впервые слышу,удивило
буду ставить на свой сайт.
we6mazter
Сентябрь 29, 2011 at 07:15
25Добавлю, если favicon не показывает нужно прописать в .htaccess
AddType image/x-icon .ico
Создание favicon тут – http://pr-cy.ru/favicon
Poman
Декабрь 12, 2011 at 12:35
26Очень полезная информация и не думал даже об этом.
Евгений Ковалёв
Декабрь 17, 2011 at 02:15
27Мне нравится плагин на ВордПресс по использованию файвикона. У сайта появляется свой маленький узнаваемый логотип. А вот сайты без эмблемки в закладках смотрятся скучновато.
Андрей
Декабрь 17, 2011 at 22:14
28Favicon.ico это не только эмблема сайта, но и кусочек уникальности по которому пользователям легче ориентироваться. Для создания Favicon.ico даже есть специальный сайт в котором можно нарисовать иконку и скачать уже готовую онлайн, вот ссылка www.favicon.cc.
Роман
Январь 9, 2012 at 13:49
29У меня почему-то яндекс не обновляет фавикон. Как ни странно сменил его начале декабря прошлого года, а в поиске все так-же. Вот гугл проиндексировал, а яша – нет. Есть у кого-нибудь еще похожие проблемы?
Сергей
Январь 25, 2012 at 13:47
30Я читал, что Яндекс может вообще не обнаружить фавикон… хотя у меня обычно через пару месяцев максимум находит. А программку я использую AveIcon. очень простая и с прозрачностью у иконок нет проблем, рекомендую!
AlexB
Февраль 5, 2012 at 21:26
31Довольно таки интересно) Раньше не знал многого про это. Фавики всегда сам делаю на фавикон.сс, который вышу указывали.
И вопрос – если пути в хедере не прописаны и фав будет браться яндексом по умолчанию из корня сайта, то стоит ли их прописывать вообще?
Игорь
Март 22, 2012 at 11:55
32На joomla заметил, что favicon не всегда попадают в индекс иконок Яндекса. Думаю, это происходит из-за директивы Disallow: /templates/, стоящей по умолчанию в robot.txt у джумлы. Устанавливал значок в корень сайта, пришлось искать код и править вручную, чтобы заменить путь к favicon. Теперь жду – поможет или нет )))