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

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

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

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

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

В общем в данной статье я расскажу вам как остаться на плаву в поисковой выдачи и как сделать мобильную версию сайта на wordpress, ну а вот вам краткое содержание статьи:

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

Прежде чем паниковать и стремиться выполнить и перевыполнить план по созданию мобильной версии для своего сайта, давайте разберемся нужно ли вам делать мобильную версию сайта на wordpress или же ваш сайт и так прекрасно отображается на всех мобильных экранах страны. Прежде всего зайдите в google webmaster (если вы еще не зарегистрировались в Google Webmaster тогда регистрируйтесь и добавляйте сайт в панель администратора) и проверьте что вам пишет Google – просмотрите письма в Google Webmaster

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

И если среди писем вы увидите следующее письмо от Google

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

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

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

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

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

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

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

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

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

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

В общем используя Google Webmaster и Mobile Emulator вы с легкостью можете определить нужно ли вашему сайту делать мобильную версию или же нет. Если сайт отображается на всех экранах эмулятора нормально(ничего нигде не вылезает, все элементы вашего сайта располагаются на своих местах) и в Google Вебмастере у вас нет предупреждений и злобных писем от поисковика, значит вы можете спать спокойно, вашему сайту ничего не угражает; а вот если, у вас другая ситуация, тогда давайте учится делать мобильную версию для wordpress.

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

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

Сделать мобильную версию сайта на wordpress можно 3 различными способами:

  1. сделать дубликат сайта с wordpress темой адаптированной под мобильные устройства;
  2. использовать специальный плагин wordpress;
  3. адаптировать свою wordpress тему для мобильников.

Дубликат сайта адаптированный под мобильные устройства

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

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

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

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

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

мобильная версия сайта для wordpress

Использовать специальный плагин wordpress

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

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

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

Мобильная версия сайта на wordpress при помощи плагинов

Самый простой и быстрый способ создать мобильную версию сайта на wordpress – воспользоваться специальными плагинами wordpress. Для wordpress существует с десяток различных плагинов, которые позволяют сделать мобильную версию сайта, но действительно стоящих довольно-таки мало. Я подобрал 4 плагина, которые позволяют сделать профессиональную мобильную версию сайта:

  1. WPtouch Mobile Plugin;
  2. WP Mobile Edition;
  3. WP Mobile Detector;
  4. MobilePress.

Плагин WP Touch Mobile Plugin

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

Плагин WP Touch – это самый популярный плагин позволяющий сделать мобильную версию сайта на wordpress. Данный плагин позволяет создать мобильную версию сразу после его активации. Плагин WP Touch доступен в 2-х версиях: бесплатная версия и PRO версия. В состав бесплатной версии входит 1 бесплатная мобильная wordpress тема, которая и будет использоваться в качестве мобильной версии сайта.

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

Но не смотря на это, вам доступно множество настроек, которые позволяют вам настроить мобильную версию под себя! Мобильная версия созданная плагином WP Touch отлично работает на устройствах IPhone, Android и Windows; а также на обычных мобильных кнопочных телефонах.

Плагин WP Mobile Edition

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

Плагин WP Mobile Edition - позволяет создать очень маленькую версию wordpress сайта. Настройки плагина предоставляют вебмастеру возможность определить меню, назначить логотип и указать url-адреса для кнопок социальных сетей, которые будут использоваться в мобильной версии. Кроме того вы можете изменить цветовую гамму мобильной темы, ну и на этом все.

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

Лично мне данный плагин не особо понравился, так как очень скудная тема, но между тем несомненный плюс плагина WP Mobile Edition – скорость загрузки сайта и минимальный размер мобильной версии сайта!

Плагин WP Mobile Detector

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

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

Плагин MobilePress

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

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

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

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

Самый действенный и качественный вариант создания мобильной версии сайта – это сделать адаптивный дизайн. Адаптивный дизайн сайта – это такой дизайн и верстка страниц сайта, при котором контент сайта подстраивается под размеры экрана посетителя сайта(т.е. все блоки wordpress темы, растягиваются или сужаются, таким образом чтобы все они поместились на экране посетителя сайта).

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

Адаптивный дизайн не нагружает ваш сайт! Как я уже говорил любой плагин, так или иначе увеличивает нагрузку хостинга и тормозит сайт(страницы сайта загружаются долго). Использование адаптивного дизайна позволяет вам создать мобильную версию сайта и быть уверенным, что ваш сайт работает быстро и одинаково хорошо смотрится на различных устройствах.

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

Тем более, что создать мобильную версию сайта на wordpress, проще чем это сделать для любого другого движка сайта: достаточно воспользоваться плагинами или установить адаптивную wordpress тему. Ну, а я благодарю вас за внимание, и говорю до новых встреч ;)

С уважением, . Google+