Без зображень більшість веб-сайтів мали б вигляд нескінченних блоків тексту. Якісні зображення необхідні для привернення уваги відвідувача. Вони створять простір у вашому вмісті та зроблять його більш читабельним; Не кажучи вже про зайвий трафік від пошуку зображень. Але щоб отримати всі ці переваги, слід спершу спробувати оптимізувати свої зображення для WordPress.

підручників

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

У цьому посібнику ви дізнаєтесь, чому оптимізація ваших зображень має важливе значення, а також п’ять способів оптимізації зображень для WordPress.

  • Чому потрібно оптимізувати свої зображення для WordPress
    • Ваш сайт завантажиться швидше
    • Ваш сайт займе менше місця на сервері
    • Це покращить рейтинг вашої пошукової системи
  • 5 методів оптимізації зображень для WordPress
    • 1. Виберіть правильний формат файлу
    • 2. Стисніть свої зображення
    • 3. Змініть розмір зображення для оптимального перегляду
    • 4. Переконайтесь, що зображення добре обрізані
    • 5. Поліпшити SEO зображення
  • На закінчення

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

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

Ось кілька основних причин оптимізації зображень:

Ваш сайт завантажиться швидше

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

Ваш сайт займе менше місця на сервері

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

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

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

Це покращить рейтинг вашої пошукової системи

Google та інші пошукові системи ненавидять веб-сайти з повільним завантаженням.

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

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

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

Далі ви дізнаєтесь, як можна оптимізувати свої зображення для WordPress таким чином, щоб зберегти якість і не шкодити продуктивності.

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

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

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

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

1. Виберіть правильний формат файлу

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

Два найпоширеніші типи зображень: JPEG Y PNG.

Файли JPEG зазвичай використовуються для загальних фотографій та зображень, як:

  • Вони мають менший загальний розмір файлу
  • Забезпечити надійну якість зображення
  • Їх можна змінити або стиснути без значної втрати якості

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

Окрім PNG та JPEG, ви знайдете десятки інших типів зображень. Однак їх не рекомендується створювати для Інтернету.

Але, є виняток. Ви, напевно, помічали вибух GIF-файлів за останні роки. Ці маленькі анімовані відео можна використовувати для покращення існуючого вмісту. Якщо ви плануєте вставити невелике відео, переконайтеся, що воно має формат GIF, а не MP4.

2. Стисніть свої зображення

Під час стиснення зображення для WordPress потрібно знайти баланс між якістю стиснення та розміром зображення.

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

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

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

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

Інструменти для оптимізації зображень зроби сам (DIY)

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

Деякі з найбільш популярних інструментів для настільних ПК включають:

  • Adobe Photoshop: Photoshop має власний вбудований інструмент стиснення зображень, який оптимізує зображення для Інтернету.
  • Gimp: Безкоштовна альтернатива Photoshop, яка має велику кривію навчання, але також має вбудовану оптимізацію.
  • Affinity Photo: це дешевша альтернатива Photoshop, яка має вбудовані функції стиснення зображень.
  • NET: Фоторедактор для користувачів Windows, який є надійною альтернативою Photoshop і включає стиснення зображень.

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

Засоби автоматичної оптимізації зображення

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

Ці інструменти чудово підходять, якщо ви не хочете витрачати час на вивчення тонкощів та програм для редагування фотографій.

Деякі з найпоширеніших Інтернет-інструментів включають JPEGmimi та TinyPNG.

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

Якщо ви віддаєте перевагу запускати програмне забезпечення на своєму комп’ютері, у вас буде ще кілька опцій, таких як ImageOptim, OptiPNG та Trimage.

Плагіни для стиснення WordPress

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

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

  • Imagify Image Optimizer: Цей плагін пропонує кілька рівнів стиснення зображень для WordPress, зміни розміру зображення, відновлення зображення та багато іншого.
  • ShortPixel Image Optimizer: Цей безкоштовний плагін дозволяє стискати до 100 зображень на місяць і обробляє кілька різних форматів зображень. Крім того, він має вбудовану функцію відновлення та пакетну оптимізацію.
  • WP Smush: Цей плагін оптимізує зображення під час завантаження їх на ваш сайт, а також оптимізує вашу існуючу медіатеку. Це зменшить розмір ваших зображень, не впливаючи на якість.
  • Optimus Image Optimizer: Цей легкий плагін оптимізує ваші зображення із стисненням без втрат, тому загальна якість не втрачає, лише зменшення розміру файлу.

3. Змініть розмір зображення для оптимального перегляду

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

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

Наприклад, припустимо, вам потрібне зображення розміром 300x300 пікселів, але замість цього завантажте зображення розміром 3000x3000 пікселів, і ваша тема WordPress зменшить зображення для правильного відображення.

Це не тільки збільшить пропускну здатність, але і змусить завантажувати фотографії дуже повільно.

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

4. Переконайтесь, що зображення добре обрізані

WordPress має вбудований редактор зображень, який дозволяє обрізати зображення з робочого столу.

Хоча це може бути корисним, ми рекомендуємо обрізати зображення перед оптимізацією та завантаженням.

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

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

5. Покращити SEO зображення

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

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

Виконайте наступні кроки, щоб покращити SEO ваших зображень:

Оптимізуйте заголовок зображення

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

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

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

На екрані 'Розширені опції‘, У вас буде місце, де ви можете ввести або змінити заголовок свого зображення.

Додайте тег ALT

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

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

Щоб змінити альтернативний текст зображення, перейдіть у візуальний редактор і наведіть курсор на вставлене зображення. Ще раз натисніть на олівець, який відкриєРедагувати'.

На цьому екрані знайдіть поле з назвою 'Альтернативний текст«І запишіть у це поле своє цільове або пов’язане ключове слово.

Дайте своєму графічному файлу відповідне ім’я

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

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

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

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

На закінчення

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

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

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

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

Ця стаття востаннє змінена 6 серпня 2020 р., 20:19