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

Для чего нужна мобильная версия сайта?

1) для качественного отображения веб-ресурса при входе со смартфонов и других мобильных устройств. А популярность таких гаджетов и их использования для доступа в Интернет только увеличивается.

2) для соответствия новым технологиям. Сегодня мобильность - это тренд в самых разных сферах деятельности;

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

А кроме того...

Теперь же добавляется ещё один важный аспект. Мобильная версия сайта нужна, чтобы не оказаться на задворках мобильной выдачи. Гугл 21 апреля 2015 года изменяет принцип ранжирования сайтов. В мобильной выдаче поисковика предпочтение будет отдаваться тем ресурсам, которые являются mobile-friendly, то есть их дизайн и интерфейс адаптированы для просмотра с мобильных устройств. Так, чтобы не терять посетителей и потенциальных клиентов наличие мобильной версии сайта становится обязательным требованием для современного интернет-бизнеса.

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

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

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

Адаптивный дизайн

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

Плюсы:

• нет перенаправлений;
• один адрес для каждой страницы;
• простота поддержки.

Минусы:

• ограничения вариаций отображения контента;
• для реализации иногда требуется полный редизайн веб-ресурса.

Динамическая подстановка контента

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

Плюсы:

• один URL;
• возможность выводить разный контент для тех или иных устройств;
• можно реализовать повышенное удобство и высокий уровень юзабилити для пользователей.

Минусы:

• сложность внедрения;
• дорогая поддержка.

Создание мобильной версии сайта

В этом случае для мобильных устройств создается отдельный сайт с адресом - m.yoursite.com. При переходе на сайт со смартфона, происходит редирект (301-й) и вы попадаете на соответствующий адрес. Так, планируя зайти на сайт yoursite.com, вы оказываетесь на m.yoursite.com.

Плюсы:

• простота реализации;
• возможность выводить разный контент для любых устройств;
• можно реализовать повышенное удобство и высокий уровень юзабилити для пользователей.

Минусы:

• риск дублирования контента (два URL);
• разделение ссылочной массы между двумя страницами для разных версий сайтов;
• высокие затраты на поддержку сайта (если ресурс довольно большой).

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