Додавання Медіа до Дописів
Медіа—такі як зображення та відео—роблять ваш контент більш динамічним і привабливим. У цьому уроці ви дізнаєтеся найкращі практики завантаження медіафайлів у пости WordPress, як оптимізувати файли, а також як використовувати альтернативний текст і підписи для забезпечення доступності та SEO.
Медіа можна додавати до посту за допомогою блоків. Нижче наведено короткий огляд відповідних типів блоків:
- Використовуйте Image block для завантаження фотографій або вибору з медіатеки;
- Використовуйте Video block лише у випадку крайньої необхідності завантаження відеофайлу на ваш сервер (не рекомендується);
- Використовуйте Embed block для вставки відео з YouTube, Vimeo чи інших зовнішніх сервісів шляхом простого вставлення посилання на відео.
Найкраще використовувати зовнішні платформи, такі як YouTube або Vimeo, для розміщення ваших відео. Це пояснюється такими причинами:
- Ваш хостинг має обмежений обсяг пам’яті: відео займають багато місця;
- Відео споживають багато трафіку: кожен перегляд відео використовує дані з вашого тарифного плану;
- Великі файли уповільнюють роботу сайту: це може негативно вплинути на досвід відвідувачів і погіршити SEO.
Вбудовуючи відео з платформ на кшталт YouTube, ваш сайт завантажується швидше, і ви не витрачаєте ресурси свого сервера.
Великі зображення також можуть уповільнювати роботу вашого сайту. Щоб покращити час завантаження:
- Використовуйте формат JPEG або WebP; вони забезпечують гарну якість при меншому розмірі файлу;
- Змінюйте розмір зображень перед завантаженням; уникайте завантаження оригінальних файлів з камери чи телефону;
- Використовуйте інструменти для стиснення, такі як TinyPNG або ImageOptim для зменшення розміру файлу.
Бажано, щоб розмір зображень не перевищував 200–300 КБ, оскільки це сприяє швидшому завантаженню сторінок, особливо при повільному інтернет-з’єднанні.
Додавання альтернативного тексту (alt text) і підписів до зображень покращує як доступність, так і пошукову оптимізацію (SEO).
Альтернативний текст — це письмовий опис вашого зображення. Він важливий для людей, які користуються екранними читачами, наприклад, для осіб із порушенням зору. Екранний читач озвучує alt text, щоб користувач знав, що зображено на екрані.
Alt text також використовується Google та іншими пошуковими системами для розуміння змісту зображення; це допомагає вашим зображенням з’являтися у Google Image Search, залучаючи більше відвідувачів на ваш сайт.
Підписи відображаються на сторінці під зображенням; вони допомагають пояснити або надати додатковий контекст для всіх користувачів.
Приклад:
Якщо ви завантажуєте фото салату для блогу, ваш alt text може бути таким:
"Fresh green salad with cherry tomatoes and feta cheese". Це чітко пояснює Google і екранним читачам, що зображено на фото.
Після завантаження зображення у WordPress зверніть увагу на панель налаштувань зображення праворуч. Там є поля для alt text і caption.
Варто заповнювати ці поля, особливо alt text. Намагайтеся включати ключові слова, пов’язані з вашою темою, але не зловживайте ними.
Додавання цієї інформації покращує:
- Доступність для всіх користувачів;
- SEO-рейтинг вашого контенту;
- Ймовірність появи вашого зображення у Google Images, що приведе більше трафіку на сайт.
Дякуємо за ваш відгук!