Актуальность создания мобильной версии сайта просто колоссальна. Это объяснимо по многим причинам, я приведу некоторые из них:. На собственном примере я бы хотел поделиться с Вами опытом, как сделать собственную мобильную версию сайта на CMS WordPress. Отдыхая летом на море, у меня не было под рукой ноутбука и просматривать дела в интернете пришлось через мобильный телефон. После того, как я его удачно утопил, мне пришлось пользоваться не столь хорошим мобильным телефоном SE Ki у которого не такой большой и удобный экран, на котором отлично отображаются сайты. Сегодня я расскажу как на WordPress CMS сделать мобильную версию сайта: Существует около различных плагинов, которые предоставляют возможность сделать версию сайта для мобильных устройств и ныне популярных планшетов. Пакет включает в себя: Сайт отлично работает во всех популярных мобильных ОС iOS, Android, Palm. Так же, в WP Mobile Pack существует внутренняя статистика по мобильным устройствам в Инструменты-Mobile Analytics , однако для более точной статистики советую зарегистрироваться и повесить на мобильную версию счетчик WapLog. Вообщем то мобильная версия сайта уже будет работать! Около 35 мобелей мобильных телефонов, планшетов и КПК будут в вашем распоряжении через одну программу. Как мы видим через телефон блог стал смотрется куда более компактно и читабельно. Давайте теперь как следует настроем отображение мобильной версии нашего сайта. Напротив Mobile theme выбираем тему которая вам больше по душе. Остальные настройки я оставил по умолчанию, потому что они меня целиком и полностью удовлетворяют. Для этого просто зайдите на страницу плагина на нажмите на соответствующую кнопку. Это необходимо для того, чтобы в обновился файл htaccess которые и будет перенаправлять мобильных посетителей на мобильную версию. Мобильную версию сайта так же можно вынести на поддомен, это делается и настраивается в графе Mobile Switcher. Поставив WapLog счетчик и отписав в Support Яндекса с вопрос все ли сделано без проблем и ошибок, они дали положительный вариант моей мобильной версии сайта! А если вот на поддомен мобильную версию выносить, то дублей контента не будет? Поэтому возникает вопрос, как не обделить свой блог трафиком из мобильных устройств, а точнее, как сделать мобильную версию блога? Оповещать о новых комментариев по почте. Subscribe without commenting E-Mail: Б лог И нтернет Т ехнологий. О блоге Контакты Архивы Копилка Услуги Машина Зарабатываю Инвестирую. Это объяснимо по многим причинам, я приведу некоторые из них: Итак, загружаем плагин себе на сайт. С Уважением, VanoID Tweet. Комментарии — 12 комментариев. Спасибо огромное за статью, очень помогло сделать мобильную версию сайта. Можете закрыть через robots. Анти кризисное продвижение Увеличивайте продажи во время кризиса! Н авигация Заработок в Интернете 33 Инвестирование 9 Интервью 1 Новости 55 Продвижение сайтов 66 SMM и SMO 10 Аудит 2 Поисковая оптимизация SEO 25 Сервисы и программы 24 Создание сайтов WordPress 15 Верстка 56 Дизайн 26 Программирование 30 Такая жизнь 45 Блоггинг 13 Идеи 9 Это интересно! Р еклама Посмотрите так же, материал про " таймер обратного отсчета " на моем блоге! П оследние комментарии Надежда - Что такое email маркетинг? В идео уроки Редирект страниц сайтов SEO-панель для браузера Opera.
Стань специалистом и зарабатывай в Интернет. Только реальные способы заработка в сети. От копирайтинга до SEO-оптимизации. Google на днях объявил о приоритете в ранжировании сайтов, которые имеют мобильную версию. Это может значить лишь одно: И поэтому каждый уважающий себя сайт или блог на WordPress теперь просто обязан иметь мобильную версию. Мобильную версию сайта многие владельцы сайтов да и я сам, чего уж греха таить просто не находили времени и особых причин делать. Однако все изменилось с тех пор, как Google всерьез взялся на поддержку мобильных устройств. Мы проверили 27 стр. Из-за ошибок на этих 27 стр. Эти страницы не считаются оптимизированными для мобильных устройств с точки зрения Поиска Google, и они будут отображаться и ранжироваться в результатах поиска на смартфонах соответствующим образом. Количество проверенных страниц и процент несоответствий мог отличаться, но суть была такой: Google предупреждал, что с сайтом по его мнению что-то не так. И вот сейчас представители корпорации официально объявили о приоритетной поддержке с 21 апреля года тех проектов, которые будут иметь мобильную версию сайта. Да то, что сайт без мобильной версии будет ранжироваться хуже, чем сайт, позаботившийся о пользователях телефонов и планшетов. Вы можете проверить прямо сейчас, оптимизирован ли ваш сайт по мнению Google, под мобильные устройства. Введите имя вашего сайта вот тут: По аналогии проверяйте мобильную версию сайта в панели вебмастера Яндекс: У меня кстати один сайт клиента по SEO в инструменте Google проверку проходил, а в Яндексе — нет! Так что обязательно проверяйте и там, и там. И если у вас страница не оптимизирована под мобильные устройства в одном или нескольких поисковиках, то самое время сделать это прямо сейчас. У вас может быть уже создана мобильная версия, да только Google и Яндекс может это не понять, так как вы ему запретили индексацию служебных папок в файле Robots. Поэтому если в результатах тестирования вы увидите что-то вроде такого: Мобильные устройства стали уже нормой: Поэтому игнорировать таких посетителей больше недопустимо. Так, по крайней мере считает Google и Яндекс, а это значит, что мобильная версия становится стандартом. Таким образом, список преимуществ достаточно большой, чтобы не откладывая ни минуты установить мобильную версию сайта. Но как это сделать? Неужели придется верстать все заново и платить за это тысячи рублей? Если ваш сайт сделан на WordPress CMS, то все можно сделать быстро и бесплатно. Помните я как-то писал, какую CMS выбрать для блога? Если вы следовали этой рекомендации или же сами сделали правильный выбор и остановились на WordPress, то благодаря развитому сообществу можно воспользоваться бесплатной версией отличного плагина, который мгновенно и автоматически создаст мобильную версию для вашего сайта. Установить плагин, который доступен в репозитории и называется WPtouch. Устанавливается он как обычный плагин, никаких особенных действий делать не нужно читайте, если нужна инструкция по установке плагинов под WordPress. После установки вам станет доступны настройки плагина в левом меню. Там есть такие пункты: Название и автор сайта Что будет написано вверху вашего сайта в мобильной версии. Рекомендую использовать что-то короткое, буквально на 20 знаков, так как примерно это количество умещается целиком. Можете вручную задать отдельную главную страницу для мобильных устройств например, меньшую по объему или с другим текстом. Очень удобно, но я оставил все по умолчанию. Рекомендую обязательно оставить возможность переключения между обычной и мобильной версией — вдруг у пользователя что-то не подгрузится, он сможет легко вернуться к обычной версии сайта. Остальные параметры трогать большого смысла не вижу, тем более что самые интересные из них доступны только в полной платной версии плагина. В бесплатной версии мобильного плагина будет доступна только одна тема оформления, поэтому сразу переходите к ее параметрам, которые имеют несколько вкладок. Количество записей в списке блога. Тут же можно исключать рубрики и теги то есть выводить не все записи в мобильной версии. Я вывожу всё, это по-моему логично. Эскизы записей я поставил такой: Все блог, отдельный, страницы, поиск и архив. В этом случае у меня для каждого поста подтянулись миниатюры в кружочках — красиво. Показать категории записей и теги — Да. Показать дату публикации — Да. Показать автора записи — Нет мне кажется излишним Показывать кружочки с комментариями на публикациях — Да Показывать поиск в колонтитуле — Да. Страницы У меня комментарии на страницах не выводятся, поэтому выводить не. Поддержка пользовательских записей Я включил поддержку всех типов, какие только у меня были:. Форма регистрации Так как на моем блоге нет возможности регистрации, то не включал. Готовый слайдер В своей теме не нашел, где они могут показываться эти слайдеры. Но на всякий случай включил, пусть будет. Цвета сайта Именно здесь настраиваются цвета мобильной версии сайта, поэтому рекомендую. Эмблема сайта Это логотип. Если установить логотип сайта, то он будет показываться вместо названия. Так как это название, я уже писал выше, короткое, то мне больше понравилось использовать лого. Просто произвольный код, который будет отображаться под кнопками переключения с мобильной версии на обычную. Зависит от вашей фантазии. Я пока не задействовал это поле. Оформление Выберите шрифты, которые вам больше нравятся. По идее должно быстрее грузиться. Это удобно и красиво. Социальные ссылки примечания Введите ссылки на ваши социальные контакты, группы и RSS. Тогда внизу всех мобильных страниц появятся симпотичные круглые значки, по которым можно будет активировать те или иные соцсервисы. Это кнопка для iPhone или Android, которая будет использоваться, если пользователи сохранят ссылку на ваш сайт себе на мобильное устройство. Если вы пока не дружите с этим редактором, то можете бесплатно создать иконку для Apple вот в этом сервисе. Этот важнейший пункт позволяет настроить вывод меню, которое осуществляется при помощи правой пиктограмки. Кстати, предустановленные значки в комплекте плагина отлично подобраны и подойдут большинству проектов. А знаете ли вы, что можете проверить получившуюся версию сайта для мобильных устройств на iPhone5 без самого телефона? Таким образом, можно буквально за несколько минут и главное, бесплатно создать на сайте или блоге под WordPress мобильную версию сайта. Судя по заявлениям представителей Google, с 21 апреля применение мобильной версии станет фактически стандартом для успешного продвижения проекта в сети. Поэтому рекомендую не откладывая сделать себе мобильную версию, тем более, что это занимает всего несколько минут я дольше писал это пост, чем настраивал плагин. Яндекс с августа года теперь тоже определяет мобильную версию в панели вебмастера, очевидно, что этот поисковик также будет отдавать приоритет в поиске для сайтов, имеющих мобильную версию. Я не рассматривал подобные плагины в блоге, потому что не вижу никакой выгоды от автоматической мобильной версии для одностраничника. Ведь одностраничные сайты — не продвигаются в поиске, стало быть мобильная версия не даст никаких преференций, плюс задача одностраничника — дать красивую картинку, суперакции, расписать ярко и структурировано все преимущества товара или услуги, а мобильная версия — это урезанная, упрощенная часть сайта, как правило, без особой графики, без скриптов, эффектов и т. То есть я пока не вижу пользы от мобильной версии для лендингов, тем более, что проще изначально его сверстать адаптивно, под любые разрешения — это всего лишь одна страница и вообще не заморачиваться с плагинами. Хотите попробовать выиграть денежный приз прямо сейчас? Все что, вам нужно сделать — кликнуть на иконку любой соцсети. Это просто и бесплатно. Установив этот плагин, все равно некоторые страницы моего сайта были не оптимизированы для просмотра на мобильных устройствах…Ох и замучилась я с этой оптимизацией…Самое интересное, что абсолютно все делаю одинаково, и одни странички прошли оптимизацию, а другие нет…Если может быть знаете в чем причина, подскажите, пожалуйста. У меня все ваши страницы показались корректно, то есть мобильно. Можете скинуть ссылку на страницу, которая у вас плохо открывается, я посмотрю как у меня и отпишусь вам. Плюс такой момент имейте ввиду: Я сделал мобильную версию на десятках шаблонных сайтов — все супер. А если у вас используется индивидуальный дизайн и верстка, то могут быть некоторые отклонения, которые могут быть связаны с криворукостью верстальщика. Сергей, спасибо вам огромное, что откликнулись помочь! Проверка удобство просмотра на мобильных устройствах на данный момент показывает, что на сайте 7 страниц с ошибками ширина контента не соответствует области просмотра, интерактивные элементы расположены слишком близко. Кстати, месяц назад было 22 страницы с ошибками я ничего не исправляла, но ошибок стало вдруг меньше …. Вот, например, одна из страниц с ошибкой: У меня все ваши страницы отлично открываются, вот скриншот из iPhone5S: Но в результате проверки от Google написано: Обратите внимание на скриншот вашего сайта в Google http: У меня есть подозрение, что это связано с блокировкой части контента в вашем http: Если в файле robots. Это может ухудшить позиции вашего сайта в Поиске. Повыкидывайте оттуда ненужные запреты и проверьте заново. Вот посмотрите на мой файл http: Как правильно составить robots. Сергей, СПАСИБО Вам огромное за помощь! Я не раздумывая составить robots. Хотя техподдержка на моем хостинге говорила, что этот файл составлен верно, когда я к ним обращалась за помощью, чтобы разобраться в проблеме…. Рад, что все в порядке. Спасибо, и вам также успехов! Уже несколько часов примеряю разные плагины и каждый раз встречаюсь с одной и той же проблемой. У меня на блоге есть так называемые произвольный вид записей, т. И к сожалению, ни один плагин не видит этих произвольных записей. Следовательно польза от него утрачивается. Может вы знаете как решить эту проблему? А включение пользовательских типов записей в WPTouch не помогает? Ну и обратите внимание на WPTouch PRO. Штука платная, но, возможно, это то, что нужно. Mobile Content Я сам не пользовался, но судя по описанию, похоже:. Из всех плагинов, что я перепробовал, для своего сайта: Проще всего обратиться к программисту на любой бирже, например http: Подскажите пожалуйста я поставил WPtouch плагин принципе все устраивает. Но вот отображается он на моб устройствах на половину страницы. В чем может быть проблема? Приветствую, с такой проблемой не сталкивался, но могу предположить, что проблема скорее всего в самом шаблоне, например, если он нестандартный или устаревший. Копать нужно в сторону приведения кода шаблона к стандартному виду. Но тут нужно понимать, что иногда проще новую тему поставить, чем доводить шаблон до ума. Спасибо за статью, добавил плагин WPtouch на движок wordpress, теперь понял почему сайт дальше не развивался. Итак, вам надо превратить свой обычный сайт на движке WordPress в сайт с адаптивной мобильной версткой. Вот плагины, которые, будучи совершенно бесплатными, помогут вам и сделают сайт доступным для мобильных пользователей и при этом сохранят его дизайн и структуру. У меня есть сайт на вордпресс. Я установил плагины на него. Далее интегрировал этот сайт в мобильное приложение. Сайт в приложении открывается и работает, а вот плагины исчезли. Как мне десктопные плагины перевести в мобильные? Немного не понял ваш вопрос. Если вы имеете ввиду плагин WpTouch, то он отбрасывает все лишнее, оставляя в мобильной версии основное: Большего там ничего и не будет. Если вам нужно оставить в мобильной версии что-то нестандартное, то это нужно делать не автоматическим плагином, а полной переверсткой текущего проекта. Это долго и дорого, но другого пути я не знаю. Кстати, в моем готовом магазине http: Хорошая статья, а есть плагин который делает полную версию сайта на мобильном, по желанию пользователя??? В том и особенность автоматического плагина мобильной версии — что он сам формирует ее, то что посчитает нужным, то и вставляет, а что нет — то отбрасывает. А как забросиш любой пост для проверки — то оптимизации нету. Где-то читал что это связано с конфликтом плагина Hyper Cache — может такое быть???? И что делать тогда? Не знаю как в Hyper, но в Fastest можно отключить показ кешированной версии для мобильных пользователей. В этом случае проблем быть не должно. Следить за новыми ответами! Хочу получать самые интересные материалы на почту! Только лучшие советы, настройки, книги, уроки, купоны и скидки, которые я сам использую в работе. Бесплатный видеокурс о главном секрете всех моих способах заработка в интернете. Как зарабатывать на быстрой настройке интернет-рекламы. С чего начать зарабатывать в сети. Заработки до р. Стань специалистом и зарабатывай в Интернет Только реальные способы заработка в сети. Главная Об авторе Мои услуги Мои видеокурсы Контакты. С чего начать зарабатывать руб. Создание мобильной версии сайта на WordPress за 10 минут 06 апреля Как решить проблему с адаптированием одностраничника WPPAGE под мобильные устройства? Как установить счетчик Яндекс Метрика на сайт? Плагин WordPress Post Tabs — красивые вкладки табы. Безопасность WordPress в 2 клика с помощью All In One WP Security Как я провел чистку базы данных WordPress и оптимизировал ее в 7 раз. Я сделал мобильную версию на десятках шаблонных сайтов — все супер А если у вас используется индивидуальный дизайн и верстка, то могут быть некоторые отклонения, которые могут быть связаны с криворукостью верстальщика. Кстати, месяц назад было 22 страницы с ошибками я ничего не исправляла, но ошибок стало вдруг меньше … Вот, например, одна из страниц с ошибкой: Хотя техподдержка на моем хостинге говорила, что этот файл составлен верно, когда я к ним обращалась за помощью, чтобы разобраться в проблеме… Ваш блог для меня самый лучший! Mobile Content Я сам не пользовался, но судя по описанию, похоже: Подскажите, как воплотить в жизнь форму связи как на OLX? А вот до блога еще не добрался, работаю через WpTouch. Увы, таких не знаю Если кто знает — напишите, сам ищу. Еще комментарии Показать все Добавить свой комментарий Отмена. Создание сайта компании Как правильно создать простой и недорогой сайт для своей компании. С чего начать Установки и настройки Полезные программы Создание блога Как создать свой блог с высокой посещаемостью. C чего начать Установки и настройки Полезные программы Создание магазина Как открыть свой интернет-магазин и зарабатывать на нем. C чего начать Установки и настройки Полезные программы Тексты для сайтов Наполнение сайта уникальными текстами. С чего начать Быстрый старт Установки и настройки Решение проблем Полезные программы Вопросы и ответы Интернет-реклама Правильная настройка рекламных кампаний в интернет. С чего начать Быстрый старт Установки и настройки Продвижение сайтов Продвигаем сайт в поисковых системах С чего начать Быстрый старт Установки и настройки Полезные программы Вопросы и ответы Новости Оптимизация бизнеса Работаем быстрее и эффективнее. Рабочее место Отношения в бизнесе Электронные платежи Вне работы Свободное время для развития и образования. Проверьте завышенные ставки в Яндекс. Получить бонус Более сайтов для бесплатного размещения новостей и пресс-релизов. Только трастовые сайты, отсортированные по категориям. Включает все регионы РФ, страны СНГ, более 20 популярных тематик. Kwork - Все по руб! Здесь можно купить качественных ручных ссылок или сделать аудит всего за руб. GoGetLinks - Самая известная биржа качественных вечных ссылок. Максимум линков для качественного SEO именно здесь. Webartex - Вот тут надо покупать и продавать наиболее естественные вечные ссылки. Можно найти очень качественные площадки с минимальным риском санкций! Miralinks - Самая популярная биржа статей, огромное число участников. Вы сами пишете статьи с нужными ссылками на продвигаемый сайт. Allpositions - Лучший сервис по сбору позиций сайта в поиске. Дают монет на аккаунт при регистрации в подарок. А я им пользуюсь вообще бесплатно: Weblancer - Оптимальная биржа для начинающих фрилансеров. Умеренная конкуренция, порядочные заказчики, отличный интерфейс. Так что смело регистрируйтесь и начинайте зарабатывать. Бесплатный видеокурс о моих способах заработка в интернете. Около 4 часов видео с самых азов для начинающих. Как вывести деньги с Вебмани в Беларуси? Какой CTR считается хорошим? Как побороть нечеткие и размытые шрифты в Windows 7? Формула KEI для KeyCollector: Как снизить показатель отказов Google Analytics в 12 раз? Проверить текст на уникальность онлайн: Как пополнить баланс Яндекс Директ из Беларуси Как зайти на сайт через FTP-клиент? Подписавшись на регулярную рассылку, вы не пропустите интересную и полезную информацию! Многие пользователи уже сделали это. Скачать бонус Более сайтов для бесплатного размещения новостей и пресс-релизов. Да, без них никак Нет, продвигаю без ссылок Добавить свой ответ. Реальный и честный заработок в Интернете. Автор блога Реклама на блоге. Подписка на бесплатные уроки. Email address is required. Теперь проверьте ваш почтовый адрес и активируйте подписку. Вы ведь уже подписаны!
https://gist.github.com/35b878f9b3fd31ff39d1e49e6c23a55f
https://gist.github.com/7cbde3df91df8906b95b2db39e4b7478
https://gist.github.com/5f27f9e85252402ac7790af79ed40848