Що таке 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" />

PS Анімовані іконки перетворюються в статичні PNG.
PPS Іноді Яндекс погано обробляє прозорість, наприклад для google .