Робота з відео та аудіо в WordPress

  1. Медіафайли в WordPress
  2. Медіафайли в SEO
  3. Завантаження медіафайлів в бібліотеку WordPress
  4. Спосіб 2. На сторінці запису
  5. Завантаження медіафайлів зі сторонніх ресурсів
  6. Варіант 2. Використання технології oEmbed
  7. Налаштування медіафайлів
  8. видалення медіафайлів

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

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

Ми розповімо, як працювати з аудіо і відео в WordPress: завантажимо на сайт і налаштуємо основні параметри, а також розглянемо варіанти зберігання файлів.

Медіафайли в WordPress

Медіафайли - це зображення, відео- та аудіофайли, а також архіви, завантажені на сайт. Всі ці файли зберігаються в спеціальній бібліотеці на сервері. За замовчуванням - в папці wp-content / uploads.

За замовчуванням - в папці wp-content / uploads

Всі файли в консолі WordPress

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

Налаштування параметрів зображення

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

Медіафайли в SEO

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

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

Практично у всіх основних пошукових систем є можливість пошуку по картинках. Коли ви вводите запит в рядок пошуку, система видає всі релевантні зображення. Пошукові роботи зчитують основну інформацію: вміст атрибутів title, alt і тексту, розташованого поруч з картинкою.

Якщо в опису атрибутів додати ключові запити користувачів, то підвищується ймовірність опинитися в топі видачі.

Якщо хочете перевірити, які саме зображення, розміщені на вашому сайті, проіндексовані пошуковими системами, можна скористатися простим способом: введіть в рядок пошуку "site: (доменне ім'я)" і натисніть "Знайти" (а взагалі мова запитів Яндекса - дуже цікава і корисна штука ).

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

Ось ці картинки з нашого сайту знайшов Яндекс

А це зображення, проіндексовані Гуглом.

А ці зображення проіндексував Google

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

Загальні рекомендації щодо заповнення атрибутів медіафайлів

  • Підпис має відображати смисловий зміст медіафайлу.
  • Можна використовувати в описі alt і title основні ключові слова.
  • Варто уникати занадто довгих, переоптімізірованние, підписів. Досить додати 1-2 ключових слова.

Завантаження медіафайлів в бібліотеку WordPress

Спосіб 1. З розділу «Медіафайли»

Заходимо в розділ «Медіафайли - Додати новий», вибираємо потрібний файл на своєму комп'ютері і завантажуємо в бібліотеку WordPress. Можна виділити відразу декілька файлів, натиснувши shift або ctrl.

Можна виділити відразу декілька файлів, натиснувши shift або ctrl

Завантажуємо мультимедійні дані у відповідному розділі

Спосіб 2. На сторінці запису

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

Цей спосіб оптимальніше: так ви будете впевнені, що все додані мультимедійні дані використовуються, і уникнете дублювання документів.

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

Заходимо в текст запису, ставимо курсор в область розміщення файлу, натискаємо на кнопку «Додати мультимедійний» і вибираємо потрібний для завантаження файл

Додаємо мультимедійні дані з запису

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

А так створюємо галерею

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

Відео- та аудіофайли зручніше розміщувати на сторонніх майданчиках (youtube, vimeo, SoundCloud, Яндекс.Діск та ін.), Оскільки вони створюють додаткове навантаження на сервер, що призводить до невиправданих витрат на хостинг і збільшення часу завантаження сторінок сайту.

Завантаження медіафайлів зі сторонніх ресурсів

Варіант 1. Вставка медіафайлів за допомогою HTML-коду

Розглянемо на прикладі найпоширенішого ресурсу - Youtube. Завантажуємо відео на свій канал чи знаходимо потрібний файл за темою на каналах інших користувачів. Переходимо на сторінку відтворення відео, натискаємо кнопку «Поділитися» і вибираємо вкладку HTML-код.

Переходимо на сторінку відтворення відео, натискаємо кнопку «Поділитися» і вибираємо вкладку HTML-код

Копіюємо HTML код потрібного медіафайлу

Копіюємо код і вставляємо його в потрібну область на сторінці записи у вкладці «Текст». Після натискання кнопки «Опублікувати», відеозапис з'явиться на сторінці сайту.

Вставляємо код в запис

Варіант 2. Використання технології oEmbed

В останніх версіях WordPress реалізована технологія oEmbed, що дозволяє вашому сайту автоматично запитувати HTML-код зі стороннього ресурсу (наприклад, з Youtube, Vimeo, Flickr та ін.). Щоб вставити мультимедійний в текст, потрібно лише скопіювати з рядка браузера пряме посилання на потрібний файл.

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

Копіюємо посилання в адресному рядку браузера

Додаємо мультимедійний в запис за допомогою технології oEmbed.

Вставляємо посилання в запис

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

Налаштування медіафайлів

Редагувати мультимедійні дані краще ще до завантаження на свій сайт або сторонні ресурси. Однак WordPress дозволяє змінити деякі параметри файлів в своєму редакторі. Розглянемо стандартні настройки на прикладі зображень.

На сторінці записи заходимо в меню «Додати мультимедійний». Завантажуємо потрібне зображення і відразу ж бачимо поле з основними настройками.

Вікно налаштувань параметрів медіафайлу

У нашому прикладі ми завантажуємо на сайт картинку (скріншот) консолі WordPress для статті про медіафайлах.

У який з'явився справа редакторі налаштуємо варіанти відображення файлу, а також заповнимо основні поля: заголовок, підпис, alt і опис. Давайте розглянемо докладніше всі параметри налаштування.

  • За замовчуванням в полі заголовок (title) вноситься назва завантаженого файлу. Його потрібно замінити на опис вмісту картинки, використовуючи ключові слова. У нашому прикладі це може виглядати так: «фото розділу медіафайли в консолі WordPress». При наведенні курсора на зображення з'явиться саме цей текст.

Міняємо назву в поле Title

  • Поле «Підпис» заповнюється за бажанням. Цей текст буде виведений прямо під зображенням на сторінці сайту і в ньому може міститися корисна для читача додаткова інформація. Наприклад, «як знайти всі файли в консолі WordPress».
  • Alt потрібно заповнювати обов'язково, ми вже писали про це. Він може збігатися з title або трохи відрізнятися. Головне, щоб написане відображало суть картинки і містило ключові слова. Наприклад, «як знайти всі файли в консолі WordPress».

Заповнюємо основні атрибути зображення

  • Поле «Опис» дозволяє вказати більш детальну інформацію про фото - розширити title. Заповнювати не обов'язково.
  • В налаштуваннях відображення можна вказати вирівнювання - положення файлу в тексті.
  • Зображення може працювати в якості посилання на будь-яку іншу сторінку. Тоді заповнюємо поле «Посилання», включивши в нього потрібний URL. Ставимо в положення «Ні», а то й потрібно, щоб картинка вела на якусь іншу сторінку сайту або відкривалася в більшому розмірі.
  • Розмір (великий, середній, мініатюра або повний) вибираєте в залежності від цілей. У більшості випадків краще вибирати повний, тоді зображення відобразиться в тексті з вихідними настройками.

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

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

редагування зображення

Для зручності пошуку і використання завантажених зображень є спеціальний плагін WP Media Categories. Він дозволяє привласнювати категорію кожній картинці.

Для коригування налаштувань відео- та аудіофайлів (наприклад, ширини відображення файлу, обтікання текстом), можна внести зміни в код вашої теми або встановити додаткові плагіни . Хоча в більшості сучасних тем для WordPress стандартні настройки дозволяють коректно відображати мультимедійні дані на сторінці. Що стосується основних параметрів таких файлів (розміру, дозволи і т. П.), Їх потрібно міняти ще до розміщення посилання на своєму сайті.

видалення медіафайлів

Невикористані мультимедійні дані краще видаляти, щоб не створювати зайве навантаження на сервер. Для цього заходимо в бібліотеку медіафайлів, наводимо курсор на потрібний файл і натискаємо кнопку «Видалити назавжди».

Для цього заходимо в бібліотеку медіафайлів, наводимо курсор на потрібний файл і натискаємо кнопку «Видалити назавжди»

видалення медіафайлу

Якщо вам потрібно видалити відразу кілька файлів, то відзначаємо галочками потрібні, вибираємо дію «Видалити назавжди» і натискаємо «Застосувати».

Видалення кількох медіафайлів

Для зручності роботи з зайвими файлами є спеціальний плагін - WP Media Cleaner. Він перевіряє всі медіафайли на предмет їх використання в записах або на сторінках сайту. Файли, які не використовуються, плагін позначає, і їх можна в подальшому видалити.

Ми постаралися відобразити саму основну інформацію, яку потрібно знати власнику сайту для ефективної роботи з медіа.

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

AzСonsult.ru

Для роботи з медафайламі вам стане в нагоді ця інформація:

Як це відбувається?