Как за две минуты с помощью плагинов сделать мобильную версию сайта?

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

С помощью мобильной версии сайта можно привлечь (удержать на сайте) большее число посетителей на Ваш ресурс. Число пользователей, которые посещают Ваш сайт с помощью мобильных телефонов и гаджетов можно увидеть в любом сервисе статистики, например в liveinternet. И если сейчас это число может быть невелико, то в ближайшем будущем оно будет увеличиваться. По прогнозам компании Cisco к 2016 году количество интернет-пользователей в мире составит приблизительно 3.4 миллиарда. А если учесть рост популярности планшетов и мобильных телефонов, то очевидно, что последует увеличение количества мобильных интернет-пользователей.

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

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

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

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

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

как отображается сайт на мобильных устройствах
 

Как видите оптимизация сайта под мобильные устройства 60/100.

Давайте, исправим это самым простым способом — установим специальные плагины для WordPress: Wptouch или WP Mobile Detector (на Ваш выбор.). Оба плагина автоматически создают мобильную копию Вашего сайта. Выбирайте тот, который Вам больше нравиться. Плагины хороши тем, что Вам практически не нужно совершать каких-либо дополнительных настроек.

Начнем с Wptouch. После установки и активации можно зайти в «Базовые настройки» и проверить все ли правильно настроил плагин (название сайта, определение региона, режим отображения и т.д.). Обычно, в этом разделе ничего менять не нужно.

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

настройка плагина wptouch
 

Нажав на кнопку «Посмотреть тему» откроется окно в котором Вы увидите как будет отображаться Ваша тема на мобильных устройствах. Очень удобно.

посмотреть тему
На странице «Фирменная символика» Вы можете настроить цвета темы (рекомендую использовать цвета основной темы Вашего сайта), загрузить эмблему сайта, настроить шрифты, задать ссылки в социальных сетях.

Страницы «Режим веб-приложения» и «Реклама» содержат настройки, которые доступны только в платной версии плагина.

В разделе «Меню» можно выбрать меню сайта для отображения в качестве заголовка и к каждому пункту меню прикрепить значок. Дополнительные наборы значков можно скачать на странице «Загрузка и наборы значков».

значки для меню
 

Сохраните изменения и проверьте теперь Ваш сайт на оптимизацию под мобильные приложения.

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

PageSpeed Insights показывает, что теперь оптимизация сайта под мобильные устройства 99/100.

оптимизированный под мобильные устройства сайт
С WP Mobile Detector все еще проще. Устанавливаете и активируете плагин. В основных настройках можно ничего не менять. Переходим в раздел «Mobile Themes» и выбираем понравившуюся тему. В разделе «Stats» можно увидеть статистику по мобильным посетителям, для этого возможно придется установить права «777» на папку «cache».

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

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

ужасноплохонормальнохорошоотлично (1 оценок, в среднем: 5,00 из 5)
Загрузка...