Оптимізація зображень WordPress

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

SEO-оптимізація зображень WordPress: стиснення й теги 

Оптимізація картинок, фото, інфографіки складається з двох етапів: 

• Перша частина — стиснення зображень. Його можна виконувати до завантаження на сайт або вже на сайті. У другому випадку знадобиться плагін оптимізації зображень WordPress. Таких доповнень кілька, розповімо про них трохи згодом. 
• Друга частина — теги для зображень (title, alt і підписи). Якщо вони прописані правильно, зображення із сайту будуть вище у видачі картинок і принесуть вам додатковий трафік. 

Формати зображень на сайті 

Формати зображень, які найчастіше використовують на сайтах

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

• JPG — підходить для фотографій, скриншотів та інших максимально деталізованих зображень. 
• PNG — зображення на прозорому тлі, ілюстрації, кнопки, іконки. 
• GIF — анімовані зображення або короткі відео. 
• SVG — векторний формат. Складніший в обробці та оптимізації, його застосовують рідше. 
• WebP — саме цей формат рекомендує Google, але його підтримують не всі браузери. Тому SEO-фахівці та веброзробники шукають компромісне рішення й завантажують зображення в інших форматах. 

Пропорції та розміри картинок 

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

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

Сервіси для стиснення та плагіни для оптимізації зображень WordPress 

Сервіси стискають зображення приблизно однаково

Сервіс TinyPNG — працює з форматами PNG і JPG. У безплатній версії обробляє файли обсягом до 5 MB. Економія обсягу іноді сягає 80% файлу, і все це без втрати якості. 

Compressor — ще один потужний інструмент для оптимізації зображень. Compressor обробляє файли швидко й без втрати якості. Єдиний серйозний недолік — завантажувати файли доводиться по одному. 

Iloveimg.com. Сервіс для стиснення PNG, JPG, GIF. Зображення не втрачають якості, і при цьому ви отримуєте дуже добре стиснення та економію дискового простору. 

Плагіни для стиснення зображень: можливості, статистика, вибір

Крім сервісів для стиснення зображень можна використовувати плагіни. Вони змінюють розмір файлів, які вже завантажили на сервер. 

WPSmush. На момент написання статті плагін має вже понад мільйон активних установлень. Оновлення з’являються раз на 3–4 дні. Інструмент використовує інтеграцію із зовнішнім сервісом стиснення зображень через API. Після встановлення ви побачите діалогове вікно з пропозицією стиснути всі файли в медіатеці. Усі нові файли плагін стискає автоматично. 

EWWW Image Optimizer. Використовує з’єднання з кількома безплатними утилітами для швидкого стиснення з мінімальними втратами якості. Усі вони входять до інсталяційного дистрибутива плагіна у формі виконуваних файлів. Це зручно й позбавляє необхідності додатково завантажувати, налаштовувати чи інтегрувати щось із сайтом. На момент написання статті плагін має понад 800 тисяч користувачів, які встановили його на свої та клієнтські сайти. Оновлення кожні 1–2 тижні. Доступна також платна версія EWWW Image Optimizer (Cloud). Вона теж використовує зовнішній сервіс, що зменшує навантаження на ваш хостинг. 

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

WP Optimize. За статистикою офіційного сайту WordPress, цей плагін має вже близько мільйона активних користувачів. Із ним працюють корпоративні сайти, новинні портали, інтернет-магазини тощо. Це справжній комбайн для технічної оптимізації та загального пришвидшення вашого сайту. WP Optimize може: 

• стискати зображення;
• оптимізувати й очищати базу даних сайту;
• покращувати кешування сторінок.

Ефективний у роботі з мобільною версією сайту, сумісний з усіма сучасними темами та останньою версією ядра WordPress. Що більший сайт, то помітніший ефект від застосування WP Optimize. Інструмент доступний у безплатній і преміум-версіях. Для одного сайту середнього обсягу (до 500 URL) цілком достатньо безплатного встановлення.  

Оптимізація зображень для пошукової видачі: теги alt і title 

Так підписуються alt і title для зображення у WordPress

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

Наступний крок — заповнити поля з тегами alt і title для зображень. Стандартний редактор медіафайлів у WordPress дає змогу зробити це дуже просто. 

Як правильно прописувати теги для зображень? Є кілька рекомендацій: 

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

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

Підсумки та поради для сайтів WordPress 

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

Для цього користуйтеся сервісами для стиснення картинок або плагінами, обов’язково прописуйте alt і title для зображень. 

Додатковим козирем вашого сайту стане WordPress-хостинг від Host4Biz.

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