Ответ
У мобильной версии сайта и адаптивного дизайна, есть ряд своих плюсов и минусов. В зависимости от поставленной задачи и ситуации можно выбирать тот или иной вариант реализации.
Если кратко описать различия, то:
- Мобильная версия – это облегченная версия сайта которая находиться на поддомене.
- Адаптивный дизайн – это масштабируемый основной сайт под размеры экрана без переноса на отдельный адрес и замены контента.
Если например, у вас крупный ресурс (соц.сеть, новостной портал и тд), у которого большое количество трафика который приходится на мобильные устройства, тогда есть смысл выбрать мобильную версию, так как скорость загрузки у неё будет выше, за счет облегчения элементов и отсутствие лишнего функционала.
В других случаях рекомендуем все же использовать адаптивный дизайн, так как:
- создание и поддержка мобильной версии дороже, чем адаптива;
- у мобильных версий на поддомене могут быть проблемы с отображением на различных экранах (планшеты, телевизоры);
- с точки зрения SEO, адаптивную версию проще продвигать, потому что нет дублирования, нет необходимости видоизменять контент, а сам сайт будет проще индексироваться поисковиками.
Основные требования к реализации мобильной версии сайта:
- сделать упрощенную навигацию и удобный просмотр страниц.
- оптимизировать изображения, уменьшить использование избыточной анимации (всплывающих окон) и поочередно подгружать контент. Что позволит улучшить скорость и качество загрузки страниц, экономить мобильный трафик пользователя.
- открыть для индексации CSS и JS файлы.
- прописать свойство viewport, чтобы браузеры понимали, как отображать сайт под различные экраны.
- создавать хорошо читаемые, кликабельные элементы с достаточно большим расстоянием друг от друга.
- формы для заказа, лучше всего делать короткими с функцией автозаполнения, чтобы облегчить пользователям процедуру покупки товаров или услуг на сайте.
- не использовать flash элементы.
- если у вас мобильная версия на поддомене, необходимо включить ее в Google Search Console и Яндекс.Вебмастер. Указать регион, основное зеркало сайта, загрузить карту сайта, также открыть доступ поисковым роботам к моб.версии в robot.txt. Настроить 302 редиректы со страниц основного сайта на мобильный, при входе на сайт со смартфонов.
Про оптимизацию сайта под мобильные устройства мы писали в нашем блоге. С рекомендациями от поисковых систем можно ознакомиться по ссылкам Яндекс, Гугл.
Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓
Еще по теме:
- Будут ли поисковики считать мобильную версию сайта на поддомене копией десктопной и стоить ли добавлять при этом тег сanonical? Если у сайта отдельная мобильная версия (на поддомене), не посчитают ли поисковики её копией десктопной версии? Стоит в таком случае добавлять тег сanonical и если...
- Что делать, если в отчёте GSC мало страниц оптимизированных под мобильные устройства? Стоит ли паниковать, если в отчёте GSC крайне малое количество страниц, оптимизированных под мобильные устройства. Но все страницы на сайте оптимизированы под мобайлы. Ответ В...
- Как ПС относятся к двум разным версткам для различных устройств? Обновляем сайт на SPA, и чтобы облегчить сайт, будем на сервере определять устройство и показывать либо мобильный код либо десктопный. Но домен будет одинаковый. Вопрос:...
- Проблемы категории «Удобство для мобильных» — почему они приходят и как влияют на ранжирование? Часто приходят оповещения от GSC — Проблемы категории "Удобство для мобильных". Чаще всего фигурируют ошибки шрифта, смешения интерактивных элементов и контент шире экрана. Но, если...
- Что делать с ошибками по удобству мобильной версии в GSC? Консоль выдает ошибки по удобству моб версии (около 100 урлов): контент шире экрана, слишком мелкий шрифт, интерактивные элементы расположены слишком близко. Но визуально не могу...
Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Санкции были сняты. Весь процесс занял полтора месяца"
Сергей Протасов
Svem.ru"Поисковик вернул сайту «отобранных» ранее посетителей"
Александр Люкс
English-easy.info"Развернутый и структурированный отчет с указанием ошибок"
Владислав Аверьянов
Homesoverseas.ru