Плагин WPtouch для мобильной версии блога
Буквально на днях, я рассказывал о том, что Google вводит новые алгоритмы и сайта без мобильной версии будут ранжироваться ниже, в этой связи я познакомлю вас с одним из способов, который поможет вам быстро сделать мобильную версию вашего блога. На поможет плагин WPtouch, о котором и поговорим.
Что значит мобильная версия или адаптивный дизайн? Простыми словами это дизайн сайта, который удобно просматривать на вашем мобильном. Можно сказать, что такой дизайн сильно похож на мобильное приложение. Существуют уже готовые адаптивные шаблоны, но в большинстве своем необходимо заняться своим блогом и сделать мобильную версию. Давайте посмотрим, как это выглядит на примере.
То есть, мобильная версия кардинально отличается от обычной и смотрится на телефоне довольно прилично, а также облегчает удобство при просмотре вашего блога. Если Вы сейчас зайдете на мой блог с мобильного, то вы увидите совсем другой сайт, который выводится при помощи плагина WPtouch Mobile Plugin. Проще говоря, данный плагин устанавливает отдельный шаблон, который подменяет ваш основной шаблон на мобильном трафике.
Вот как выглядит мой сайт в мобильной версии.
Как видите, он совсем не похож на мой основной шаблон блога, но зато отлично смотрится на мобильных устройствах. Правда, с некоторыми шаблонами могут возникать небольшие ошибки и здесь уже нужно разбираться индивидуально.
Итак, что же нужно сделать? Зайти во вкладку Плагины на своем блоге Вордпресс и найти через поиск плагин WPtouch Mobile Plugin, затем установить и активировать данный плагин. Далее нужно произвести необходимые настройки. Плагин имеет одну бесплатную тему с различными настройками и возможностью изменения цветовой гаммы. Остальные темы доступны только в платной версии, но в принципе, бесплатной тоже достаточно.
Идем к настройкам, там много всего и вы можете поиграться и выбрать свой вариант, а я покажу вам основные параметры. Там все просто и проблем с настройками не должно возникнуть. С помощью хрома можно сделать перевод и все будет ясно.
Далее идем в «Параметры темы» и выбираем список блогов и единичные публикации и указываем кол-во записей на странице, а также ставим или убираем нужные галочки.
Спускаемся ниже и Сохраняем все наши изменения, там же есть кнопка для просмотра шаблона. В принципе, это все. Но можно еще поиграть с цветами, добавить логопит и установить иконки для страниц, но все это уже на ваше усмотрение.
Как говорится, делов-то на 5 минут и у Вас будет отдельная мобильная версия и причем совершенно бесплатно. В заключении, давайте посмотрим сколько же мобильного трафика приходит на мой сайт. Я взял статистику из Яндекс. Метрики за последний месяц и вот что получилось.
Получается чуть больше 12%, но это вместе с планшетами и если отбросить планшеты, так как на них полноценные браузеры, то получается в среднем 7-8%. Не такой уж большой процент, но все же это Ваши посетители и их нужно любить и уважать. К тому же это целевая и платежеспособная аудитория, не каждый может себе позволить продукцию Apple, а судя по статистике, он как раз и является лидером. Более 32% от всего мобильного трафика.
Вот такая получилась статья, надеюсь она принесет Вам пользу. Жду ваших вопросов и комментариев к данной статье.
С уважением, Евгений Вергус.
Женя спасибо большое! Зашла с планшета, очень удобно изучать информацию. Теперь понимаю, что у большинства блогов нет мобильной версии, такой формат я мало у кого видела. Значит, у многих могут быть падения трафика из Гугла. Я вчера разобралась с плагином, но пока не активировала, надо еще кое-что проверить. Жень, а кнопки социальные автоматически закрепляются в начале текста, или ты отдельно их устанавливал?
Мобильная версия конечно есть далеко не у всех, но я не думаю, что не будет какое-то сильное падение трафика, скорее всего это для сайтов с большой посещаемостью. Но кто знает, что у Гугла на уме. Про кнопки не совсем понял, если ты о плагине, то я ничего не настраивал дополнительно, активировал его и все.
Жень, ты правильно сказал, кто его знает, что у гугла на уме. Учитывая, что я крымчанка, то ко всему готова)))). Про кнопки понятно, спасибо!
Да все будет отлично!
Жень привет! Слушай, а как проверить, работает правильно плагин или нет? Что-то главная страница у меня, как для мобильной версии, а когда в статьи захожу, все, как раньше.
Посмотри настройки в админке, может у тебя только главная страница там установлена. А может это и сам глюк плагина. Проверить можно только с мобильника 🙂
Татьяна, крымчанам большой беларусский привет!
Я пол детства провёл в Феодосии.
Люблю Крым, Феодосию и душевных крымчан.
Да, неизвестно, что у Google на уме. Но, почему-то уверен, что светлых зон у них больше, чем тёмных.
Ещё раз привет любимому Крыму!
Женя, извини, что не по теме! Обожаю полуостров своего детства!
Ок! Буду посмотреть!)))
Я считаю, что лучше сразу обратиться и фрилансерам, а плагин не выход — только будет нагружать блог! но это только мое мнение)
Спасибо, Евгений, как раз то ,что нужно!
В последнее время гугл настоятельно мне рекомендует сделать мобильную версию ,а я не знала как это сделать.
Да, это один из бесплатных и доступных способов. Установил, настроил и все готово.
В свое время купил 29 Premium WordPress Themes от Solostream
Все «заточены» под мобильные устройства 🙂
Одна из тем стоит на сайте: prodaga.com
Зацените! — работает без дополнительных плагинов.
P.S. В ближайшее время добавлю темы для членов клуба (лицензия позволяет)
Евгений, будет повод Вам обновить тему Вашего блога — Вы ведь тоже в клубе 🙂
Да, в клубе! Спасибо, я подумаю над этим. Сейчас зайду со своего нового айфона 6, который выиграл в партнерке Азамата Ушанова и заценю 🙂
Да, отлично смотрится. Хотя вот перешел на запись и выскочило окно подписки, которое нельзя закрыть.
да, засада — сейчас напишу Евгению Попову (его плагин подписки)
P.S. Добавил темы для членов клуба 15wmz.com/4010
Да, надо исправлять, иначе весь адаптивный дизайн не имеет смысла.
Тестируйте, заменил стиль окна подписки — теперь оно адаптироваться должно под размер экрана.
Работает?
у меня на Анроиде все работает нормально, на страницу переходит без проблем, никаких тормозов не заметил
Спасибо, за тест!
Да, вроде нормально все.
Хорошо 🙂 Спасибо, что проверили!
Евгений, а зачем менять тему? На мой взгляд эта просто отличная! Лаконично, информативно и ничего не отвлекает. И платные темы для новичков все же я считаю это излишество. Лучше эти деньги сначала вложить в свое обучение и раскрутку блога, но это мое личное мнение 🙂 Но Анатолию огромное спасибо! Шаблоны интересные и необычные
Дмитрий, Вы уже были на моем сайте сегодня и видели, что на сайте также нет лишних «наворотов», но есть главное отличие! Тема на моем сайте прекрасно работает НА ВСЕХ устройствах без дополнительных плагинов и выглядит, как «близнец»
P.S. на замену темы ушло около 60 минут — так долго потому, что корректировал дизайн и компоновку меню и контента (все делается через админку блога) + большую часть времени потратил на настройку нового SEO плагина...
Да, Анатолий, спасибо за быстрый ответ на мой вопрос! а тема действительно хорошо смотрится на мобильном, лучше, чем через плагин, вся информация, что есть на сайте отображается, включая и подписку, что очень удобно! Я пока не задумывался о смене шаблона, но в рассылку подписываюсь и сайт в закладки добавил
Я пока над этим думаю, так что данный вопрос пока в подвешенном состоянии.
Евгений, спасибо большое за полезную и понятную статью. очень вовремя.
Настроила по вашим подсказкам И похоже работает. Посмотрим как будет дальше.
Всегда пожалуйста 🙂
Тоже вариант, пока не обратился к фрилансеру для переделки блога под мобильную версию. Просто у многих слишком много плагинов на блоге, а это вредно. Так что схема с плагином — временная схема.
Конечно лучше без плагинов. Но это как один из вариантов, я сразу сказал об этом в статье. Можно установить адаптивный шаблон и все.
Плагинов на блоге может быть сколько угодно и никакого вреда они не принесут.
Вред плагинов -это большое заблуждение, о котором трубят на каждом углу в инете.
В плагине такой же код как и на самом сайте или в теме.
Большое количество плагинов- это длинный код, который может быть и у обычного сайта без них, что приводит к более продолжительной загрузке сайта, но это время на глаз не заметно, обычно это доли секунды или в худшем случае пара-тройка секунд. Со стороны поисковиков для сайта это минус, НО...
Главное, чтобы плагины были с чистым нормальным и правильным кодом. Тогда все будет OK'
Обычно вред наносят самописные плагины, написанные каким нибудь «умником».
Это факт, подтвержденный тестами.
Согласен, что плагины не приносят вреда, если они сделаны правильно.
Спасибо Женя за интересную и полезную статью! Мне Google шлет письма, мол переделывай под мобильную версию. Ну что же надо, так надо. Только вот вопрос один человек предложил за 50 зелёных, а второй за 100 баксов. Как-то неуютно за такие преобразование отдавать даже 50$.
Благодаря Вашей статье должно получиться бесплатно. Еще раз спасибо!
Лучше конечно заказать, чтобы все четко работало, но можно и плагином обойтись 🙂
Спасибо, Евгений, за информацию. Не думала, что это так просто сделать мобильную версию. Да еще и бесплатно, надеюсь, у меня получится.
Конечно получится 🙂 Там все просто.
Плагин сегодня испробую. Евгений, твой сайт посмотрел в мобильной версии, чем-то напомнил приложение для Андроид от «Твой Старт» ))) вот только у меня почему-то не сработала кнопка «меню» и при нажатии на поиск мой мобильный браузер без спроса выдал последнюю статью блога, которую я сразу и прочитал))) удобно и с картинками все в порядке. Спасибо!
Да, данный шаблон сильно напоминает мобильное приложение 🙂 Меню на моем шаблоне не хочет работать, разбираюсь с этим пока. Я как раз и говорил, что с плагином возникают проблемы у некоторых тем.
Большое спасибо за интересную и очень полезную новость! Плагин поставил довольно легко,следуя вашим рекомендациям. Все классно, теперь у меня есть и мобильная версия сайта!!!
Всегда пожалуйста, Сергей!
Теперь, когда мобильная версия блога установлена, логично перейти к следующему шагу!
Оптимизация сайта: developers.google.com/spe...&tab=desktop
P.S. Свои сайты я уже «разогнал» 🙂
Спасибо, возьмем на заметку.
Блин, какой классный ресурс! А я и не знал, что так можно! Огромное спасибо за наводку, сейчас проанализирую и посмотрю, что еще нужно сделать для разгона — причем классно, что указано и для мобильной версии, и для компа! Вещь!!!
Уффф... Это невыносимо... Почему в «Твоем старте» не предупреждали, что каждый месяц какой-то головняк будет вылезать??? Пассивный доход, пассивный доход...
Женя, а говорят, что после установки этого плагина падает посещаемость. Ты такого не заметил?
Вот это не знаю, пока все стабильно.
У меня стоял этот плагин, но в итоге я его удалила и сменила шаблон на адаптивный. И смотрится лучше, и лишние плагины не перегружают при загрузке страниц.
Один мой партнёр говорил, что после установки плагина мобильной версии WPtouch у него стали вылетать статьи из ТОПа и новые не индексировались. Хотя это может быть и другая причина. Евгений, после установки плагина не проводили анализ изменений в показателях блога?
Нет, не тестировал. Я пока отключил данный плагин, так как он моем шаблоне не хочет показывать страницы. Сейчас занимаюсь решением.
Евгений, спасибо за такое простое решение проблемы!
Ирина, пожалуйста )
Ирина, решение то простое, но Вам надо протестировать данный плагин. Дело в том, что после его установки начинает падать посещаемость на блоге.
Не согласен с Вами, Иван. На посещаемость влияет всегда много разных факторов. Сам плагин не может сильно повлиять на посещаемость, даже если учитывать чт ос ним что-то не то. Ведь для обычных сайтов мобильный трафик это всего 10-15%.
Согласен, факторов влияющих на посещаемость много, но по данному плагину есть наблюдения.Почему-то его не любит Google. Я не говорю, что посещаемость изменяется в разы, но снижается. Такие данные я встречал и на страницах Интернета.
Да, гугл может и не любить, спорить не буду. Но лично у меня с Гугла мало трафика, в основном с яндекса.
Установил этот плагин. Посещаемость упала в 2 раза. Стал разбираться в чем дело. Поигрался со статистикой и пришел к выводу, что это не посещаемость упала, а Яндекс аналитика теперь не учитывает заходы на сайт через мобильные. Надо как-то встроить код аналитики в мобильную версию. Как это сделать пока не знаю, ищу ответ.
Нашел ответ. Гугл аналитику и Яндекс метрику нужно устанавливать отдельными плагинами, а не прописывать в коде. Установил плагин Яндекс метрика, статистика посещений с мобильных устройств заработала. Так что имейте ввиду. Те кто пишет, что после установки упала посещаемость — это не правда, просто статистика перестала считать заходы с мобильных.
Спасибо за хорошее дополнение )
Спасибо за совет, ломал голову
Такая картина у большинства блоггеров — основной поток с Яндекса, у меня с Гугла приходит процентов 5. До установки плагина было процентов 10. Согласен, это немного. Вместе с тем, после установки плагина статьи начали исчезать из топ Гугла, это показала статистика LiveInternet. У меня плагин работает с начала мая, но скоро буду менять шаблон и, скорее всего, мобильная версия уже будет в самом шаблоне. Позже можно будет снова сравнить статистику.
Что мешает посмотреть в чем разница для Гугла developers.google.com/spe...espeed/insights/
Сделайте анализ блога с плагином и без плагина
Гугл сам вам все расскажет о проблемах на Вашем сайте...
Это все делалось, Гугл показал, что удобство для пользователей 100\100. Да и на мобильных устройствах, блог отражается отлично. Но тем не менее...
А вы случаем счетчики на мобильную версию не забыли добавить? Может от этого посещаемость падает, а не от плагина.
Доброго дня, Евгений.
Я твой подписчик. Помоги, пожалуйста.
У меня WPtouch (настраивал по видео Евгения Ходченкова), работал до тех пор, пока я не переустановил винду7. .
Установлен плагин WP Super Cache. Когда выключено кэширование, то мобильная версия сайта отображается. Стоит включить кэширование — отображается обычная версия сайта на смарте, а в консоли сайта появляется соообщение о том, что надо настроить файл htaccess. Причём вручную.
Как это сделать?
Есть видео или статья для «чайников»?
Спасибо!
Плагин никак не зависит от винды. Скорее всего дело в чем-то другом. Что касается статьи или видео по настройке, то у меня нет такой.
Привет, Женя! Разобрался. Всё так просто...
Вот текст помощи(кому-то помощет тоже):
«В настройках плагина, перейди во вкладку ПЛАГИНЫ. Проскроль страницу в самый низ, и включи плагин WPTouch, т. е. поставь галочку включен. Сохрани настройки, и перейди во вкладку НАСТРОЙКИ. Там нужно поставить галочку Mobile device support.
Теперь на этой же странице, почти в самом низу в поле Поисковые и другие боты вставить список ниже:
iPhone
iPod
Android
BB10
BlackBerry
webOS
IEMobile/7.0
IEMobile/9.0
IEMobile/10.0
MSIE 10.0
iPad
PlayBook
Xoom
P160U
SCH-I800
Nexus 7
Touch
Жмем „СОХРАНИТЬ НАСТРОЙКИ“ чуть ниже, и радуемся жизни.»
Кстати, Женя, это благодаря твоей статье я решил принять решение решить проблему работы плагина WPTouch у меня в блоге.
Спасибо и новых покорённых вершин!
Спасибо за отличное дополнение )
Спасибо.
Придётся опять лопатить интернет...
Для Юлии. На блоге установлен счетчик от LiveInternet, который дает вполне объективную картину, как по посещаемости, так и по позициям статей в поиске Google. Так что, здесь всё правильно. Возможно, вмешались другие показатели и повлияли на посещаемость?
За последний месяц позиции в Google начали восстанавливаться, статьи начали возвращаться в поисковую выдачу, а трафик с Google начал возрастать. Если такая картина будет продолжена, то значит плагин действительно будет ни при чем!
Как оказалась, моя тема не адаптивная. Попробую этот плагин в деле. Спасибо за информацию.
Кстати, Яндекс запустил свой новый Яндекс вебмастер и там теперь есть функция проверки — адаптирован Ваш блог или нет под мобильные устройства. Можете попробовать.
Уже написал об этом статью ))
Приветствую тебя Жень!Я все не устаю удивляться,все новое и новое узнаю на твоем блоге.Молодец,что у тебя настолько много можно найти полезной информации.Ты не задумывался о новом блоге-энциклопедии?
Зачем мне новый? У меня есть свой )))
Плагин конечно хороший. Я сам его к себе поставил. Но вот небольшая проблема с ним, он конфликтует с плагином кеширования Hyper Cache. То есть на компе в браузере какие-то страницы показывает нормально а кое-какие как мобильную версию. Мое решение: просто отключил плагин кеширования и все заработало хорошо. Но вот для кеширования картинок и некоторых файлов пришлось прописывать код в файл htaccess. Пока не жалуюсь, все работает. А вообще думаю, что лучше был бы адаптивный шаблон, или переделать свой под адаптивный, но для новичка это будет конечно проблема.
Адаптивный шаблон или мобильная версия, которая работает отдельно, конечно лучший вариант, но сам новичок этого не сможет сделать.
Это точно. Новичку придется по любому нанимать фрилансера, и то не каждый, а я в этом уверен на все 100%, сможет сделать так как надо. Ну уж если нет денег, тогда придется пользоваться плагином. Но хочу сказать, что этот плагин из всех самый нормальный. Остальные вообще никакие. Даже если отключить плагин кеширования, они все равно в браузере на компе раз через раз показывают то нормальную страницу то мобильную
Приветствую Александр!Хочу поздравить с Рождеством.А так же автора блога Евгения.Вот вопрос что нужно прописать в htaccess.А то у меня тоже проблемы с кешированием.Конфликтует WpTouch c SuperCacheМожет подскажешь?
Алексей, я немного разобрался с этим и в htaccess можно ничего не прописывать. Я для кеширования установил плагин Hyper Cache, но он по началу конфликтовал с WpTouch и я отключил плагин кеширования. Потом решил проверить кое что и опять включил плагин кеширования Hyper Cache, но в настройках кое что изменил чтоб не было конфликта с WpTouch. В настройках Hyper Cache переходите во вкладку «Мобильный» и в поле «Режим работы» устанавливаете «Кешировать отдельно». Вот и все. После этого стало работать нормально и пока никаких конфликтов я не заметил.
Спасибо,Александр!Буду пробовать!
Я установила адаптивный под мобильные шаблон, проверяю удобство просмотра на мобильных на таком сервисе как webmark, там отображается нормально. А вот проверяю на сервисе гугла, он пишет, что не оптимизирован. Может быть, что еще не обновилась информация у гугла?
Гугл принимает этот плагин, насколько мне известно. попробуйте завтра проверить еще раз. Но все же лучше заказать отдельную мобильную версию. К примеру на Кворк это можно сделать за 500 р. Я писал об этой бирже здесь sovetywebmastera.ru/polez...lansera-kwork-ru
Ирина, сейчас новый вебмастер от Яндекса тоже проверяет адаптивность сайтов к мобильным устройствам. Проверьте, если всё отобразится зеленым, то хорошо, если нет, то есть проблемы с установкой и настройкой плагина.
Спасибо, Иван. Обязательно посмотрю.
Женя привет.Теперь отдельно хочу тебя поздравит со светлым праздником Рождества.Желаю самого наилучшего,здоровья,что семья была здорова и дети.Удачи!
Спасибо ) И тебя с Праздником!
Посмотрела в новом яндекс вебмастере адаптивность к мобильным, яндекс говорит, что все в порядке, зелененьким написал все оптимизировано. А вот гугл пишет, что нет. Прошло примерно 2 дня после адаптации, может быть гугл просто еще не обновил информацию? Или как там все происходит, незнаю...
Да, надо подождать, возможно, робот еще не сделал обход. Если Яндекс оценил положительно, то это уже успех.
Надеюсь, что дело в этом) Подождем...
Конечно подождите. Чудес не бывает, с плагином все должно корректно работать. Тем более Яндекс показал, что все отлично.
Скорее всего данные еще не обновились.
Думаю, что данные не сохраняются о сайте — информация о сайте получается в момент проверки
Скорее всего так и есть )
Евгений, познакомился с еще одним замечательным плагином , причем полностью бесплатным — он называется WP Mobile Edition. Думаю, что он даже еще лучше этого! Попробуйте,я просто в восторге!
Что мешает вместо установки плагина заменить тему блога?
Сейчас оптимизированных тем в избытке, а очередной плагин — это лишняя нагрузка на блог...
Я уже сделал себе мобильную версию, но к сведению приму обязательно.
Всем привет!Особенно автору блогу Евгению.Вот хочу присоединиться к вашей дискуссии.Анатолий правильно говорит,что лишние плагины,хоть они и хорошие дают нагрузку на сайт.А еще плохо когда они начинают конфликтовать на предмет несовместимости.Но есть темы для вордпресс,уже адаптивные под мобильные устройства.Я искал такие темы,но нашел, установил,и ни каких проблем.И они прекрасно работают с WPtouch.
Алексей, зачем ставить плагин WPtouch если тема уже адаптирована для мобильных устройств?
Анатолий приветствую!Я просто плагин ставил еще до того,как установил тему.
Алексей, меняете тему, удаляете плагин и будет Вам счастье 🙂
Посмотрела сейчас свой сайт «Блог Надежды о вузах и профессиях» с мобильного, выглядит также как на компьютере, только очень мелкий текст, конечно чтобы его не просто посмотреть, а и почитать, требуется увеличение экрана. Даже интересно, как же он будет выглядеть после установки плагина. Специально посмотрела на сайт предварительно, чтобы сравнить визуально.
Спасибо за информацию. Свой сайт начал не давно. денег пока не очень хватает на раскрутку. Так что не что подобное мне как нельзя к стате.
Здравствуйте Евгений.У Вас отличный блог.Я походил немного и понял это.Всё нужное, даже необходимое в статьях.Но вот не нашёл-как настроить RSS ленту в консоли вордпресс для своего блога?Дальнейших Вам успехов!
Спасибо, Михаил ) А вот про ленту на блоге как раз и нет статьи, о ней есть в платных тренингах )
Добрый день, по какой-то причине у меня не сохраняются настройки. Захожу с телефонов на сайт и он отображается в мобильной версии от темы, а не от этого плагина. Кнопки «сохранить изменения» в новой версии нигде нет. Не подскажете, в чём может быть проблема?