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

Мы разберемся как автоматически создать мобильную версию сайта на wordpress. С каждым днем все больше людей используют смартфоны и планшеты для поиска нужной им информации в интернете…

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

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

Почему важно иметь мобильную версию сайта?

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

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

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

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

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

Чтобы избежать этих проблем нам нужно всего лишь установить два плагина: WPSmart Mobile и Make Tables Responsive (Адаптивные таблицы WordPress).  

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

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

WPSmart Mobile и Make Tables Responsive

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

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

Нам нужно, первым делом, зайти в административную панель нашего сайта. Затем нажать на плагин, “добавить новый” В поле поиска плагинов вставить “Jet Pack”, установить и активировать плагин, если он у вас еще не установлен и не активирован.

Jet Pack

Затем вам нужно перейти в его настройки нажать “настройки” и включить здесь “мобильную тему” .

мобильную тему

Здесь выбираем “мобильный”, ставим галочку и нажимаем на кнопочку “включить”. 

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

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

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

 Что нам нужно сделать дальше? 

Нам нужно обратно зайти в плагины и “добавить новый”.  В поле поиска вставить название плагина “Make Tables Responsive” установить и активировать. 

Make Tables Responsive

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

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

Следующий урок: SSL-сертификат установить БЕСПЛАТНО (для WordPress)

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