Как работать с медиафайлами ВордПресс

Как работать с медиафайлами ВордПресс

Развитие интернета неудержимо, ведь еще совсем недавно мы наслаждались доступом к сайтам, контентом которых был только текст, без использования каких-либо медиафайлов. Прогресс повлиял на дальнейшее развитие и совершенствование платформ, в том числе Вордпресс. Однако сейчас приходится изучать немалое количество материала о том, как работать с медиафайлами Вордпресс, чтобы должны образом оформить статью и оптимизировать изображения для поисковых систем.

Начнем поочередно разбирать все возможности популярной платформы: от самых простых (встроенных в панель администратора) до самых сложных (расширенные с использованием сторонних сервисов и плагинов).

Стандартные решения

Wordpress под медифайлами подразумевает картинки, аудиозаписи, видеофайлы

Административная панель WordPress под медифайлами подразумевает картинки, аудиозаписи, видеофайлы. Все загруженные данные сохраняются в библиотеке платформы, которая располагается в следующей папке — имя сайта/wp-content/uploads. Согласно политике рассматриваемой платформы, в основных настройках разрешено редактировать только изображения, так как другие указанные типы файлов не рекомендованы к загрузке в медиатеку.

С помощью медиафайлов улучшается визуальная составляющая текстов, размещенных на сайте. Статьи становятся более привлекательными, структурированными и читабельными. Для поисковых машин изображения являются такими же важными, как для посетителей. Участки текста разделяются релевантными изображениями, что в понимании поисковых машин улучшает поведенческую оценку. Эти факторы в позитивном ключе влияют на ранжирование сайта в поисковике.

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

Основные рекомендации по заполнению атрибутов:

  • В строку alt и title рекомендуется вписывать ключевые слова, которые описывают изображение и соотносятся с тематикой той части текста, где оно размещено в статье.
  • Использование слишком длинных заголовков и подписей не рекомендуется.
  • В строке «Подпись» рекомендуется кратко описать смысловое содержание медиафайла.

Способы загрузки медиа-файлов в библиотеку Вордпресс

Сохранить изображения, видео и аудио в хранилище сайта можно несколькими методами.

Способ №1

Можно осуществить загрузку из раздела «Медиафайлы — Добавить новый», где выбирается необходимый файл с компьютера и загружается в библиотеку. Можно выбирать и загружать несколько файлов одновременно. Также можно перетаскивать файлы из папки на компьютере непосредственно в указанное место в панели, после чего последует их загрузка.

Способ №2

Добавление осуществляется на странице записи во время размещения или редактирования статьи. Многие используют именно этот способ, он предотвращает появление дублей вложенных файлов, так как вебмастер будет следить, чтобы они все использовались в материале. Над панелью управления размещена кнопка добавления медиафайла (перед добавлением, установите курсор в предполагаемое место, где будет размещаться изображение).

Способ №3

Данный метод предполагает установку медиафайла с другого ресурса посредством установки html кода. Зачастую это используется при добавлении видео с популярного видеохостинга YouTube. Достаточно перейти на интересующее видео, нажать «Поделиться — Вставка — Скопировать код видео». Его нужно вставить во вкладке «Текст» редактора записи. После этого в визуальном редакторе можем увидеть превью на видео.

Способ №4

С последними обновлениями Вордпресс стало возможным использование технологии oEmbed. Благодаря этой функции, платформа в автоматическом порядке запрашивает html-код со сторонних сайтов, как только вы скопируете ссылку на медиафайл в визуальный редактор. Способ работает при использовании ссылок популярных сайтов, размещенных в так называемом белом списке.

Настройка медиафайлов

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

Настройка медиафайлов
  • Поле «Заголовок» (title) содержит название файла, который загружается. Его следует заменить на краткое описание 2-3 словами, которое максимально передает содержание изображения. При наведении курсора на картинку в размещенной статье, будет всплывать текст, записанный в этом поле.
  • Строка «Подпись» не относится к основным и является необязательной к заполнению. Она выносит текст под изображение в опубликованной записи, что позволит уточнить некоторые моменты, касательно картинки или схемы.
  • Строка alt относится к обязательному параметру. Данный атрибут может быть идентичным заголовку или немного отличаться. Применяется для описания содержания картинки с использованием ключевых слов.
  • Последнее поле «Описание» необязательно к заполнению, используется для дополнения заголовка изображения.
  • Настройка выравнивания — позволяет указать расположение изображения в тексте.
  • Следующий параметр позволяет указать действие, которое будет происходить после нажатия на изображение: ссылка — установка URL, по которому посетитель перейдет после клика по файлу, медиафайл — откроет картинку в новом окне в оригинальном разрешении, значение «нет» – исключает какие-либо действия с файлом.
  • Выбор размера. Можно выбрать полный масштаб, большой, средний и миниатюру. Размер подбирается согласно предпочтениям вебмастера;

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

Следующая возможность представлена в виде редактирования самого изображения. Достаточно нажать на размещенную в статье картинку, чтобы всплыло окно панели с кнопкой редактирования. После этого попадаем в меню настроек с превью картинок, где можно выполнить следующие операции:

  • Изменить все параметры, указанные ранее: заголовок, alt, выравнивание, размер и ссылку;
  • Имеется пункт дополнительных настроек, где можно добавить несколько функций к изображению и внести CSS-параметры;
  • Справа имеется кнопка для перехода в режим редактирования оригинала (позволяет установить размеры изображения, обрезать или перевернуть его).

На этом список стандартных решений редактирования изображений заканчивается. Чтобы выполнить более сложные настройки необходимо использовать плагины, которые мы рассмотрим далее. Для настройки видеофайлов и аудиозаписей параметры отсутствуют, их можно задать только кодом темы или html-кодом вставленного файла.

Работа с галереями

Работа с галереями

Для большего понимания того, как работать с медиафайлами Вордпресс, следует изучить использование галерей в записях. Данные действия относятся к простым, не требуют особых знаний или использования кода. Галерея — подборка нескольких изображений, размещаемых в тексте с определенными параметрами. Стандартные параметры подразумевают открытие картинки из галереи в новой вкладке или во вложении. Это не очень удобно с точки зрения пользователя. Вебмастеры используют плагины, позволяющие открывать картинки в лайтбоксе, например, Simple Lightbox.

Чтобы создать галерею, необходимо перейти в меню добавления медиафайлов, нажать «Создать галерею». После этого выбрать необходимые изображения и «Создать новую галерею». Далее проводится настройка параметров отображения галереи:

  • Параметр «Ссылка» необязателен к изменению, его можно оставить как есть;
  • Параметр «Колонки» позволяет выбрать количество колонок с картинками, размещенными в записи. В зависимости от размера миниатюр, число колонок может изменяться — маленькие миниатюры позволяют использовать больше колонок;
  • Параметр «Случайный порядок» устанавливается исходя из ваших требований. Установленная галочка будет выводить изображения из галереи в случайном порядке, при каждом обновлении страницы, отсутствие галочки выставит картинки в порядке, который вы указали вручную;
  • Параметр «Размер» позволяет выставить размер изображений в галерее. Рекомендуется установить «миниатюры».

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

Настройка галереи

Удаление медиафайлов

Те файлы, которые не используются, необходимо удалить, так как лишний вес создает определенную нагрузку на сервер. Несколько десятков таких картинок могут изрядно подтормаживать ваш сайт. Необходимо перейти в библиотеку медиафайлов, выбрать нужный файл и нажать «Удалить навсегда». Чтобы удалить большое количество файлов воспользуйтесь выбором нескольких из них галочками, после чего «Удалить навсегда».

Чтобы упростить процесс контроля неиспользуемых файлов, можно установить плагин WP Media Cleaner. Он в автоматическом режиме следит за всеми файлами, которые не используются в записях, отмечает их для дальнейшего удаления.

На этом, завершим обзор стандартных решений для работы с медиафайлами WordPress, перейдем к более сложным операциям.

Расширенные решения работы с медиафайлами

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

Сжатие изображений

Для улучшения скорости загрузки страниц, рекомендуется предварительно сжимать изображения в специальных сервисах или программах. Сокращение времени загрузки страницы положительно влияет на поведенческие факторы пользователей и, соответственно, поисковых систем. Стандартное сжатие картинок с расширением JPEG в Вордпрессе уменьшает изображения до 90% от исходного уровня. Данная функция стандартно задействована в ядре платформы.

Сжатие изображений

Одной из проблем данной функции является несовместимость с популярным плагином WP Smush. Это проявляется в ухудшении качества опубликованных изображений. Если предполагается использование данного плагина, необходимо отключить стандартную систему сжатия и использовать для этого плагин Disable JPEG Compression.

Что касается WP Smush, то плагин является самым оптимальным вариантом, а при использовании премиум версии — лучшим на рынке. После его установки, изображения в автоматическом режиме будут подвержены сжатию, без потери качества.
Enhanced Media Library

Те вебмастеры, которые против нагрузки системы различными плагинами, могут воспользоваться сторонними сервисами и программами. Согласно многим опросам и тестам, эффективностью сжатия выделяется сервис TinyJPEG, который позволяет сжимать несколько изображений одновременно в формате jpeg и png. Скорость работы сервиса выше чем у конкурентов, что значительно сокращает траты времени на оптимизацию картинок.

Плагины

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

Media File Renamer

Стандартная библиотека медиафайлов имеет неприятный недостаток: она не позволяет переименовывать загружаемые файлы. Благодаря использованию этого плагина, все ограничения будут сняты. Вебмастер может оставить заголовки загруженных файлов такими, как есть или заменить на новые.

Media File Renamer

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

Характеристики плагина:

  • Непосредственная замена имени файла в библиотеке;
  • Функция массового переименования;
  • Исправление путей к файлам после переименования.

Enhanced Media Library

Это плагин, распространяемый на бесплатной основе, который помогает удобно организовать библиотеку медиафайлов. Предусмотрено присвоение категорий файлам и использование фильтров для их сортировки. Интересной особенностью является возможность вставлять динамические галереи, которые группируются по общим категориям либо меткам. Добавляются они в записи посредством шорткодов.

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

Характеристики плагина:

  • Присвоение категорий и меток;
  • Несколько фильтров для сортировки файлов;
  • Установка ограничений для определенных расширений файлов;
  • Использование шорткодов для динамичных галерей.

Imsanity

Это полезный плагин, оптимизирующий сайт и ускоряющий работу сервера посредством изменения оригинальных изображений. Дело в том, что при изменении размера файла картинки и размещении его в записи, оригинальный размер сохраняется на сервере. Для этого, плагин изменяет оригинальный размер на тот, что был присвоен в записи.

Imsanity

Возможности плагина:

  • Выбор расширения и степени сжатия файла;
  • При помощи панели предварительного просмотра можно выбирать подходящий размер;
  • Массовое редактирование размеров загруженных изображений;
  • Конвертация формата BMP в JPEG в ручном режиме.

Imagify Image Optimizer

По некоторым возможностям плагин походит на предыдущий Imsanity, так как умеет изменять размер изображений. Основная его задача — оптимизация картинок. Сжимание не влияет на качество изображения, при этом скорость загрузки страниц сайта увеличивается.

Imagify Image Optimizer

Особенности плагина:

  • Доступно 3 способа сжатия;
  • Использование массового сжатия для загруженных документов;
  • Совместимость с WooCommerce;
  • Позволяет сохранять оригинальные файлы на сервере.

Image Watermark WP

Полезный плагин, особенно если вы используете уникальные изображения. Его задача состоит в наложении водяных знаков на картинки, загруженные на сайт.

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

Возможности плагина:

  • Непосредственно добавление водяных знаков;
  • Функция загрузки собственного водяного знака;
  • Настройка положения знака и уровня видимости;
  • Установка ограничения на клик правой кнопкой мышки по изображениям.

Quick Featured Images

В Вордпресс предусмотрено добавление миниатюр картинок к записям, при этом существует существенное ограничение — при желании заменить эту миниатюру, потребуется открывать по отдельности каждую запись (по необходимости) и проводить указанные действия. Благодаря этому плагину для медиафайлов, вебмастеры могут одновременно редактировать множество миниатюр на сайте.

Quick Featured Images

 

Особенности плагина:

  • Изменение большого количества миниатюр записей;
  • Выбор фильтров для автоматического выбора миниатюр;
  • Предусмотрены настройки автоматизированного подбора миниатюр.

Вывод

Мы рассмотрели ряд стандартных и расширенных возможностей того, как работать с медиафайлами Вордпресс. И, резюмируя, стоит отметить, что стандартные возможности платформы позволяют качественно и быстро загружать некоторые виды файлов, однако существует ряд ограничений, которые исправляются посредством установки плагинов. Следует учесть, что установка большого количества расширений негативно влияет на работу сайта и нагрузку на сервер.

Необходимо стремиться в большей мере использовать сторонние ресурсы для оптимизации файлов. Но в том, что касается добавления и настройки картинок можно обойтись без использования таких продуктов. Благо, возможности системы позволяют загружать большое количество файлов, ограничение имеется только по размеру документа (каждый хостинг устанавливает свое — от 25 Мб до 256 Мб).