Что выбрать: мобильную версию сайта на поддомене или адаптивный дизайн?

Ответ

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

Если кратко описать различия, то:

• Мобильная версия – это облегченная версия сайта которая находиться на поддомене.
• Адаптивный дизайн – это масштабируемый основной сайт под размеры экрана без переноса на отдельный адрес и замены контента.

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

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

• создание и поддержка мобильной версии дороже, чем адаптива;
• у мобильных версий на поддомене могут быть проблемы с отображением на различных экранах (планшеты, телевизоры);
• с точки зрения SEO, адаптивную версию проще продвигать, потому что нет дублирования, нет необходимости видоизменять контент, а сам сайт будет проще индексироваться поисковиками.

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

• сделать упрощенную навигацию и удобный просмотр страниц.
• оптимизировать изображения, уменьшить использование избыточной анимации (всплывающих окон) и поочередно подгружать контент. Что позволит улучшить скорость и качество загрузки страниц, экономить мобильный трафик пользователя.
• открыть для индексации CSS и JS файлы.
• прописать свойство viewport, чтобы браузеры понимали, как отображать сайт под различные экраны.
• создавать хорошо читаемые, кликабельные элементы с достаточно большим расстоянием друг от друга.
• формы для заказа, лучше всего делать короткими с функцией автозаполнения, чтобы облегчить пользователям процедуру покупки товаров или услуг на сайте.
• не использовать flash элементы.
• если у вас мобильная версия на поддомене, необходимо включить ее в Google Search Console и Яндекс.Вебмастер. Указать регион, основное зеркало сайта, загрузить карту сайта, также открыть доступ поисковым роботам к моб.версии в robot.txt. Настроить 302 редиректы со страниц основного сайта на мобильный, при входе на сайт со смартфонов.

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

Еще по теме:

• Как правильно подвязать группы страниц AMP мобильной и основной версии сайта?
На сайте настроены AMP-страницы, мобильная версия реализована на поддомене, плюс есть основная html версия страниц. Как избежать проблем с дублированием контента и определением канонической страницы?...
• SEO тонкости создания мобильного поддомена сайта
Есть потребность создать сайт на поддомене m.site.ru и нужно, чтобы он отображался в ПС только на мобильных устройствах. Есть ли конкретные механизмы и рекомендации от...
• «Сайт не оптимизирован для мобильных устройств» — ошибка в Яндексе. Причины возникновения и рекомендации по исправлению.
На сайте адаптивный дизайн, в Google проблем нет, скорость на мобильных устройствах около 50. Яндекс же заявляет, что сайт недостаточно оптимизирован для мобильных устройств и...
• Критична ли для SEO проблема смещения макета во время загрузки страниц?
Google ругается на CLS - смещение макета во время загрузки страницы. Проверили - действительно на мобильных прыгает загрузка из-за рекламных баннеров. Подскажите, насколько критична проблема...
• Проблемы категории «Удобство для мобильных» — почему они приходят и как влияют на ранжирование?
Часто приходят оповещения от GSC — Проблемы категории "Удобство для мобильных". Чаще всего фигурируют ошибки шрифта, смешения интерактивных элементов и контент шире экрана. Но, если...

---

Siteclinic

d.siteclinic@gmail.com

Оцените мою статью: 

(Пока оценок нет)