8555
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 — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

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

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

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

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

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

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm