Мобильная версия веб-сайта – это отдельный интернет-ресурс, который предназначен для просмотра и работы на мобильных гаджетах. Версия полностью идентична контенту основного ресурса, но уступает программе по набору функционала и скорости.
Основная задача разработки мобильной версии – охват аудитории с различными гаджетами, однако поисковые алгоритмы выдвигают свои условия.
Какой должна быть мобильная версия веб-сайта?
Ребята из http://www.idg.net.ua рассказали какой должна быть мобильная версия сайта, чтобы ее любили поисковики:
Персональный URL. Разрабатывая мобильную версию интернет-портала, учтите особенности размещения. Поисковые алгоритмы должны понимать и отличать ресурсы, для этого расположите мобильную версию в раздел веб-сайта и укажите это в меню, или разместите на отдельный поддомен (этот вариант подойдет лучше всего).
Динамический показ. Чтобы не ошибиться с разрешением мобильного гаджета или планшета, эксперты советуют настроить динамический показ (один URL с несколькими кодами HTML, а также каскадной таблицей стилей). Для выполнения задуманного, в http добавляем специальный заголовок Vary, который решит проблемы с масштабируемостью и позволит нормально отобразить содержание.
Настройка редиректа. Нужна для того, чтобы после нахождения источника трафика показывало нужную версию контента. Для этого в заголовке Vary обозначается User-Agent. С помощью этого действия сервер перенаправляет мобильного «юзера» на мобильный формат.
Подстроенная под мобильные гаджеты верстка веб-страницы. Принцип работы можно с легкостью объяснить. HTML-код (один и тот же для устройств) переходит сервером, но отображение стилей CSS изменяется таким образом, чтобы интерфейс самостоятельно оптимизировался и адекватно выглядел на каждом устройстве.
«Легкие» картинки. Так как презентация содержимого на мобильном варианте зависит от скорости интернет-соединения, то обязательно совершенствуйте визуальный контент. Не добавляйте продолжительные видео либо картинки с большим размером. Лучше разместите линки на контент, создайте возможность скачивания материала. Никакие Flash-элементы не нужны, которые не всегда отображаются на гаджетах. Если вам требуется анимация, то доработайте ее при помощи кода HTML5.
Крупные кликабельные кнопки важны, поскольку зачастую невозможность попасть в графический фрагмент (или не обнаружить) приводит к большой вероятности отказов и падению конверсий.
Ссылка, ведущая на полноценную версию веб-портала. Обязательный компонент, о котором часто забывают большинство разработчиков. Переход на полную страницу способствует перестраховке, если вдруг что-либо сработает не так как надо или источник трафика определится с ошибкой.
Заключение
В попытке повысить трафик, конверсии и очутиться в тренде, клиенты обращаются к услугам мобильной версии. Кроме сложных программ с многочисленными опциями, вы сможете воспользоваться облегченной мобильной версией, которая стала доступной и по деньгам, и по эффективным решениям без расхода трафика и конверсий. Самое главное – это реализация задуманного, применяя разум, а также при помощи опытной команды профессионалов. Не упускайте шанс стать лидерами!