SEO-оптимізація зображень і мультимедіа: що потрібно знати у 2025 році
У попередніх матеріалах ми уже звертали увагу на те, наскільки для сайту важлива технічна та текстова SEO-оптимізація. Проте є ще один важливий елемент вебсайту — його візуальне підсилення, тобто зображення, відео та мультимедіа, які ви використовуєте.
Що таке SEO-оптимізація зображень
У своєму блозі інтернет-компанія Shopify пояснює, що SEO зображень передбачає процес оптимізації зображень на вебсайті, щоб пошуковикам було легше їх знаходити. Це потрібно для того, щоб сайт міг підніматися у результатах пошуку та збільшувати трафік.
Досягати оптимізації зображень можна різними шляхами, наприклад, використовуючи унікальні та якісні зображення, прописуючи зрозумілі та повні назви файлів зображень, тестуючи розміри тощо.
Навіщо потрібна SEO-оптимізація зображень та мультимедіа
Оптимізувати зображення та медіа на вебсайті корисно з багатьох причин:
- візуальний контент, як і текстовий, також покращує трафік, і що якіснішим він буде — то кращий трафік зможе забезпечити, залучить більше потрібної аудиторії, збільшуючи рівень довіри до сайту;
- це спосіб покращити внутрішню оптимізацію сайту: URL-адреса зображення чи його атрибут alt є додатковим місцем, де можна вказати свої ключовики, назви товарів чи іншу, корисну для клієнта та пошукового алгоритму інформацію;
- зображення та мультимедіа покращують читабельність контенту, що збільшує час перебування на сторінці та ймовірність її прогортування до кінця. Фахівці радять використовувати зображення через кожні 1-2 тисячі текстових знаків;
- SEO-оптимізація може покращити швидкість завантаження. Мало хто чекатиме довше ніж декілька секунд, щоб побачити зображення, тому вища швидкість завантаження також дуже важлива, щоб відвідувач залишався на сайті.
Як оптимізувати зображення для SEO: поради та приклади
Пошуковій системі потрібно багато зусиль, щоб зрозуміти вашу вебсторінку. Що краще ви зможете допомогти їй оцінити схвалити якість сторінки, то більша ймовірність того, що вона з’явиться у топах результатів.
- Наприклад, покупці, які шукають кросівки для бігу, очікують побачити кілька якісних фотографій, на яких це взуття показано, у єдиному вебдизайні. Якщо вони побачать маленьке зернисте зображення-мініатюру, яке не дуже добре вписується в макет або не дає їм повного уявлення про взуття, вони, швидше за все, покинуть сторінку .
Пошукова система Google намагається оцінювати так само, як і користувач, просто перетворюючи це на машинне розуміння, а не людське.
Розміщуйте якісні зображення
Один із головних контекстних сигналів, який Google шукатиме на сторінці товару — це зображення. Відвідувачі очікують побачити кілька зображень товару, наприклад, у різних ракурсах, із різними фонами, у режимі активного використання.
- Більшість українських брендів цього дотримуються. Наприклад, Etnodim демонструє одяг з усіх ракурсів, звертає увагу на деталі, подає фото як самого товару, так і його вигляду на моделях, а SOLMAR, окрім цього, показує ще й відеовізитівки.
Зверніть увагу, що пошукові системи ранжують унікальні зображення вище, ніж стокові фотографії, знайдені на кількох сайтах, тому, якщо можливо, створіть щось унікальне, а не просто завантажуйте стокові фото або фото від виробника.
На прикладі можна побачити, як мережа «Аврора» інтегрувала зображення товару (аромасвічки) в унікальний рекламний креатив із пропозицією топових товарів тижня. У такому випадку ймовірність залучення до товару може зрости більше, аніж поза контекстом.
Якщо ви тільки пробуєте створювати оптимізований для SEО візуальний контент, не обов’язково потрібна професійна фотосесія. Спершу можна спробувати робити фото на телефон із хорошим освітленням, або ж поюзати ШІ-інструменти для зміни фонів та розміщення продуктів у різних контекстах.
Використовуйте прості та зрозумілі імена файлів
Зберігаючи зображення з назвою файлу, пам’ятайте, що пошукова система — це машина, якій потрібні чіткі вказівки. А назва файлу, яку автоматично генерує ваш комп’ютер, наприклад, «IMG_554509405940.jpg», нічого їй не говорить.
Натомість оптимізуйте назви файлів зображень, написавши простий опис, який точно повідомляє Google Images, що саме він отримує.
Наприклад, на сайті Укрпошти під час завантаження фото марок чи книги із марками, як на скрині нижче, можна чітко побачити назву зображення, релевантну до пошукового запиту — «poshtovi_marky_ukrainy-800×800».
- Google рекомендує використовувати дефіси, а не підкреслення між словами, оскільки останні змушують пошукову систему сприймати текстовий рядок як одне слово. Також розширення імені вашого файлу — частина в кінці, наприклад, .jpg — має відповідати типу файлу вашого зображення.
Пошук Google підтримує кілька форматів зображень: BMP, GIF, JPEG, PNG, WebP, SVG або AVIF.
Фахівці рекомендують використовувати формат JPG (JPEG) для публікації скринів чи фото, GIF — для анімацій, PNG — для картинок із прозорим тлом, для пришвидшення завантаження сайту — WebP.
Використовуйте фотографії високої роздільної здатності
Переконайтеся, що зображення мають високу роздільну здатність, і вони чіткі та яскраві. Розмір зображення залежить від його розташування на сайті, тому точної формули немає, але експерти зазвичай рекомендують ширину зображення близько 1200 пікселів.
Зображення можуть відображатися на сторінці результатів пошукової системи по-різному, тому вам потрібні зображення високої чіткості, які добре виглядають незалежно від того, як Google ними маніпулює.
- Якщо ви використовуєте занадто мале зображення, яке Google має збільшити для більшого попереднього перегляду, воно може стати спотвореним і мати низьку роздільну здатність, а зображення низької якості не матиме високих позицій у результатах пошуку.
Оптимізуйте час завантаження за допомогою зміни розміру
Величезні фотографії часто довго завантажуються, і це не дуже добре для відвідувачів сайту. Як правило, розмір файлів зображень має бути менше 100 кілобайт, а то й менше 70. Багато платформ для створення вебсайтів також мають обмеження максимального розміру файлів.
- Не забувайте про якість стиснених зображень, зберігаючи їх у форматах JPG, PNG або Google WebP.
Адаптуйте зображення під різні розміри екранів
Оптимізація зображень для різних розмірів екранів і пристроїв є критично важливою для безперебійного користувацького досвіду. Використовуйте адаптивні зображення, щоб забезпечити швидке завантаження та правильне відображення зображень на різних пристроях.
Якщо у вас уже є готове зображення, адаптувати його розмір дуже легко, використавши наприклад, Canva чи інший зручний для цього редактор.
Дослідження Google показало, що показник відмов — кількість людей, які залишають ваш сайт — зростає на 32% , коли час завантаження сторінки збільшується з однієї до трьох секунд.
Використовуйте альтернативний текст
Альтернативний текст або alt — це текстовий опис зображення чи відео, який його супроводжує. Хоча пересічний користувач не бачить цей фрагмент даних, Google оцінює тег alt як звичайний текст, ніби це підпис до зображення на сторінці.
- Багато людей помиляються, додаючи купу ключових слів до альтернативного тексту зображення, але насправді це не працює.
Обмежте тег зображення описовим альтернативним текстом, який пошукова система легко зрозуміє, подібно до простоти назв файлів. Наприклад, якщо на вашому фото кумедний рожевий капелюх на білому фоні, ви можете просто використовувати «пухнастий рожевий капелюх на білому фоні» як альтернативний текст.
Корисні ресурси на тему SEO-оптимізації зображень: добірка від редакції
Готуючи цей матеріал, редакція натрапила на декілька цікавих та корисних ресурсів, які можуть стати у пригоді тим, хто прагне покращити SEO-оптимізацію зображень на сайті.
Що подивитися
Відео SEO-фахівця Ярослава Бешти. Просто та доступно розповідає про те, оптимізація зображень допомагає покращувати показники сайту.
Що поюзати
- Сервіси для стискання зображень. Для того, щоб адаптувати об’єм зображення, рекомендуємо викорситати безкоштовні сервіси Squoosh або TinyPNG.
Щоб скористатися, слід лише завантажити зображення та обрати необхідні вам параметри.
- Стокові сайти зображень. Щоб знайти ідеї для контенту, можна скористатися Freepik, DepositPhotos, iStock. Проте для того, щоб створювати унікальні та релевантні для SEO візуали, рекомендуємо використовувати ці сервіси для пошуку шаблонів та елементів, які можна інтегрувати у свої зображення, а не замінити їх.
- ШІ-інструменти. Не забуваємо, що штучний інтелект може теж стати класним інструментом для того, щоб створити чи доповнити зображення, наприклад, погратися із фонами, додати елементи тощо. Добірку ШІ-інструментів для створення зображень можна знайти ось тут, для відео — тут.
- Сервіси для транслітерації назв та URL. Оскільки назва зображення повинна бути латиницею, важливо її правильно записати, щоб не виникало неточностей. Це можна зробити за допомогою сервісу Grafiati.
