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

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

Принять и продолжить

Сообщить об ошибке

Отменить
1363
How-to Читать 7 минут 18 апреля 2019

Как отключить плагины для мобильной версии сайта

Отключение плагинов для мобильных пользователей
АУДИТ САЙТА — СКОРОСТЬ ЗАГРУЗКИ
Инструкцию одобрил
SEO-специалист в Luxeo
Оптимизация сайта для мобильных устройств — важная часть работы по продвижению проекта. Чтобы сделать интерфейс дружественным и адаптировать сайт под портативные устройства, следует отключать некоторые плагины в мобильной версии.

Оптимизация сайта для мобильных устройств

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

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

Например, при использовании Adobe Flash Player в мобильной версии будет отображаться ошибка: «Используются неподдерживаемые плагины». В такой ситуации контент не будет воспроизводиться и пользователь увидит пустой экран либо сообщение об ошибке:
Ошибка Flash Player в мобильной версии
В большинстве случаев такая ошибка возникает при использовании неподдерживаемого формата видеофайла, который не может воспроизвести мобильное устройство. Также на мобильных устройствах Android и Apple не поддерживаются компоненты Java и Silverlight. Некоторые плагины, модули и расширения также негативно влияют на производительность сайта, вызывая его медленную загрузку на портативных девайсах.

Специалисты Google рекомендуют использовать для проигрывания видеоконтента и анимации в мобильной версии теги HTML5 вместо неподдерживаемых плееров. Также можно отключить ненужные для мобильной версии модули с помощью медиа-запросов. Они позволяют задавать определенные CSS-правила для портативных устройств, исходя из размеров их экрана.

Например, вам необходимо отключить анимационный рекламный блок на мобильных устройствах с разрешением экрана менее 600px. Нужно прописать в таблицу стилей CSS модуля такой медиа-запрос, заменив значение «block-id» на идентификатор блока, который нужно скрыть:
@media screen and (max-width: 600px) {
#block-id {
    visibility: hidden;
    display: none;
  }
}
Также можно воспользоваться специальными классами Bootstrap 4.3, позволяющими отображать элемент только для определенных разрешений экранов:
Классы Bootstrap 4.3 для разрешений экранов устройств
При использовании Bootstrap в блок, который необходимо скрыть на мобильных устройствах, добавляются соответствующие классы. Например, данное сочетание классов скрывает блок на всех устройствах, кроме тех, у которых средние и большие экраны:
<div class='d-none d-md-block d-xl-none''>
Помимо скрытия плагинов с помощью медиа-запросов и Bootstrap, для оптимизации мобильной версии сайта можно использовать специальные инструменты.

Лучшие плагины для мобильной версии WordPress

Плагин WordPress Plugin Organizer
Plugin Organizer позволяет:
1
Изменять порядок загрузки плагинов.
2
Выборочно отключать плагины для определенных типов постов или URL-адресов.
3
Выключать определенные плагины для мобильной версии сайта.
После активации плагина включим соответствующие настройки:
Настройка плагина Plugin Organizer для WordPress
Затем добавим плагины, которые необходимо отключить, и сохраним изменения, нажав «Save». После этого выбранные плагины перестанут загружаться в мобильной версии сайта.
#2

Официальный плагин AMP для WordPress
Google разработал формат ускоренных страниц, который позволяет загружать мобильную версию сайта с высокой скоростью. Благодаря этому улучшаются поведенческие факторы и ранжирование проекта. Чтобы преобразовать стандартные страницы в AMP, можно использовать данный плагин.
Плагин WP Fastest Cache
Данный плагин позволяет кэшировать файлы с PHP и SQL-кодами для ускорения повторной загрузки страницы. Система кэширования оптимизирует код, генерирует и сохраняет статические HTML-файлы, которые отображаются для пользователей, посетивших сайт повторно.

Плагины для мобильных пользователей Drupal

Плагин Context Block Disable для Drupal
Данный плагин позволяет отключать выбранные блоки по заданным правилам для определенных мобильных устройств.
Плагин Accelerated Mobile Pages (AMP) для Drupal
Этот плагин конвертирует HTML-страницы в AMP-стандарт для быстрой загрузки.

SEO для мобильных версий на Joomla

Чтобы скрыть на мобильных устройствах определенный модуль, можно добавить в таблицу стилей CSS медиа-запрос, указав там произвольное значение суффикса:
@media screen and (max-width: 640px) {
 my-suffix {
display: none;
}
}
Затем нужно зайти в панель администрирования, найти необходимый модуль и указать в дополнительных параметрах значение для суффикса CSS-класса модуля — «my-suffix». После сохранения таких настроек данный модуль перестанет отображаться на мобильных устройствах.

Сгенерировать ускоренные страницы для сайтов на Joomla можно с помощью расширения Accelerated Mobile Pages:
Расширение Accelerated Mobile Pages для Joomla

SEO мобильной версии сайта на OpenCart

Ускорение мобильной версии для OpenCart с помощью модуля Layout Type
Данное расширение ускоряет загрузку мобильной версии сайта благодаря оптимизации JavaScript и CSS-кода, а также размещению модулей и виджетов на других позициях.

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

Проверка мобильной версии на Mobile Friendly Test

Проверить мобильную версию сайта можно с помощью разработанного специалистами Google теста. Чтобы проверить ресурс, нужно ввести URL либо вставить код и нажать «Проверить страницу»:
Проверка оптимизации страницы для мобильных устройств Mobile Friendly Test
Проверка покажет, адаптирована ли страница под мобильные устройства, а также отобразит возможные проблемы, которые возникли при загрузке:
Тест оптимизации страницы для мобильных Mobile Friendly Test
Сайты, успешно прошедшие тест Mobile Friendly, получают приоритет в мобильной выдаче Google.

Заключение

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

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

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

  4. Скрыть определенные блоки и отключить модули в мобильной версии можно с помощью плагинов для CMS, медиа-запросов и классов Bootstrap.

  5. Проверить дружественность сайта к мобильным устройствам и узнать о возможных проблемах можно с помощью теста Mobile Friendly от Google.
Эта статья — часть модуля «Аудит сайта» в Serpstat
«Аудит сайта» в Serpstat
Аудит всего сайта или отдельной страницы в один клик. Полный список ошибок, отсортированный по критичности, пути их устранения и рекомендации. Любая периодичность проверки и автоматическая рассылка отчетов на почту.
Запустить аудит сайта

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

5 из 5 на основе 1 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

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

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

Я хочу больше лимитов