Що потрібно знати перед тим, як додати фавікон на сайт

Що потрібно знати перед тим, як додати фавікон на сайт

В даний час без фавікону не обходиться жоден сайт. Стандартні іконки закладені при створенні майданчика. Тільки вони не завжди влаштовують користувача. Проблема в тому, що не кожен власник ресурсу знає, як додати фавікон. Дія це не така складна. Натомість результат дозволить упізнати сайт серед кількох інших у видачі. Адже ключові слова можуть бути схожими, а фавікон не підведе. Саме його додавання часто пояснює рішення відвідувача зайти на ресурс.

Фавікон для сайту

Перед тим як помістити фавікон на сайт, його потрібно створити. Для цього можна вибрати один із запропонованих варіантів:


  1. Замовити макет у дизайнера.
  2. Створити самостійно на онлайн-сервісах в Інтернеті.
  3. Створити самому у фотошопі.

Стандартне зображення зберігається з суфіксом ICO. Розмір його бажано вибрати 16х16 пікселів. Бувають розміри і більше. Вони потрібні при збереженні користувачем сторінки на робочому столі.

Далі розміщуємо картинку в корені сайту. Для цього вписуємо рядок http://site.ru/favicon.ico, де замість:

  • ru прописуємо назву власного ресурсу;
  • ico вписуємо назву файлу з фавіконом.

Для правильного відображення в пошуковику необхідно вписати зображення в код. Для завантаження слід скористатися теґом < head > </head >. У нього вставляється рядок < link rel = "shortcut icon" href = "/favicon.ico "type =" image/x-icon "/>. Є ще один варіант - < link rel = "icon" href = "/favicon.ico "type =" image/x-icon "/>.

Після цього розроблений логотип буде встановлено. Побачити його можна як на сайті, так і в запитній видачі. Стоїть іконка перед адресою ресурсу.

Фавікон і браузери

Перед тим як додати фавікон, варто визначитися з його розширенням. Воно може бути:

Але різними браузерами підтримуються різні розширення. Який браузер лояльний до якого формату фавікона, покаже таблиця нижче.

Тип переглядача

ICO


SVG

PNG

APNG

GIF

GIF анімований

JPEG

Internet Explorer

2


3

1

1

1

1

1

Google Chrome


3

3

2

1

2

1

2


Firefox

2

1

2

2

2


 

3

Opera

2

2

2

2

2

2

2

Safari

3

1

2

1

2

1

2

1 - не підтримує;

2 - підтримує не всі версії;

3 - підтримує всі версії.

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

Якщо хочеться додати кілька фавіконів

Іноді є бажання або необхідність додати невелике зображення для кожної сторінки або ж зробити різні формати для перегляду на різних браузерах. У такому випадку до питання, як додати фавікон стандартно, потрібно додати ще пару штрихів.

Вписання вставки фавікону в корінь сайту дуже просте. Але цього недостатньо для створення декількох розширень. Для цього потрібно в HTML-код вставити < link rel = "" icon "" type = "" image/ico "" href = "" http://ваш _ сайт/favicon.ico ""/>, попередньо обрамивши рядок < head >.

Створюючи таку конструкцію, слід пам 'ятати, що для Internet Explorer слова icon недостатньо. Необхідно перед ним вписати shortcut. У такому випадку стандартний браузер буде реагувати на словосполучення, а решта - тільки на останнє слово.

На форумах існує багато питань, як додати фавікон в "" Яндекс "". Якщо зображення додано до коріння сайту, реєстрація не потрібна. Роботи знайдуть його за замовчуванням.

Додав і втратив

Буває, що всі дії зроблені вірно, а при перевірці в пошукових системах картинки немає. Адже головне не те, скільки додати, а як додати фавікон. В "Яндекс. Директ "" при правильному додаванні модерація зображення займе від 2 до 4 тижнів. У цей час сайт буде відображатися без фавікону. Варто також згадати, що при низькому положенні сайту у видачі іконка може не відображатися зовсім.

Якщо час минув, а значка немає, можливо, розширення не відповідає браузеру. Перевірити наявність фавікону можна:

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


Надрукувати