Оптимизация сайта под мобильные устройства: приложение или адаптивная верстка?

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

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

Мобильная версия сайта: плюсы и минусы

Отдельная мобильная версия сайта – решение традиционное. Его применяют с первых дней появления мобильного интернета. Этот метод предполагает создание, по сути, двух отдельных  сайтов – под большие экраны и под мобильный интерфейс. Оба эти сайта используют одну общую базу данных, а потому информация на них практически на 100% повторяется за исключением случаев, когда владельцы проекта преднамеренно не отображают какие-то страницы или инфоблоки в мобильной версии сайта.

При этом разные версии сайта будут  отображаться под разными адресами. Обычная версия, допустим, будет «site.ru», тогда мобильная – «m.site.ru».

Плюсы мобильной версии

В принципе, это традиционное решение остается популярным и сегодня по следующим причинам:

1. Возможность пользоваться любым вариантом дизайна для веб-сайтов.
2. Мобильная версия выглядит обычно проще. Там часто нет ненужных картинок или кнопок. Это ускоряет загрузку сайта на устройства с низкой скоростью интернета.
3. Вы можете сами решать, какую часть информации показывать пользователям мобильной или веб-версии, а какую – нет. Т.е. даже информация на страницах сайта может отличаться, если это зачем-то вам будет нужно.
4. Часто мобильные версии идут в комплекте с шаблонами дизайна. А в CMS уже существует готовая оптимизация сайта для мобильных устройств: плагин, встроенный в систему, позволяет управлять разными версиями даже без помощи программиста. Что еще больше снижает стоимость такого решения.

Минусы мобильной версии

Основные недостатки мобильной версии – это сочетание сравнительно высокой цены с  неудобствами при раскрутке сайта:

1. Мобильный дизайн придется оплачивать отдельно. Правда, стоит он не так дорого. Но если вам понадобится адаптировать также какие-то особые интерактивные возможности, цена мобильной версии резко возрастает.
2. Усложняется поисковая оптимизация мобильной версии сайта, да и с веб-версией работать будет труднее. Дело в том, что поисковые системы будут воспринимать ваш проект не как один сайт с двумя вариантами дизайна, а как – практически разные сайты. Появляется проблема разделения трафика, что снижает для поисковиков показатели посещаемости и полезности ресурса. Потребуется решать проблему дублирования контента и другие вопросы, связанные с оптимизацией мобильной версии сайта.

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

Приложение под Android,  iOS, Windows Phone

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

При этом важно понимать, что приложения пишутся под ту или иную операционную систему. Т.е. программа, созданная под Android-устройства на IPhone работать не будет. И наоборот.

А потому этот метод обеспечения доступа к проекту планшетов и смартфонов предполагает, чаще всего, создание сразу 3 отдельных программ – под популярные операционные системы: Android,  iOS и Windows Phone.

Преимущества приложений для смартфонов и планшетов

Мобильное приложение – это очень удобно и для пользователя, и для владельцев проекта:

1. Доступ к ресурсу пользователь получает при помощи нажатия одной кнопки, в отличие сайтов, которые открываются в браузере.
2. Приложения дают возможность использовать интерактивный интерфейс по максимуму, а трафик при этом используется оптимально. Идет обмен только необходимыми данными. Дизайн и все инструменты уже имеются в телефоне. И обновляются только по мере обновлении версий приложения.
3. Владелец проекта при желании может встроить в программу какие-то дополнительные платные функции и получать прибыль от их продажи.
4. Приложение – это скачанная на смартфон или планшет программа, в которую можно встроить помимо основного функционала, инструменты для сбора подробной статистики. Таким образом, владелец приложения получает прекрасный маркетинговый инструмент для изучения интересов и потребностей пользователей.

Недостатки мобильного приложения для сайта

Но при всех своих достоинствах мобильные приложения применяются крайне редко. Их можно увидеть только для крупных проектов (соцсетей, сервисов купли-продажи типа Авито и т.д.), а также специализированных проектов (банкинг, заказ такси, игровые приложения). Причины такого ограничения:

1. Высокая стоимость. Работа по созданию приложений – это сложно, долго и затратно.
2. Необходимость постоянного технического обслуживания также увеличивает стоимость такого проекта, причем, в долговременной перспективе.
3. Отсутствие взаимодействия с поисковыми системами. Не всегда, но – часто пользователи мобильных приложений в «трафике посещаемости сайта» не учитываются.

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

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

Адаптивная верстка

Это современное решение с каждым днем становится все популярнее. Суть идеи заключается в том, что при верстке дизайн делают не просто «резиновым», но он умеет подстраиваться под разные размеры экранов.

Достигается такой результат благодаря блочной верстке, которая позволяет при необходимости смещать информационные блоки тем или иным способом. Так, если ваш сайт открыли на большом экране, вы показываете меню – слева или сверху (как вам нравится), информация будет располагаться, например, на трех полосах и т.д.

Но стоит посетителю зайти с экрана мобильного устройства, и срабатывает адаптивная оптимизация сайта под телефон:

1. Сайт запрашивает у мобильного устройства размеры экрана.
2. В зависимости от ответа меняются размеры «шапки» и некоторых картинок, остальные блоки сдвигаются так, чтобы пользователю было удобно.

Таким образом, описанный в примере выше сайт на планшете будет выглядеть, как сайт с двумя полосами информационных блоков (третья сдвигается вниз), а на мобильном телефоне полоса информации может остаться вообще одна. Меню также может «подвинуться» или вообще скрываться («всплывающее меню слева» привычно пользователям мобильных устройств).

Именно такая оптимизация сайта под мобильные телефоны наиболее приветствуется поисковыми системами, так как позволяет избегать дублирования страниц и разделения трафика. А компания Google вообще официально заявляет, что в мобильной поисковой выдаче сайты с адаптивным дизайном получают преимущества.

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

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