28 » » Как легко сделать мобильную версию сайта на WP?

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

Совсем плохоПлохоНичего такХорошоСупер (Пока оценок нет)

Загрузка...

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

Друзья, привет! Недавно начал задаваться вопрос: Как легко сделать мобильную версию сайта? Погуглил немного и почавши не одну статью пришел к выводу и принятия оптимального для себя решения этой проблемы.

И на эту тему решил написать статью. В ней я буду говорить о способах с помощью которых в нынешнее время возможно создание мобильной версии сайта на базе движка WP. А также подробней предоставлю один из способов на примере блога ojseo.ru c помощью плагина WPtouchMobilePlugin.

Хочу заметить что этот плагин срабатывает не на все темах, а лишь на основе стандартных тем CMS WP. Также возможно у вас возникнут проблемы с плагином если тема была доработана вами или профессионалами. У этого плагина поддержка кастомных тем не гарантируется. Итак, поехали!

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

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

Да ладно, и так его все знают. Называется он Google вебмастер. Он позволяет улучшить сайт и понять его создателю, какие действия следует предпринять, чтобы его раскрутка была максимально эффективной.

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

1. Это достаточно простая задача. Использовать плагины для того движка, который вы используете. Некоторые имеют встроенные возможности для создания мобильной версии. Очень часто эта функция предлагается за деньги. Например, в известном конструкторе сайтов Юкоз.

2. Второй вариант – это заказать у профессионалов мобильную версию сайта. Это достаточно сложная задача, поскольку не у каждого начинающего блогера может найтись та сумма денег, которая может быть использована для найма профессионалов, которые будут выполнять эту задачу.

Тем не менее, если вы хорошо пишете статьи, то можете попробовать ее накопить, например, с помощью заработка на копирайтинге.

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

3. Можно выбрать шаблон, который сам определяет, мобильная версия сайта должна быть или стандартная компьютерная.

Что касается таких шаблонов, то их можно не только найти в свободном доступе в интернете, но и сделать самому. Можно даже зарабатывать деньги на продаже качественных шаблонов. И это действительно прекрасно. Тогда вы сможете зарабатывать деньги в огромных количествах, и ваша жизнь наполнится новыми красками.

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

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

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

Если же хочется бесплатного или же просто сэкономить, то вам подойдет оставшиеся способ. Об этом читай ниже!

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

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

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

Для начала нужно скачать плагин, здесь все стандартно! Идем в консоль админ панели — «Плагин» — «Добавить новый». В поиск пишем WPtouch Mobile Plugin.

скачиваем плагин WPtouch

Устанавливаем и активируем его.

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

Скриншот до установки плагина:

не оптимизированная страница

После установки плагина и некоторых настроек мобильная версия в деле!

оптимизированная страница

А также сделал несколько скриншотов со своего андроид устройства:

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

Если опустимся в низ страницы, то мы увидим следующую картину:

мобильная версия сайта на планшете

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

Настраивать что-то в плагине под себя мне не пришлось, так как после установки все устраивает. Лишь только в «Базовых настойках» прописал название сайта WPtouch.

Вывод следующий! Создание мобильной версии сайта является действительно умным ходом, позволяющим вам получить лояльность со стороны вашей аудитории, пользующейся мобильными устройствами.

У меня все. До встречи в следующих статьях.

С уважением, Артем Зинчук

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Таким образом, Вы поможете сделать блог качественнее и максимально приятным для чтения. Простите за ляпы, исправлюсь.

28 Комментарий

  1. Я конечно не любитель плагинов, но этот входит в исключение.Тоже поставил себе этот плагин, есть возможность менять дизайн мобильной версии шаблона.

    • Привет! На андроид устройстве очень привлекательно смотрится. Читаешь материал и глаз радуешь)

  2. Полгода уже пользуюсь данным плагином WPtouch и никаких нареканий. Гуглу нравится. smile Единственное, если у вас стоит дополнительно какой-нибудь плагин кеширования, то с переключением версий сайта могут быть проблемы, так как плагин кеширования запоминает страницу сайта и может не переключиться на мобильную версию и обратно. Мне пришлось отказаться от плагина кеширования и полностью удалить его. Только после этого мобильная версия сайта с плагином WPtouch заработала нормально. Такие вот нюансы. Но оно того стоит. Мобильная версия обязательно должна быть у каждого современного сайта.

    • Павел, слушай большое тебе спасибо! Ты мне дал логическое объяснение на мой вопрос, которым я задавался дополнительно при установке этого плагина. После установки даже сервис гугла не показывал мне результата которого я так ждал после активации плагина. Говорил что страница не оптимизирована. Я думал тема шалит. Но тут не растерялся и полез в плагины где и отключил один из них, который кеширует страницы сайта. И снова проверил, результат был ожидаемым. Отказываться от кеширования пока не особо хочется, но если будут жалобы, то придется это сделать.

      Твое дополнение отлично вписывается к статье.

  3. Очень рад Артём, что оказался полезен тебе. У меня когда возник такой вопрос полгода назад, какой плагин оставить, выбор сделал в пользу мобильного плагина. А вместе эти плагины не совместимы. Потом, когда удалил плагин кеширования, проверил скорость сайта до и после удаления и был приятно удивлён что ничего страшного не случилось. smile Скорость та же осталась. При более глубоком изучении данного вопроса оказалось, что плагин кеширования даёт какой-то ощутимый результат при очень высокой посещаемости сайта. А до этого нам ещё далеко пока.К этому времени и шаблон на резиновый поменять успеем. smile

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

    • Илья, привет! Спасибо. Еще нужно лого хедер сделать (место есть) осталось воплотить в жизнь что-то необычное. Если есть идеи, то с большим удовольствием выслушаю. Или может кто-то из знакомых на примете кто с этим сможет справиться за недорого))

  4. У меня такой шаблон, что если открыть его с мобильного устройства, то он отобразиться как адаптированный, а если проверить через сервис, что говорит что сайт не оптимизирован под мобильные устройства. Не знаю что делать с этим!

    • Сергей, привет! Здесь нужно принимать только одно решение, и ты его знаешь. Оптимизируй с помощью плагина и сервису понравится.

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

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

    • Иван, привет! Отличное решение принял. А пишут правду, мобильная версия сейчас имеет важность.

  6. Спасибо Артем за интересную статью,много нового узнал)

    • Андрей, здравствуйте! Не за что)

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

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

    • Андрей, привет! Вот впервые слышу о том что подходит не ко всем шаблонам. И разреши поинтересоваться какое решение принял ты? Возможно кто-то из читателей столкнется с подобным, и твой метод им поможет. Спасибо.

  8. Да, тема статьи очень важная. Я тоже задумываюсь над этим вопросом. Но у меня тоже стоит плагин кеширования,значит, возможны проблемы...не знаю, смогу ли я справиться с ними...Буду ещё заходить к вам, Артём, учиться, как это можно сделать...С уважением, Анна.

  9. Отличный плагин, так поставил на свой блог! Блог смотрится отлично и все страницы провели через google.com/webmasters/tools/mobile-friendly и все отлично оптимизировано!

    Так что смело ставьте этот плагин!

    • Александр, здравствуйте! Согласен, сайт смотрится замечательно и google говорит что он оптимизирован.

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

  10. Здравствуйте. Решил попробовать плагин на своем сайте на базе самописной CMS и еще до начала пробования понял, что статья совсем не соответствует теме))))

    5 минут (и то не каждый все настроит как надо даже на WP за это время) возможно сработает только на WP.

    Но это же только часть всех сайтов — многие сайты пользуют самописные движки, которые ой как не просто переработать. Таким образом наименование статьи не раскрывает ее суть и неплохо было бы назвать ее правильно, добавив только одно слово — сайта на WP.

    Посмотрел комментарии — не у всех работает плагин — и это нормальная ситуация! Почему? Что такое плагин — он берет стандартную тему, точнее стандартные элементы страниц и дописывает им новые CSS правила для правильного отображения на мобильных устройствах. А теперь представьте, что тема дорабатывалась и некоторые элементы были переименованы, добавлены или изменены — плагин о таком ничего не знает и соответственно ничего с ними не сделает и вся верстка поплывет. А некоторые блоггеры используют у себя не стандартные темы (и часто очень красивые и функциональные), которые или сами создают или нанимают программистов для этого — и тут плагины практически беспомощны. И тут можно было бы дописать в самом начале статьи еще и набор ограничений для использования плагина — сайта на WP на основе стандартных тем, поддержка кастомных тем не гарантируется. И тут читатели не будут обмануты в своих ожиданиях. yes

    • Михаил, здравствуйте! На самописной базе CMS этот плагин не сработает так как он рассчитан только для движка WP. И ваше замечания я учел и внес небольшие изменения. Не хочу чтобы читатели были обмануты. Спасибо за раскрытый комментарий и подсказку.

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

      • Артем, спасибо большое за понимание. Очень приятно было услышать ответ человека а не копипастера.

        Удачи Вам в развитии! thank_you

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

  11. Я просто взял адаптивный шаблон и переделал дизайн. Конечно, не совсем шикарно получилось, но я же не крупная компания . Попросил друзей протестить на планшетах и мобильниках — сказали, что норма.

    • Адаптивный шаблон — это хорошо, но он может быть не оптимизирован так, как надо это поисковикам. Миша, проверил твой блог на оптимизировано для мобильных устройств по ссылке, которая есть в статье. И увидел результат что блог не оптимизирован. Так что советую поставить плагин на первое время пока не надумаешь сделать верстку.

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

  13. WPtouch делает мобильную версию блога не из вашей темы WordPress , а использует свои шаблоны. По умолчанию доступен только один шаблон Bauhaus. К сожалению, другие темы и дополнительные расширения к ним доступны только в платной версии плагина.

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

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