Мобільний пошук Google – це потужне джерело трафіку для будь-якого сайту. Частка користувачів мобільного інтернету у світі неухильно зростає, тому кожному власнику варто слідкувати за тим, як відображається його сайт у пошукових системах не лише на комп’ютерах, але і на смартфонах.
У Google розуміють, що мобільна видача – це не зовсім те саме, що й десктопна, тому час від часу доповнюють її особливими функціями, які відсутні на настільних комп’ютерах. Однією з них стали картинки у сніпетах: після тривалого тестування у 2016 році вони остаточно закріпилися в мобільному пошуку. Якісне, яскраве та тематичне зображення, без сумніву, допомагає підвищити клікабельність (CTR) сайту в видачі.
Так виглядають картинки у мобільній пошуковій видачі Google
Це особливо актуально для тих сайтів, які вже змогли посісти високі позиції на першій сторінці пошукової видачі: тут ідуть у діло будь-які доступні засоби, що можуть зробити сніпет більш привабливим для користувачів. Якщо про оптимізацію Title і Description відомо більшості веб-майстрів, то можливість доповнити сніпет картинкою багато хто ігнорує.
Знайдіть свій сайт і аналогічні сторінки конкурентів у мобільній видачі Google. Побачили, що хоча б у одного конкурента картинка з’являється, а у вас вона відсутня? Тоді час діяти!
Яким вимогам має відповідати зображення?
Ми в Arto Web Agency зіткнулися з ситуацією, коли у нашого клієнта (сайт оренди автомобілів) картинка в мобільній видачі для головної сторінки не відображалася, хоча на сторінці були наявні деякі зображення. Ми зацікавилися, що ж впливає на показ картинок у сніпетах для тих чи інших сайтів, і провели невелике дослідження: проаналізували як сторінки конкурентів, так і деякі сайти з інших тематик. Ось що вдалося з’ясувати.
Розмір зображення
Перше, на що ми звернули увагу – співвідношення сторін картинки. Як з’ясувалося, у тематиці оренди авто до пошукової видачі потрапляли переважно зображення, у яких співвідношення ширина/висота становило від 1,4 до 1,9 (не дуже широкі горизонтальні). Набагато рідше з’являлися квадратні чи вертикальні картинки (співвідношення від 0,7 до 1). У середньому цей показник склав 1,7.
Схожу картину можна побачити і для інформаційних сайтів. А от у тематиці інтернет-магазинів найчастіше трапляються саме квадратні зображення (співвідношення близько 1).
Вузькі вертикальні зображення (співвідношення ширини до висоти менше 0,6) та дуже широкі горизонтальні (співвідношення більше 2) практично не були помічені.
Що ж до фактичного розміру картинки в пікселях, то він може бути різноманітний: у видачі ми знайшли зображення, що мають розмір від 150 та більше пікселів за меншою зі сторін. Головне – не забувайте слідкувати за тим, щоб картинка відповідала за розміром тому місцю сторінки, де вона розміщена.
Зверніть увагу! Яким би не був розмір зображення, у видачі воно обрізається до квадратного. Тому слідкуйте за тим, щоб найважливіше на картинці було розташовано по центру.
Висновок: щоб «проштовхнути» картинку в видачу, як орієнтири співвідношення сторін (ширина до висоти) можна взяти 1 для інтернет-магазинів, 1,7 – для інформаційних ресурсів та сайтів послуг. Навряд чи спрацюють: занадто широкі (співвідношення більше 2), вузькі (менше 0,6) чи дуже дрібні зображення (менші за 150 пікселів).
Формат файлу
Тут усе просто: рівноцінні «шанси на успіх» мають зображення у форматах JPEG та PNG. Також зрідка зустрічається сучасний формат WEBP (можливо, він поступається першим двом лише через свою низьку популярність).
Розташування на сторінці
Найчастіше Google обирає для пошукової видачі ті зображення, що розташовані найближче до верхньої частини сторінки. Якщо у сніппет потрапила картинка, яка знаходиться нижче за інші, то це зазвичай означає, що попередні зображення «не влаштували» пошукову систему за якимись іншими параметрами.
Розташування в коді
Серед двох основних способів розміщення зображень у коді веб-сторінки – через тег img або за допомогою стилів – перевага надається першому. Картинки, що вбудовані у стилі, можуть з’являтися у сніпетах, однак найчастіше це трапляється тоді, коли на сторінці просто немає зображень, вставлених за допомогою тегу img.
Тематичність і зрозумілість
Цілком імовірно, що Google надає перевагу картинкам, на яких зображено те, що відповідає тематиці сторінки. Об’єкт на фотографії має бути добре помітним, навіть якщо розмір зображення сильно зменшити.
У інтернет-магазинів рідко виникають із цим проблеми (фотографій товару на сторінках вдосталь), а от сайтам послуг варто про це потурбуватися. Пропонуєте оренду авто? Розмістіть зображення, де чітко видно автомобіль. Надаєте послуги салони краси? Додайте на цільову сторінку зрозумілі фото вашої зали, процесу обслуговування клієнтів тощо.
Інші рекомендації
- Оптимізуйте «вагу» зображення. Навіть якщо пошукова система опрацює ваш файл розміром у декілька мегабайт, він усе одно сповільнить завантаження сторінки. А це може негативно вплинути не лише на користувацький досвід, але й на ранжування в пошуку.
Цікаво знати! Хочете дізнатися більше про оптимізацію швидкості завантаження сторінок? Читайте у нашому блозі про те, як перевірити цей показник і зробити правильні висновки.
- Додайте атрибут alt.Таким чином ви не лише допоможете пошуковій системі зрозуміти, що саме зображено на фотографії, але й отримаєте більше шансів на додатковий показ у пошуку за картинками. Текст атрибуту має бути коротким, але ємким і точним.
- За можливості використовуйте унікальні зображення. Фото, зроблені саме у вашій компанії, хоч і не є обов’язковою умовою, проте стануть чудовим бонусом та підвищать довіру користувачів.
Цікаво знати! Бракує власних фотографій? Шукаєте, де взяти якісні знімки безкоштовно? Тоді прочитайте нашу статтю про фотостоки.
Наш кейс
Отже, у нашій ситуації мали головну сторінку сайту прокату авто, яка непогано ранжувалася за цільовими запитами, але не містила картинки у мобільному сніпеті. На сторінці були наявні такі зображення:
- банери у слайдері (вгорі), вбудовані через тег img (співвідношення сторін близько 2,7);
- картинки-прев’ю послуг (посередині), вбудовані за допомогою стилів (співвідношення близько 1,6);
- інфографіка (внизу, тег img, співвідношення 1,7) – громіздка і малозрозуміла без тексту, який не є частиною зображення.
Як бачимо, кожен із цих файлів мав деякі невідповідності з вимогами, які ми навели вище. Тому ми додали ще одне зображення, що відповідало усім критеріям:
Картинка одночасно послугувала і в якості прев’ю для відеоролику, який додатково підвищив інформативність сторінки. Уже за декілька днів побачили результат:
Висновки
Хочете, щоб зображення з вашої сторінки було показано у сніпеті мобільного пошуку? Тоді розмістіть картинку:
- у верхній частині сторінки;
- зі співвідношенням ширина/висота від 1 до 1,7;
- у форматі JPEG чи PNG;
- за допомогою тегу img з атрибутом alt;
- в оптимізованому розмірі, але не меншу за 150 пікселів;
- тематичну, зрозумілу навіть у зменшених розмірах та за можливості – унікальну.
А ще – пам’ятайте про те, що ваші фото користувач побачить не лише у пошуку, але й на самій сторінці. Відповідність зображень дизайну та UX сайту є не менш важливою, ніж наведені вище критерії!
