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

Але такі дії не мають жодного відношення до цього процесу. Насправді оптимізація картинок є значно складнішим та цікавішим процесом.

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

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

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

Крім того, це ще й негативно впливаєте на внутрішні фактори ранжирування сторінок сайту.

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

Саме тому підготовка та розміщення зображень згідно з рекомендаціями Google є важливою частиною процесу On-page оптимізації сайту.

Корисні сервіси для оптимізації картинок

  1. IMG2GO: багатофункціональний та безкоштовний сервіс для стиснення, зміни формату зображення, розмірів тощо.
  2. TinyPNG та TinyJPG: для найбільш ефективного стиснення форматів PNG та JPG.
  3. Canva: для самостійного створення унікальних зображень, інфографіків, тощо.
  4. iTRANSLIT: використовуйте для створення правильних назв для файлів із зображеннями.
  5. PageSpeed Insight та GTmetrix: для перевірки проблем із швидкістю завантаження сторінки.
  6. Tineye: щоб перевірити унікальність та оригінальність зображення.

Методи оптимізації зображень на сайті

Далі я розповім про 6 методів, які допоможуть вам правильно підготувати картинки перед публікацією на сайті:

  • Використання сучасних форматів зображень.
  • Зменшення розміру зображення.
  • Використання унікальних картинок.
  • Створення коректної назви файлу.
  • Правильне написання атрибуту Alt зображень.
  • Додайте title та підписи для зображень.

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

Методи SEO оптимізації зображень
Основні методи та як відбувається коректна оптимізація зображень згідно вимог SEO

Використовуйте сучасні формати зображень

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

  • PNG: формат зображень високої якості, але мінусом якого є великий розмір файлу.
  • JPG: універсальний та найбільш популярний формат для зображень.
  • WebP: відповідає за якістю картинки формату JPEG, але при цьому важить значно менше.

Я рекомендую створювати картинки у форматі PNG, а потім конвертувати їх у WebP та використовувати саме цей формат для своїх зображень на сайті. 

Таким чином у вас будуть картинки досить високої якості, які матимуть значно меншу вагу.

Завжди зменшуйте розмір зображення

Обов’язковий етап без якого неможливий процес правильної підготовки зображень для розміщення на сайті.

Більшість якісних картинок у форматі PNG важитимуть близько 1МБ, при цьому проста конвертація, навіть без стиснення у формат WebP, дозволить зменшити вагу зображення на 80-90%.

Ваша задача – завантажувати на сайт зображення, які матимуть найменшу вагу, навіть якщо це трохи відобразиться на їх якості.

Технічна оптимізація сайту також включає в себе зменшення навантаження на сервер за рахунок використання менших за розміром картинок.

Оптимізація розміру зображення
Приклад того, як проводиться оптимізація картинок за рахунок використання формату WebP

Якщо ваш сайт створений за допомогою CMS, наприклад WordPress, тоді можете спробувати встановити плагіни для стиснення зображення, наприклад, WP Smush.

Також подібні налаштування щодо зображень є і в плагінах кешування, WP Fastest Cache або WP Rocket. Обов’язково перевірте, щоб стиснення відбувалося на серверах ззовні, інакше ви отримаєте додаткове навантаження на власний.

Використовуйте лише унікальні зображення

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

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

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

Які дії не зроблять ваше зображення унікальним:

  • Зміна масштабу, стиснення або конвертація в інший формат.
  • Додавання водяних знаків, рамок або інших декоративних елементів.
  • Зміна кольору, різкості, контрасту або використання будь-яких фільтрів.

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

Створіть коректну назву для файлу із зображенням

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

Тому назва “IMG569742.webp” ні про що системі не скаже, на відміну від “perelik-metodiv-dlya-optimizaciyi-zobrazhen.webp”

Декілька підказок, як створити правильну назву файлу для зображення:

  • Назва файлу має описувати те, що зображено на картинці.
  • Прописуйте назви файлів виключно транслітом на латиниці.
  • Використовуйте ключові слова або фрази зі сторінки, де буде розміщене зображення.
  • Між словами використовуйте знак “-”.

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

Правильно прописуйте атрибут Alt для зображень

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

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

Такий підхід позитивно позначиться на просуванні як окремо взятої картинки, так і конкретної сторінки в цілому.

Як правильно прописувати атрибути Alt для зображень:

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

Додайте title та підписи для зображень

Назва зображення не є фактором ранжування для Google пошуку за картинками і не використовується пошуковою системою, на відміну від title сторінки. Тому саме title (назву) зображення я рекомендую прописувати без використання ключових слів.

В свою чергу, підпис буде відображатися безпосередньо під картинкою, тому може використовуватися пошуковою системою щоб краще зрозуміти, що саме зображене на картинці.

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

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

Висновки

Ефективна оптимізація зображень на сайті можлива за рахунок наступних впроваджень:

  1. Використання сучасних форматів зображень.
  2. Оптимізація розміру зображення.
  3. Використання унікальних картинок.
  4. Створення коректної назви для файлу із зображенням.
  5. Оптимізація атрибуту Alt зображень для пошукової системи.
  6. Прописування title та підписів для зображень.
  7. Враховуйте різні розміри екранів та співвідношення сторін на мобільних пристроях, декстопах та планшетах.
  8. Пам’ятайте про релевантність і розміщуйте картинку на сторінках, де це буде виглядати логічно.
  9. Додайте окремий файл XML Sitemap із зображеннями в GSC.
  10. Імплементуйте мікророзмітку для кращої індексації зображень.

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

На сьогоднішній день пошукова система Google може індексувати зображення у форматах GIF, JPEG,BMP, PNG та WebP. Але використовувати рекомендується саме формат WebP, оскільки це найкраще співвідношення високої якості до низької ваги файлу.