www.rookee.ru

8 актуальных плагинов WordPress для мобильной версии вашего сайта

Плагины WordPress могут помочь быстро оптимизировать ваш сайт для пользователей мобильных устройств. Предлагаю вам для этого 8 отличных вариантов, которые стоит попробовать.

8 актуальных плагинов WordPress для мобильной версии вашего сайта

А спонсором блога в этом месяце выступает сервис Rookee. Когда требуется комплексное поисковое продвижение, контекстная реклама на автопилоте или формирование репутации в сети – на помощь приходят Rookee!

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

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

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

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

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

Что такое плагин для WordPress?

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

Плагины являются неотъемлемой частью движка WordPress. Многие вебмастеры сегодня уже не могут полноценно обслуживать собственные проекты без определённого набора расширений.

Написанные на языке программирования PHP, плагины стали столь популярными благодаря тому, что WordPress был изначально оснащён открытым исходным кодом.

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

Как установить плагин в WordPress

Эти модули очень похожи на мобильные приложения. Вы можете найти огромное количество различных инструментов на все случаи жизни. Причём большинство из них совершенно бесплатны.

Для того, чтобы добавить расширение в свой WordPress, необходимо зайти в панель администратора и перейти в раздел «Плагины». Там находится кнопка «Добавить новый».

Как установить плагин в WordPress

Далее вы увидите строку поиска, в которой можно найти всё, что вас интересует. Когда отыщите подходящий инструмент, выберите пункт «Установить».

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

8 плагинов WP для оптимизации мобильной версии сайта

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

1. WPtouch

WPtouch: мобильная версия wordpress плагин

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

WPtouch оптимизирует изображение под экран устройства пользователя. Фактически, речь идёт не о модернизации исходной страницы в более удобный форм-фактор. Происходит банальная оптимизация, без внесения принципиальных изменений в исходный код страницы.

Тем не менее, он позволяет:

  • Автоматически перенастроить шаблон на мобильную версию, в том случае, когда к вам приходит пользователь смартфона.
  • Создать отдельную версию сайта для пользователей мобильных устройств. Она может достаточно сильно отличаться от того, что вы увидите, заходя с настольного компьютера.
  • Это лёгкий плагин, он не добавляет существенного веса вашему сайту и практически никак не влияет на скорость его загрузки.
  • Кроме того, вы, фактически, не модернизируете исходный код сайта, а просто добавляете в него дополнительную тему, которая включается по запросу посетителя.

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

2. Jetpack

Jetpack: плагин мобильная версия сайта wordpress

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

Jetpack – это, своего рода, «всё в одном» для WordPress. Инструментарий плагина включает такие возможности, как:

  • Автоматическая защита сайта (резервное копирование, отслеживание вредоносного ПО, защита от спама, безопасная система входа, защита от внешних атак).
  • Повышение быстродействия и производительности (отложенная загрузка изображений, пользовательский поиск по сайту, фильтры товаров на WooCommerce и eCommerce сайтах).
  • Мощные функции для развития сайта (расширенная статистика и аналитика, кросспостинг в социальные сети, интеграция с Instagram, PayPal и Stripe, встроенная XML-карта сайта, управление рекламой).
  • Простые и понятные инструменты дизайна (темы, похожие записи, галереи, слайд-шоу, контактная форма, подписки, поддержка oEmbed).
  • Совместимость с другими популярными плагинами (WooCommerce, AMP 2.0, Google Analytics, WP Super Cache, Akismet, Contact Form 7 и др.).

Это крайне популярный и востребованный плагин. Он постоянно обновляется и регулируется разработчиком.

3. Smush

Smush: плагин для мобильных устройств wordpress

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

Google не очень любит сайты со слишком низкой скоростью загрузки. И если вам необходимо снизить время открытия страницы, не теряя при этом в количестве и качестве элементов оформления и дизайна, воспользуйтесь плагином Smush.

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

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

4. WP Mobile Menu

WP Mobile Menu: плагин мобильного меню wordpress

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

WP Mobile Menu позволяет добавить трёхуровневое меню на все страницы сайта. Базовая версия включает в себя лишь основные элементы дизайна и управления. В том случае, если вам их не хватает, придётся оплатить один из трёх уровней премиума, в зависимости от конкретных задач.

Стандартные функции:

  • трёхуровневое меню;
  • чистый заголовок;
  • оверлей при открытии меню;
  • брендинг логотипа и текста;
  • фоновое изображение для меню;
  • сокрытие определённых элементов, когда Mobile Menu видно;
  • шрифты Google;
  • настройка стиля мобильного меню.

5. Hummingbird

Hummingbird: мобильный плагин вордпресс

Этот плагин необходим в том случае, если вы собираетесь максимально повысить скорость загрузки вашего сайта. Hummingbird – инструмент для ваших посетителей, а не для вас. Он позволяет сохранить копию открываемой страницы в кэше браузера и максимально ускорить загрузку сайта при последующих посещениях.

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

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

Модуль Hummingbird даёт полезные советы по оптимизации и адаптации страниц вашего сайта под мобильные устройства. Отслеживая результаты вносимых изменений, вы сможете самостоятельно оценить все достоинства приложения.

Премиум-версия плагина включает такие инструменты, как:

  • автоматическое сканирование;
  • мониторинг работоспособности;
  • улучшенное сжатие файлов;
  • CDN.

6. AMP for WP

AMP for WP: плагин вордпресс мобильные версии

Google не стоит на месте. Вместо того, чтобы оставлять создание инструментов оптимизации на откуп частным разработчикам, поисковик создал собственный плагин. Им стал AMP.

Это физическая реализация тех инструментов, которые Google хотел бы предоставить сознательным вебмастерам для отладки и оптимизации десктопых версий сайтов под мобильные устройства.

Не стоит говорить о том, что Google, хоть и не признаётся в этом публично, но всё же может отдавать предпочтение разработчикам, выбирающим AMP, а не сторонние плагины.

Плагину есть что вам предложить, включая такие вещи, как:

  • Пользовательский AMP-редактор, позволяющий сделать ваш пост или страницу AMP-совместимой.
  • Перетаскиваемый конструктор страниц.
  • Поддержка Аналитики Google.
  • Поддержка SEO-плагинов.
  • Неограниченная цветовая тема.

7. Asset Clean-Up

Asset Clean-Up: плагин вордпресс для мобильной версии сайта

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

Но далеко не каждый плагин применяется на сайтах повсеместно. Например, контактные формы должны всплывать только на одной странице.

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

Плагин Asset Clean-Up сканирует ваш сайт и находит невостребованные участки кода, влияющие на вес страницы, но не оказывающие на неё никакого прямого воздействия. Указав в настройках работы модуля коды, которые загружать не нужно, вы сможете существенным образом снизить объёмы раздувания страниц.

В результате ваш сайт сможет:

  • Уменьшить количество загружаемых HTTP-запросов (что важно для ускорения загрузки страницы) за счёт выгрузки бесполезных CSS/JS.
  • Минимизировать и комбинировать оставшиеся загружаемые файлы CSS/JavaScript.
  • Сократить реальный HTML-код страницы.
  • Достигнуть лучших показателей производительности, при тестировании на таких сайтах, как GTmetrix, PageSpeed Insights или Pingdom Website Speed Test.

8. Autoptimize

Autoptimize: плагин для оптимизации WP блога

Плагин, который оптимизирует базу данных, очищает кэш и объединяет дублирующиеся скрипты. Фактически, это бесплатный модуль, который в состоянии ускорить загрузку вашего сайта (до 30%).

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

Скорость сайта – ваше конкурентное преимущество

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

Поисковые системы, такие как Google, уделяют большое внимание веб-сайтам, оптимизированным для мобильных устройств, и эта тенденция будет продолжаться, поскольку мы с вами всё больше полагаемся на мобильные технологии.

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

Только не переусердствуйте с количеством плагинов, которые вы решите использовать. Если установить их слишком много, возникает риск испортить производительность сайта – то, что вы пытаетесь оптимизировать.

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

А какой у вас любимый WordPress-плагин, помогающий вам делать сайты более дружественными для современных мобильных технологий? Делитесь в комментариях!

ПОНРАВИЛСЯ ПОСТ? ПОДЕЛИСЬ ССЫЛКОЙ С ДРУЗЬЯМИ!

Получать новые публикации по электронной почте:

Skyeng

СТАТЬИ ИЗ РУБРИКИ:

3 2 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

20 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Гена
Гена
8 месяцев назад

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

Аспирант
8 месяцев назад
Ответить на  Гена

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

Сергей
Сергей
8 месяцев назад

Добрый день! Сделал сайт на свежей теме вордпресс, ничего там в CSS не менял, гугл сразу прислал:

На Вашем сайте обнаружены проблемы (2) категории “Удобство для мобильных”.

Основные проблемы

На Вашем сайте обнаружены следующие проблемы:

Интерактивные элементы расположены слишком близко

Слишком мелкий шрифт



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

Аспирант
8 месяцев назад
Ответить на  Сергей

Если добавить сайт в Google Search Console, там есть отдельная вкладка “Удобство для мобильных”. Официальная справка Google: https://support.google.com/webmasters/answer/9063469

Т.к. у пользователей разные мобильные телефоны, далеко не со всех моделей можно обнаружить проблемы, на которые указывает поисковая сеть. Также бывает, что Google ошибочно присылает такие уведомления. Поэтому в GSC нужно, на всякий случай, проверить отдельные URL-ы (там есть кнопка “проверить страницы на сайте”).

Если вручную эти проблемы устранить не получается, могу посоветовать связку из плагинов: Autoptimize + WPtouch Mobile Plugin + EWWW Image Optimizer.

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

Сергей
Сергей
8 месяцев назад
Ответить на  Аспирант

Тут кроме шрифтов еще и элементы, которые близко расположены. Может, WPtouch попробовать? Он же оптимизирует изображение под экран устройства пользователя. Или это касается картинок? Можно AMP поставить, но как на это яндекс посмотрит? Сайт-то в России.

Аспирант
8 месяцев назад
Ответить на  Сергей

Лучше пробовать по одному. Для начала стоит поставить WPtouch и посмотреть на результат. Если проблема не решится, копать дальше.

Сергей
Сергей
8 месяцев назад
Ответить на  Аспирант

Попробую, спасибо

Сергей
Сергей
8 месяцев назад
Ответить на  Аспирант

А чистый, простой и бесплатный шаблон WP, который любит гугл не подскажете?

Аспирант
8 месяцев назад
Ответить на  Сергей

Вот тут не подскажу, к сожалению. Нужно изучить вопрос. Свои шаблоны я сам, руками, переделывал, практически с нуля.

polmozgaD
polmozga
8 месяцев назад
Ответить на  Сергей

Создайте дочернюю тему и внесите изменения в CSS. Рекомендуемый размер шрифта для основного текста – 16px. Для расположенных слишком близко элементов увеличьте отступы или поменяйте компоновку. Проверять надо на разных разрешениях – <576px, ≥576px, ≥768px, ≥992px, ≥1200px, ≥1400px (это стандартные брейкпоинты 5-го бутстрапа).
На каком-нибудь кворке исполнители сделают такое за 500р

Сергей
Сергей
8 месяцев назад
Ответить на  polmozga

Благодарю. Запишу это себе)

seoonly.ru
8 месяцев назад

то, что надо растущему организму, ой сайту

Аспирант
8 месяцев назад
Ответить на  seoonly.ru

И увядающему тоже! =)

polmozgaD
polmozga
8 месяцев назад

Плагины – это хорошо, но лучше искать нормальную адаптивную тему и переделывать ее под себя. При этом Autoptimize не помешает, а сжатие изображений обязательно (WP Smush, EWWW, Robin Image Optimizer, Imsanity)

Аспирант
8 месяцев назад
Ответить на  polmozga

Это верно. Но не у всех есть достаточные технические знания, чтобы что-то переделывать самостоятельно.

Данил
8 месяцев назад
Ответить на  polmozga

+++

Сергей
Сергей
8 месяцев назад
Ответить на  polmozga

Какие есть на сегодняшний момент хорошие адаптивные темы?

Данил
8 месяцев назад

Спасибо за статью. У меня не установлено ни одного из перечисленных плагинов(я тупо не знал что они нужны) Типа мобайл фёст и все такое)

Аспирант
8 месяцев назад
Ответить на  Данил

А Google в GSC не ругается?

Данил
8 месяцев назад
Ответить на  Аспирант

Я топлю за яндекс)

20
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x