Как создать адаптированную для мобильных устройств версию веб-сайта бесплатно и за считанные минуты

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

Большинство владельцев веб-ресурсов, начиная с января месяца с.г., начали получать письма от Google, примерно одного содержания:

«Мы проверили … стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах. Из-за ошибок на этих … стр. у пользователей складывается плохое впечатление о ресурсе. Эти страницы не считаются оптимизированными для мобильных устройств с точки зрения Поиска Google, и они будут отображаться и ранжироваться в результатах поиска на смартфонах соответствующим образом». Далее Google предлагает пути решения проблемы.

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

Ожидается, что алгоритм окажет большее влияние на рейтинги сайтов в поисковой выдаче, чем было после введения Panda или Penguin. Позиция поисковика вполне понятна и объяснима: согласно данным comScore, более половины (порядка 60%) всех поисковых запросов в Google поступают с мобильных устройств.

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

Если вы еще не проверили свой веб-ресурс, то необходимо поторопиться и как можно быстрее пройти тест на mobile-friendliness всех индексированных страниц, а также не помешает познакомиться с информацией о том, какие именно сайты Google считает адаптированными для мобильных устройств.

Если в результате проверки появится зеленая надпись «Отлично! Страница оптимизирована для мобильных устройств», то все в порядке – данная страница, как минимум не потеряет свой текущий рейтинг, а, скорее всего, еще и подымется выше. Ниже приведен скриншот страницы, адаптированной для мобильных устройств (на примере главной страницы моего сайта).

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

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

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

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

1. Использовать онлайн-конструктор мобильных сайтов (например, Squarespace, Jimdo или Wix). Здесь у вас есть возможность автоматического преобразования обычного сайта в его мобильную версию, которую каждый владелец смартфона сможет увидеть. Тем не менее, мобильные сайты, которые создаются автоматически с помощью таких конструкторов, обычно не очень хорошо поддаются редактированию и, зачастую, приходится довольствоваться тем, что они предлагают вам, а в большинстве случаев этого не достаточно для полноценного сайта.

2. Создать самостоятельно — «с нуля» — мобильную версию сайта. Преимущество такого подхода в том, что у вас есть 100% контроль над тем, что вы производите. Как вы понимаете, данный вариант не очень подходит тем, кто не владеет навыками программирования в достаточной степени, т.к. им будет затруднительно создать проект, который будет качественно отображаеться на современных мобильных устройствах.

3. Вариант, который мы рассмотрим в данном обзоре — использовать специальные инструменты для создания мобильных устройств сайтов. Эти инструменты дают вам широкий контроль над дизайном и содержанием вашего мобильного сайта, не беспокоясь о программировании. Мобильные сайты, созданные с помощью подобных инструментов, просты в редактировании и синхронизированы с основным сайтом (т.е. на вашем мобильном сайте синхронно будут отображаться все изменения, которые появились в вашей настольной версии).  

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

Это, однако, только "черновой проект" вашего сайта – далее вы можете редактировать его по своему желанию – инструментов для этого предоставляется вполне достаточно.

Создание мобильного сайта с Dudamobile

Что касается дизайна, то конструктор Dudamobile позволяет редактировать макет, стиль и заголовок. Использование меню компоновки (layout menu), позволит вам решить, в каком виде вы хотите представить ваши основные навигационные элементы (в виде списка, матрицы и т.д.). Вы также можете подобрать типы кнопок.

В меню стиля (style menu) вы получите возможность редактировать цвет, фоновые изображения и шрифты. Вы можете выбрать изображение для заголовка вашего сайта, добавить заголовок и так далее. Наконец, если вы захотите, то также сможете редактировать CSS и HTML для каждой страницы.

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

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

Создание вашего DudaMobile сайта не вызывает никаких затруднений, и вам не потребуется для этого никаких специальных или технических навыков. По окончании процесса создания мобильного сайта с адресом типа http://mobile.dudamobile.com/site/yoursite,  для переадресации на него мобильных пользователей необходимо будет на каждую страницу, сразу после тега <head>, разместить скрипт на подобии показанного ниже, который вам будет предоставлен сервисом:

<script src="http://static.dudamobile.com/DM_redirect.js" type="text/javascript"></script>
<script type="text/javascript">
DM_redirect("http://mobile.dudamobile.com/site/название вашего сайта, взятое при регистрации");</script>

Если ваш веб-сайт сделан на WordPress, то вам предложат скачать и установить соответствующий  плагин для редиректа. В том случае, если вы предпочтете разместить созданную мобильную версию на своём сабдомене с коротким адресом (m.yoursite.com), то потребуется произвести соответствующую настройку DNS.

Тарифные планы

Дуда предоставляет пользователям 4 тарифных плана на выбор: бесплатный и три платных — $9.99 в месяц, $86,40 в год (20% скидка предлагается тем, кто внесет всю сумму за год) и $159 одноразово — навсегда. Бесплатный план поддерживает до 10 страниц, и позволяет не более 500 просмотров в месяц, плюс, предусмотрен показ рекламы сервиса.

Платные тарифные планы не ограничивают ни количества страниц, ни числа посещений вашего мобильного сайта, кроме того, сайт будет полностью свободен от рекламы сервиса и вы можете иметь собственное доменное имя, например, m.yoursite.com. Для тех, кто пожелает полностью выкупить мобильную версию, сохраняются все возможности, предоставляемые сервисом клиентам, имеющим платный аккаунт: редактирование, доступ к статистике и т.п.    

Преимущества и недостатки

Плюсы:

• dudamobile обеспечивает быстрый и легкий способ создания мобильного сайта;
• дизайн и интерфейс конструктора очень просты в использовании;
• вы получаете контроль над каждым элементом вашего сайта (в том числе, возможностью редактирования CSS и HTML);
• сайт поставляется с большим количеством функций, которые очень полезны для мобильных пользователей;
• вы можете проверить, как сайт будет отображаться в Android, МО и Blackberry OS, прежде чем опубликовать его;
• особенно хорошо он работает с WordPress и Blogger;
• поисковая оптимизация (SEO) может также осуществляться с помощью данного инструмента.

Минусы:

• бесплатный план мог бы быть лучше — особенно, если у вас есть сайт, на котором посетители просматривают более 500 страниц в месяц;
• вам необходимо будет самостоятельно произвести работу по размещению кода/плагина или настройку DNS для перенаправления посетителей с обычного сайта на мобильный. Этой работы избежать не удастся, так что вы должны быть готовы к этому.
• для того, чтобы ваши сайты, оставались синхронизированными, вы должны быть очень внимательны, при редактировании текста на мобильной версии;
• синхронизация работает только в одном направлении: с рабочей версии сайта — на мобильную.

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

Другими словами, если вы хотите создать профессиональный, изысканный и индивидуальный  мобильный веб-сайт, то Дуда обеспечит наилучшее решение проблемы.

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

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