We stand for 🇺🇦 Ukraine. You can find more information and donate here

0Ви дізнались тільки
% інформації

Оптимізація зображень для інтернет-магазину

Generic selectors
Exact matches only
Search in title
Search in content

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

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

Чому потрібно оптимізувати зображення для інтернет-магазину?

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

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

Як правильно оптимізувати зображення

2
Насправді йдеться про цілий ряд робіт за різними напрямами, які відповідають за різноманітні аспекти оптимізації картинок. Це і їхня назва у вигляді URL, і формат, і заголовок у поєднанні з метатегом ALT, і ряд інших моментів. Давайте розберемося, в чому роль кожного з них.

Формати файлів. Найбільш поширені формати зображень – JPEG, PNG і GIF. Найзручнішим і найчастіше використовуваним є JPEG, який дозволяє «стискати» файл таким чином, щоб зберегти максимальну якість при відносно невеликому об’ємі.

У PNG використовується стиснення без втрати якості, але розмір картинки в такому випадку виходить досить великим, що може погано позначитися на завантаженні сторінки. Це особливо актуально при перегляді на мобільних пристроях. Але варто враховувати, що якщо фото однотонне, з мінімумом відтінків (наприклад, на білому фоні), тоді файл у форматі PNG теж матиме порівняно невеликий об’єм. Наприклад, якщо йдеться про логотип або іконки.

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

Можливості стиснення картинок, які досягаються завдяки використанню JPEG-формату, позитивно позначаються на швидкості завантаження сторінок сайту. Як відомо, з 21 квітня 2015 року цей параметр безпосередньо враховується Google при ранжируванні.

URL картинки. Найчастіше саме про це забувають, навіть якщо всі інші умови дотримані. Фото товарів або ілюстрації просто завантажуються на сервер, і ніхто не звертає уваги, під яким ім’ям ці файли там зберігаються. Як приклад візьмемо зображення комп’ютера Mac mini, який відображається в каталозі інтернет-магазину в такому вигляді:
3

Логічно було б прописати його URL так: Mac-mini-MGEN2GU-A.jpg. І це було б правильно. Тоді як у багатьох інтернет-магазинах найчастіше трапляється варіант з абсолютно незрозумілим набором літер та цифр, які ні про що не говорять. Наприклад: product214w3rfdfg6.jpg. Також враховуйте важливий момент щодо розділення слів: якщо використовується тире “-“, пошукова система нормально сприймає словосполучення. Якщо ж застосовується нижнє підкреслення “_”, тоді пошуковий робот “склеює” слова.

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

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

Ось як це виглядає в коді сторінки:
4

А так фото цього товару відображається в пошуку Google за зображеннями:
5

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

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

Декілька фото на сторінці товару. Якщо на сторінці товару є кілька зображень, не варто прописувати однаковий текст у тезі ALT. У таких випадках краще вручну або автоматично додавати до назви товару додаткову характеристику (колір, розмір тощо) або порядковий номер.
6

Наприклад, «Блузка блакитна з мереживним коміром фото 1». Додавання слова «фото» до опису особливо актуальне для товарів з категорії одягу, аксесуарів та інших, які користувачі шукають саме з метою перегляду його зображення.

Чого не варто робити?

Крім порад, як потрібно працювати з картинками, варто знати, чого ще робити не варто. Наприклад, при додаванні фото та інших зображень на сайт інтернет-магазину не потрібно:
завантажувати повнорозмірні зображення, що особливо актуально при використанні знімків, зроблених професійною фотокамерою. Можна обмежити всі картинки розміром 1000 пікселів у ширину та висоту, заново зберегти їх у графічному редакторі, і цього буде більш ніж достатньо;
перенасичувати тег ALT ключовими словами, оскільки це може бути сприйнято пошуковими системами як спам, і ефект буде прямо протилежний очікуваному;
вставляти зображення на сайт з інших джерел, не завантажуючи їх при цьому на свій сервер. У разі якщо адреса картинки на іншому сайті зміниться, вона перестане відображатися і на сторінках вашого сайту.

Дотримуючись перерахованих вище правил, ви зможете уникнути багатьох досить-таки поширених помилок.

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

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

  • Автор: Володимир Федоричак
Задати запитання

Залишіть запитання чи коментар до статті:

Your email address will not be published. Required fields are marked *