Favicon: розмір. Створення favicon. Favicon-генератор

При створенні сайту вкрай важливо звертати увагу на дрібниці, які грають роль не тільки в плані дизайну, але і в просуванні цього сайту в пошукових системах. Однією з таких дрібниць є favicon для сайту. Про те, як його створити і якого розміру він повинен бути ми і поговоримо.

favicon розмір

Що таке favicon для сайту?

Він являє собою невелику картинку, яка буде відображатися у вкладці браузера. Розмір favicon становить 16x16 пікселів. Також ця картинка відображається в результатах видачі пошукових систем, і якщо favicon на сайті буде відсутній, то поруч з сайтом у видачі буде порожньо. Варто відзначити, що фавікон допомагає користувачеві знайти саме ваш сайт серед сотні інших, тому його присутність на сайті хоч і не є обов’язковим, але строго рекомендовано. І так, розмір favicon не обов’язково повинен бути 16x16. Деякі веб-майстри роблять фавікон розміром 32x32 і навіть 64x64. Але в своїх рекомендаціях пошукові системи Google і “Яндекс” пишуть, що ідеальний розмір favicon - 16x16. Тому краще дотримуватися цих порад пошукових систем.

Як створити favicon?

Є кілька різних способів створення цієї картинки. Найперший і простий спосіб створити favicon - вкрасти його, наприклад, з англомовного сайту.

favicon для сайту

Припустимо, ви створили блог по побутовій техніці і повністю налаштували його, але залишився останній штрих - фавікон. Пишіть в пошуку Google запит appliances і дивіться перші 10 сайтів. Фавікона цих сайтів ідеально підійдуть вашому новому блогу. Якщо яка-небудь картинка вам сподобалася, відкривайте вихідний код сторінки і шукайте запис favicon. ico. Там буде вказано адресу розташуваннях фавікона. Відкрийте його і скачайте на комп’ютер, потім завантажте на сайт і підключіть (про підключення нижче).

Другий спосіб створення favicon розміром 16x16 пікселів - використовувати спеціальний сервіс генерації фавікона. Він працює за наступним принципом: ви завантажуєте зображення (будь-якого розміру і розширення), яке підходить для титульної іконки сайту, і натискаєте на кнопку на кнопку Create Favicon. Через секунду отримуєте готовий фавікон, який можна завантажити, завантажити на свій сайт і підключити. Самий популярний сервіс - Favicon Generator.

Відзначимо, що даний сервіс лише трохи спрощує процес створення іконок. Те ж саме можна зробити і самому. Просто знайдіть картинку, яка вам підходить, змініть її розмір до 16x16 пікселів і збережіть з розширенням ico. Все це проробляється протягом однієї хвилини в програмі Paint. створити favicon

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

Підключення

Щоб картинка відображалася в браузері у вкладці і у видачі пошукових систем, необхідно її правильно підключити. Для цього файлу повинна бути favicon. ico і розташовуватися в кореневому каталозі, тобто там, де лежать основні файли сайту.

favicon generator

Найчастіше цих дій достатньо для відображення фавікона. Пошукові системи (наприклад, “Яндекс”) автоматично розпізнають наявність фавікона в кореневому каталозі і використовують його у своїй видачі. Однак з “Яндексом” іноді бувають непорозуміння. Багато веб-майстри скаржаться, що фавіконки пропадають з індексу, а потім з’являються заново. Щоб цього не відбувалося, потрібно підключити його.

Для підключення favicon “Яндекс” рекомендує використовувати метатег із зазначенням конкретних атрибутів. Цей тег потрібно помістити в розділ сайту.

Весь код підключення повинен мати наступний вигляд:

Цей код працює для пошукових систем і всіх браузерів. Можуть бути проблеми з відображенням в браузері Internet Explorer, але у всіх інших браузерах відображення буде точним.

Зверніть увагу на адресу розташування зображення /favicon. ico. Його можна зробити таким: /favicon. gif. Тоді необхідно в корінь сайту розмістити зображення з розширенням. gif, інакше відображатися фавікон не буде. Як відомо, картинки в форматі. gif можуть являти собою слайдери. Цим користуються вебмастери і роблять при цьому анімовані фавікона для своїх сайтів. Виглядає це цікаво, але не більше того.

Фавікон як інструмент просування сайту

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

favicon яндекс

Тому важливо не просто використовувати будь-який фавікон, а красиву іконку, на яку користувачам хочеться клікнути. Також її варто замінювати в залежності від ситуації. Наприклад, напередодні Нового Року бажано зробити свій фавікон новорічним, що забезпечить кращу кликабельность.

Як пошуковик "Яндекс" розуміє фавіконки?

У пошукової системи є спеціальний робот, який відповідає за оновлення саме фавікона. Цей робот за визначеним розкладом відвідує сайти, запитуючи головну сторінку і шукає в коді шлях із зазначенням розташування favicon. ico. Якщо цей шлях він не знаходить, то намагається завантажити іконку з батьківського каталогу, тому найчастіше досить просто файл з назвою favicon. ico помістити в батьківський каталог. Потім отримана іконка завантажується на сервер “Яндекса” і відображається в пошуку. Якщо її розмір буде більше, то він попередньо перетвориться в 16х16, а розширення змінюється на png. Робот періодично перевіряє ще раз сайти на предмет зміни фавіконки. Зазвичай він відвідує оновлювані сайти один раз на місяць. Це і видно експериментальним шляхом: змініть фавікон свого сайту, і приблизно через місяць він з’явиться в індексах пошукача “Яндекс”.

Конфлікт іконок

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

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



ЩЕ ПОЧИТАТИ