WebP в WordPress - установка и настройка плагина WebP Express

WebP в WordPress — установка и настройка плагина WebP Express

WebP в WordPress — установка и настройка плагина WebP Express

Привет! В этом материале мы расскажем об одном из самых простых способов начать использовать современный формат изображений WebP для сайтов на CMS WordPress.

Особенно актуально для тех, кто столкнулся с ошибкой “Используйте современные форматы изображений” в Google PageSpeed Insights.

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

После установки плагина переходим к его настройке. Плагин на английском языке, но пусть это вас не смущает. Ниже мы расскажем, какие настройки нужно применить.

Как конвертировать изображения с помощью WebP Express

Хостинг, который мы использовали в разработке сайта, использует NGINX. Раздел General у нас выглядит следующим образом.

Настройка Webp Express

.htaccess rules можно оставить без изменений по умолчанию.

Webp Express .htaccess rules

На разделе Conversion можно остановиться более подробно. Здесь вы можете настроить, каким методом конвертировать изображения в webP, выбрать процент сжатия, а также поставить галочку у пункта Convert on upload, что позволит автоматически конвертировать изображения при их загрузке в библиотеку WordPress.

WebP Express настройка Conversio

Блок After HTML у нас выглядит так. На самом деле, можете просто скопировать наши настройки.

WebP Express настройка After HTML

Теперь можем смело нажать на синюю кнопку Save settings. Затем скроллим до раздела Conversion и нажимаем Bulk Convert, чтобы оптимизировать и перевести в WebP ранее загруженные изображения.

Готово! Теперь остается немного подождать. Скорость преобразования изображений в WebP-формат зависит от их количества на вашем сервере. Иногда процесс занимает и 5 минут, иногда несколько часов.

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

Добавить WebP в WordPress

В PageSpeed Insights проблема также исчезнет. Поздравляю, вы на верном пути в SEO продвижении вашего сайта.

Если у вас остались какие-либо вопросы, вы можете задавать их в комментариях. И не забывайте заглядывать в наш Блог, у нас часто выходит полезный контент по разработке сайтов и их продвижению! 🙂

Поддержать нашу команду:
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Привет! Интересно читать нас? Уделите пару минут своего времени, узнайте больше о нашей команде!

Получить подарок!