Начните искать ключевые слова

Используйте Serpstat, чтобы находить лучшие ключи

How-to, 18 апреля 2019 | 9068 | Читать 7 минут – Прочитать позже

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

Отключение плагинов для мобильных пользователей

АУДИТ САЙТА — СКОРОСТЬ ЗАГРУЗКИ

Инструкцию одобрил
SEO-специалист в Luxeo

Илья Беланенко

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

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

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

Доля мобильного трафика в интернете по годам

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

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

Например, при использовании Adobe 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

Plugin Organizer

Plugin Organizer позволяет:

Изменять порядок загрузки плагинов.

Выборочно отключать плагины для определенных типов постов или URL-адресов.

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

После активации плагина включим соответствующие настройки:

Настройка плагина Plugin Organizer для WordPress

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

AMP

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

WP Fastest Cache

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

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

Context Block Disable

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

Accelerated Mobile Pages (AMP)

Этот плагин конвертирует 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

Layout Type

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

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

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

Проверить мобильную версию сайта можно с помощью разработанного специалистами Google теста. Чтобы проверить ресурс, нужно ввести URL либо вставить код и нажать «Проверить страницу»:

Проверка оптимизации страницы для мобильных устройств Mobile Friendly Test

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

Тест оптимизации страницы для мобильных Mobile Friendly Test

Сайты, успешно прошедшие тест Mobile Friendly, получают приоритет в мобильной выдаче Google.

Заключение

Улучшение юзабилити проекта на мобильных устройствах, включающие адаптацию дизайна и увеличение скорости загрузки, — важный этап SEO-продвижения любого современного сайта.
Некоторые плагины и форматы контента не поддерживаются на мобильных устройствах. Для избежания проблем с мобильной версией сайта стоит использовать теги HTML5 или отключать такие плагины на портативных устройствах.
Чтобы ускорить загрузку страниц в мобильной версии, можно воспользоваться плагинами, модулями и расширениями для CMS. Данные инструменты предназначены для оптимизации кода, кэширования страниц или их перевода в формат AMP.
Скрыть определенные блоки и отключить модули в мобильной версии можно с помощью плагинов для CMS, медиа-запросов и классов Bootstrap.
Проверить дружественность сайта к мобильным устройствам и узнать о возможных проблемах можно с помощью теста Mobile Friendly от Google.

Эта статья — часть модуля «Аудит сайта» в Serpstat

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

Запустить аудит сайта

Serpstat — набор инструментов для поискового маркетинга!

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

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

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

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

5 из 5 на основе 1 оценок

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

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

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

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

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

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

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

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

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

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