Мобильная версия сайта
Здравствуйте, уважаемые читатели блога er-krasnogorsk.ru. Настало время поговорить и о мобильной версии сайта, честно говоря, даже назрела необходимость. По роду своей работы я часто бываю в командировках, например, весь прошлый месяц выходил в интернет только со своего мобильного телефона.
Скажу вам откровенно, мучение то еще. Из-за этого в марте с большим скрипом опубликовал всего пять малюсеньких статей. Раздражала и мешала нормально работать, помимо отсутствия свободного времени ( все-таки в командировках люди работают, а не отдыхают ), не только медленная загрузка сайта, небольшой экран, но и отсутствие мобильной версии на большинстве сайтов.
Я просто покидал такие ресурсы и больше не возвращался ( время дорого ). Уверен, так поступают практически все пользователи. Таким образом налицо потеря трафика, потенциальных читателей. А если учесть, что с каждым днем число пользователей мобильного интернета все больше увеличивается, то в недалеком будущем эти самые потери будут исчисляться сотнями, а то и тысячами.
Как решить эту проблему? На самом деле, не так страшен черт как его малюют, решить вопрос без труда можно за время, например, отведенное на обед. Способов реализации предостаточно, я же предлагаю вашему вниманию наиболее простой и бесплатный способ, но все же давайте обо всем по порядку.
Содержание
Если нет мобильной версии сайта
Если есть мобильная версия сайта
Как сделать мобильную версию сайта
Если нет мобильной версии сайта
- Поскольку отсутствует адаптивный дизайн, то есть вся структура сайта автоматически не подстраивается под различную ширину экрана, большие объемы текста и графики сильно замедляют загрузку сайта. Из-за этого наблюдается повышенное потребление трафика и, что тоже немаловажно, быстро садится батарейка.
- Совершенно невозможно, если только вы не мазохист, читать текст и искать нужную информацию: постоянно приходится данные на экране то увеличивать, то уменьшать, прокручивать то влево, то вправо.
- Неудобная навигация, которая влечет за собой ошибки отображения элементов.
- И как следствие, посетитель быстро покидает такой сайт, так и не досмотрев его страницы до конца.
Если есть мобильная версия сайта
- В первую очередь, это удобство для пользователя. Поскольку мобильная версия представляет собой сильно упрощенный вариант десктопной версии, то вся необходимая информация у него, как говорится, под рукой, далеко ходить не надо.
- Из-за этого упрощения сайта он грузится намного быстрее. Поверьте, это очень важно. Например, я выходил в интернет через 3G и иногда приходилось ждать загрузки целыми минутами.
- Наличие понятного и приятного для глаз интерфейса, удобного для просмотра.
- Экономное потребление трафика. В итоге все стороны довольны.
Как сделать мобильную версию сайта
Действительно, все очень просто. Оказывается, есть такой замечательный сервис, где можно совершенно бесплатно сгенерировать мобильную версию своего ресурса — . Перейдите по ссылке, укажите адрес сайта и нажмите на кнопочку GO MOBILE.
Окажетесь на странице, где будут предложены несколько вариантов мобильной версии на выбор, вернее ее макет и стиль навигации.
Любой ваш выбор, изменения можно в режиме реального времени наблюдать справа в визуальном редакторе, похожем на телефон.
Сделав окончательный выбор, нажмите на кнопочку «Next». Откроется окно, где вы можете заняться настройками фавиконок, цветом шрифтов, ссылками и т.д.
Так как я не силен в английском, да и предложенная версия в общем-то меня устраивала, не стал заморачиваться и просто еще раз нажал на «Next». Теперь, чтоб настроить редирект на мобильную версию вашего сайта, нажмите на эту ссылку:
и пройдите 3 простых шага — скачайте предложенный плагин
установите и активируйте, затем щелкните по кнопочке «Yes».
Все, дело сделано. Ссылка на мобильную версию вашего сайта будет выглядеть так — http://mobile.dudamobile.com/site/bbseo. Можете вставить ее в адресную строку браузера и посмотреть как отображается ваш сайт на различных мобильных устройствах. На этом я закругляюсь, если статья была полезна вам, воспользуйтесь кнопками соцсетей, буду премного благодарен. Всего доброго.
С уважением Баяс Батуев
Читайте также:
- Проверка позиций сайта в поисковиках с помощью SE Ranking
- Что такое Alexa Rank
- Кеш браузера. Last-Modified и Cache-Control: max-age
- Как повысить (проверить) релевантность страниц, текста
- Что такое вес ссылки
- Анкорные и безанкорные ссылки
- HTML якорь.Якорная ссылка на странице
- Как подбирать ключевые слова

Ух ты, круто. Не знал о таком сервисе, я думал, что только готовые плагины можно использовать,а тут вон оно как. Сам себе создаёшь макет на выбор. Спасибо.