Що таке фавікон і навіщо він потрібен?

Фавікон (Favicon скорочення від Favorites Icon – іконка для обраного), з'явився і вкорінився в інтернет-спільноті завдяки корпорації Microsoft та їхньому веб-браузеру MS Internet Explorer, у якому й було вперше реалізовано використання іконок сайту, при додаванні його в «Обране».

Де використовується Favicon

Після того як усі компанії, що випускають браузери, перейняли у Microsoft використання фавіконів, вони стали з'являтися не тільки біля назв сайтів у розділі «Обране», а саме:

• в адресному рядку браузера, зліва від адреси сайту;
• біля назви сайту в «Обраному» і «Закладках»;
• у результатах пошукової видачі зліва від назви сайту у всіх найбільших пошукових системах Google, Яндекс, Bing, Yahoo та інших.

Для чого потрібен фавікон

Фавікон це іконка сайту розміром 16х16 пікселів, спочатку була створена у форматі ICO, але тепер підтримуються й інші розширення файлів – GIF, PNG та інші. Зараз підтримуються й інші розміри фавіконів:

• 16х16 пікселів;
• 24х24 пікселя;
• 32х32 пікселя;
• 48х48 пікселів;
• 64х64 пікселя.

Зроблено це для того, щоб, коли користувачі зберігали посилання сайту на робочий стіл, або в інше місце свого комп'ютера, була відображена повноцінна іконка сайту, а не розтягувалося зображення 16х16 пікселів.

Favicon на сайті є його візитною карткою, і зроблений для того, щоб сайт краще запам'ятовувався, і його легше було шукати в обраному, закладках і результатах пошукової видачі. Які зображення для картинки фавікона зазвичай використовують:

• логотип компанії;
• першу букву назви у фірмовому стилі;
• картинку, що асоціюється з компанією, товарами, що продаються, послугами, що надаються, або з тематикою самого сайту.

Як зробити фавікон для сайту?

Компанії, що займаються розробкою сайтів, зазвичай створюють фавікон за замовчуванням, після консультації із замовником. Але зробити фавікон можна і самому за допомогою звичайних растрових графічних редакторів, типу Adobe Photoshop, або за допомогою спеціальних онлайн-сервісів для генерації фавіконів, яких існує велика кількість, і їх легко знайти, скориставшись пошуком у будь-якій з пошукових систем.

Як поставити фавікон на сайт?

Створивши фавікон самостійно або за допомогою сервісу, його потрібно встановити на сайт. Зараз більшість браузерів і роботів пошукових систем визначають фавікон автоматично без написання додаткового коду в HTML сторінки, якщо сам файл називається favicon.ico і знаходиться в кореневій папці сайту. Але щоб підстрахуватися, або ж якщо файл знаходиться в іншій директорії сайту, потрібно прописати код у мета-тегі HEAD:

<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon» />

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon» />

Якщо ви все зробили правильно, відразу після збереження результатів, можна оновити сторінку браузера, і ваша нова іконка сайту з'явиться в адресному рядку браузера. Але миттєвої зміни в результатах пошукової видачі не буде. Відбудеться це після наступного візиту пошукового робота на ваш сайт і наступного оновлення пошукового індексу. Зайняти цей процес може від декількох днів до місяця, залежно від того, коли було останнє оновлення пошукової системи, як часто у вас оновлюється контент на сайті, і як часто до вас заходять пошукові боти.