Сайтостроение

Мобильная версия сайта — плагин WPtouch

Добрый день дорогие читатели блога «Вторая жизнь Айтишника»! Наверное всем уже известно, что с 21 апреля Google в поисковой выдаче мобильных устройств стал отдавать предпочтение сайтам, имеющие мобильную версию. То есть, если раньше вы по запросу-N занимали 3 место в поисковой выдаче (независимо от того, с какого устройства пользователь вводил запрос), то теперь в мобильной выдаче вы можете оказаться далеко не в топе, а это потеря трафика.

Посмотрел посещаемость своего блога за последний месяц и оказалось, аудитория посетителей с мобильных устройств составила 17,4 %, а с компьютеров и ноутбуков 82,6%. Согласитесь, что трафик с мобильников не маленький и % в дальнейшем еще будет увеличиваться, так как популярность мобильных устройств растет. Я уверен, что этот процент — 17,4, испортил мне своими отказами (если посетитель находится на сайте не более 15 секунд) — поведенческий фактор. А это я так полагаю понижение в поисковой выдаче не только для мобильников, но и с других устройств. Ведь процент отказа, остается процентом отказа.

Сам я конечно запоздал на пару недель с созданием мобильной версии, хотя Гугл еще с зимы меня неоднократно предупреждал. Ну как говорится, лучше поздно, чем никогда. В чем горечь и прелесть данных изменений? Наверное, первая мысль, которая вам пришла в голову, – «Зачем что-то придумывать, почему мобильная версия и так все было хорошо, а теперь позиции в поисковой выдаче с мобильных устройств упадут». Так на вещи смотрят пессимисты, оптимисты всегда находят в этом плюс. Прошелся по блогам с мобильника и обнаружил, что бОльшая часть блогов не имеют мобильной версии сайта. А что это значит? Правильно, возможность создать версию сайта для мобильных устройств и продвинуться в поисковой выдаче, отодвинув всех конкурентов, не имеющих мобильную версию.

Приступим к оптимизации сайта под мобильные устройства. Для начала посмотрим, как выглядит ваш сайт в настоящий момент в телефонах, для этого переходим на страницу Google для проверки мобильной версии — https://www.google.com/webmasters/tools/mobile-friendly/. Вводим ваш адрес сайта и ждем окончание анализа. В картинках ниже показано как мой блог выглядел до и после оптимизации.

Проверка мобильной версии сайта

А теперь о том, какой инструмент я использовал для создания мобильной версии сайта онлайн, а главное бесплатно. Сразу скажу, сторонние сервисы даже рассматривать не стал, так как для редактирования нужно снова заходить на сторонний ресурс. И так, герой настоящей статьи плагин WPtouch на WordPress. Он является бесплатным, но имеет так же и платную версию. Можете перейти на мобильную версию сайта ssecond-life.ru и посмотреть функционал, если вам этого достаточно, то устанавливайте плагин мобильной версии.

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

Настройка wptouch

Настройка wptouch

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

Настройка wptouch

Настройка wptouch

Для того, чтобы разместить иконки в меню, просто перетащите иконку к каждой рубрике как указано на нижней картинке. Убедитесь, что на «Параметры Меню» стоит галочка (на картинке выше).

Настройка иконок меню wptouch

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

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

Айтишник

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

4 комментария для “Мобильная версия сайта — плагин WPtouch

  • Не совсем понял. Плагин оптимизирует под мобильные устройства любой шаблон WP или использует свой?

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

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

    Ответ

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *