Свой сайт на WordPress — от А до Я. SEO блог Романа В

Здравствуйте уважаемые коллеги, гости wordpress-book.ru.

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

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

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

wordpress-book-ne-optimizirovan

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

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

Согласитесь, глупо терять солидную долю трафика (до 40%) из-за такой ерунды, как отсутствие мобильной версии сайта.

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

Тестируя самые популярные плагины WordPress для решения поставленной задачи, я остановился на WP Mobile Detector.

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

В отличие от других, этот плагин оптимизировал все страницы wordpress-book.ru под мобильные устройства без замечаний. В бесплатной версии он не имеет ограничений по функционалу, а только по количеству предустановленных тем. Прост в настройке, быстр, легок и довольно симпатичен.

Настройка WP Mobile Detector

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

Настройка WP Mobile Detector

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

cache

Без этого не будет работать кэширование мобильной версии вашего WordPress сайта.

Зайдите на свой сервер по ftp, найдите там папку cache и присвойте ей полные права, как на картинке.

изменить атрибуты папки

Предупреждающее сообщение исчезнет.

Перевод WP Mobile Detector, удаление ссылок

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

Начнем с самого простого и наиболее важного — с удаления этих самых ссылок.

Отредактируем файлы темы «bluesteel-mobile«, уже установленной по умолчанию. Использовать будем текстовый редактор Notepad++.

Итак, откройте файлы footer.php, sidebar.php, functions.php, и удалите из них коды, выделенные на скриншотах. Пути к файлам подчеркнуты красной чертой.

footer

sidebar

functions

Для русификации, потребуется отредактировать файлы functions.php — в корне плагина и файлы шаблона — sidebar.php, search.php, index.php, comments.php, category.php, 404.php, archive.php, searchform.php. Просто замените все слова, нуждающиеся в переводе (напечатаны ядерно-черным шрифтом), на русские.

searchform

Перед редактированием, обязательно измените кодировку текстового документа с ANSI на UTF-8 (без BOM) в инструментах «Кодировки» текстового редактора Notepad++.

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

Скачать русский WP Mobile Detector версии 1.8 без внешних ссылок.

Теперь ваш WordPress сайт имеет полноценную мобильную версию, поисковики и посетители обязательно это оценят.

Мобильная версия WordPress сайта — плагин WP Mobile Detector обновлено: 18 июня, 2017 автором: Роман Ваховский
Хороший человек всегда нажмет на кнопку!
Комментарий > Моя благодарность > Ссылка на секретную страницу блога

18 комментариев: Мобильная версия WordPress сайта — плагин WP Mobile Detector

  • Ольга:

    Не подскажите про вот этот мобильный плагин Pronto — Mobile Site Convertor ни где о нем не чего найти не могу

    • Ольга:

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

  • Евгений:

    Установил ваш вариант. При нажатии ссылки на переход на полную версию сайта остается всё та же мобильная тема, только картинки увеличиваются и вылезают за пределы экрана.
    Жаль, что видео не масштабируется и тоже лезет за границы.
    Некоторые страницы почему-то стали отображаться в полной версии. В общем, каша получилась. И да, кэш обновлял — без результата.
    Хотя сначала всё было вроде нормально, только картинки съезжали вправо — видно, те, к которым было применено форматирование по центру.
    Уфф, что-то стрёмно, не понимаю 🙂 Да и вас не хотелось бы загружать. Но, может, есть пара слов по этому поводу?
    З.Ы. Да, и Яндекс.браузер на компьютере почему-то показывает мобильную версию )))

    • Роман Ваховский:

      Затрудняюсь ответить (. Может конфликт с вашей темой. Поищите другой плагин, их сейчас много.

  • Андрей:

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

    • Роман Ваховский:

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

  • Марина:

    Поробую, спасибо.

  • idpo.distant@gmail.com:

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

  • Александр:

    Роман, после установки плагина в течении суток ни одного клика по рекламе в сайдбаре. До установки 8-10 было каждый день. Посещаемость сайта около 200. Как это можно объяснить? Может плагин не дает показывать сайдбар, а только контент?

    • Роман Ваховский:

      Затрудняюсь ответить. При чем тут плагин? Реклама присутствует. Может изменились объявления, и по ним кликать не хотят?

  • Александр:

    Роман, скачал Ваш плагин. Нужно ли в нем делать настройки? Спасибо

  • Alex:

    Повезло, однако…)

  • Alex:

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

  • Андрей:

    Поменял шаблон и обнаружил, что мобильная версия совсем не «ахти». Это тот случай, когда статья попалась кстати, и как всегда +1 в соц.сети:)

  • Руслан:

    Да, и гугл вебмастер письмо прислал, что «Сайт … не оптимизирован для мобильных устройств, Мы проверили 72 стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах….и т.д.
    Так что пришлось искать и устанавливать адаптивные шаблоны и плагины сооствествущие

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

Все права защищены © 2011-2024 WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.