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

Здравствуйте, уважаемые читатели моего блога!

В этой статье мы поговорим о том, как сделать мобильную версию сайта. Дело в том, что не так давно в сети появилась информация о том, что с 21 апреля 2015 года поисковая система Google будет понижать в выдаче сайты и блоги, которые не имеют мобильной версии.

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

Вот, кстати, сколько посетителей посещает мой блог с мобильных устройств:

Хотя 16% это не так уж и много, однако, количество посетителей с мобильных устройств неуклонно растет с каждым годом.

Кстати, вот такое сообщение появилось в инструментах для вебмастеров Google:

Для того, чтобы проверить соответствие вашего сайта требованиям Google в плане мобильной версии, перейдите по [urlspan]этой ссылке[/urlspan], и в имеющееся поле введите адрес своего ресурса.

Если вы видите вот такую картину:

Значит с вашим сайтом все в порядке и ничего оптимизировать не нужно. Если же увидите это:

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

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

1. Использовать существующие плагины (расширения). Об этом поговорим подробно чуть ниже.

2. Самый лучший и качественный способ – это заказать мобильную версию у профессионалов. Сначала вам нарисуют макет, потом все сверстают и настроят. Однако, для большинства это не лучший выход из положения, ведь не у каждого блоггера найдется лишних 10 000 – 20 000 рублей на полноценную мобильную версию. Да и времени на это нужно не мало.

3. Заменить имеющийся шаблон на адаптивный. То есть шаблон, который будет автоматически меняться, подгонять текст и графику под разрешения устройств, с которых заходят на ваш ресурс. Этот вариант уже более подходящий, но опять же, не каждый захочет менять свой шаблон. Если же вы все-таки решитесь, то [urlspan]вот ссылка[/urlspan] на ресурс, где можно приобрести подобные шаблоны для WordPress.

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

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

На своем блоге я решил использовать неплохой плагин под названием WPtouch Mobile Plugin.

Найти и установить плагин можно в административной панели WordPress при помощи поиска по плагинам.

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

Сразу после активации плагина проверьте отображение вашего блога на различных устройствах.

Если вас что-либо не устраивает, то можете перейти в настройки плагина и настроить его работу под себя.

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

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

2. Базовые настройки. Здесь вам предлагается сделать самые важные натройки, например: название сайта; начальная страница; регион и т.п. Лично в данной вкладке ничего не менял, все и так меня устраивало.

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

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

Если вы пользуетесь бесплатной версией, все что вы можете, это выполнить некоторые настройки уже существующей темы. Вот некоторые из них:

• Количество записей в списках блога
• Эскизы записей
• Включить готовый слайдер
• Цвета темы
• Эмблемы темы
• Социальные сети
• Комментарии на страницах и записях, а также многое другое.

4. Меню. В этом разделе можно настроить параметры отображения меню блога. Я например, исключил некоторые, ненужные мне, страницы, а также установил и добавил иконки (значки) к пунктам своего меню.

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

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

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

• Возможность установки рекламы Google Adsense и пользовательской рекламы
• Множество различных красивых тем оформления
• Возможность использования режима Web App для пользователей IOS
• Получите доступ к полным настройкам плагина
• Профессиональная поддержка

Я пока повременил с приобретением данного плагина. Пока протестирую, а там видно будет.

Ну вот на этом у меня все, надеюсь данный плагин будет вам полезен.

P.S. В заключение поста, хочу извиниться, что так долго не писал в блог и вовремя не опубликовал итоги акции для комментаторов. Исправляюсь.

В прошлом месяце было два основных претендента на победу. Владимир Манеров (139 комментариев) и Dzmitry Roshchyn (114 комментариев).

Как вы знаете, в конкурсе участвуют только те комментаторы, которые оставляют полезные, обдуманные комментарии. Оценив комментарии Владимира и Dzmitry, я решил наградить Dzmitry Roshchyn, считаю, что он больше достоин этого! Dzmitry, я Вас поздравляю! Вы получаете от меня 500 рублей! Жду номера Вашего кошелька и благодарю за интерес к моему блогу!

На этом у меня все. Пока.

С уважением, Александр Бобрин

Поделись с друзьями: