Спор об отдельной мобильной версии и адаптивной вёрстке почти закончен, но сайты с отдельной версией никуда не делись. Разбираем, чем отличаются подходы и что требуется от каждого.
Коротко
- Адаптив — один адрес и одно содержимое.
- Отдельная версия требует синхронизации двух сайтов.
- Содержимое версий должно совпадать в любом случае.
- Большая часть проблем возникает от расхождения версий.
В чём разница
| Адаптив | Отдельная версия | |
|---|---|---|
| Адрес | Один | Разные для версий |
| Содержимое | Одно | Два набора, их надо согласовывать |
| Поддержка | Одна правка | Две правки на каждое изменение |
| Риск расхождения | Отсутствует | Основной источник проблем |
| Настройка связей | Не нужна | Нужны взаимные ссылки версий |
Четвёртая строка объясняет, почему адаптив победил. Дело не в том, что поиск относится к нему лучше, а в том, что при одном содержимом расходиться нечему. Два сайта неизбежно расходятся: где-то поправили текст, где-то забыли.
Что требуется в любом случае
То же содержимое
Мобильная версия не должна быть урезанной.
Та же разметка
Структурированные данные на обеих версиях.
Те же заголовки и описания
Эквивалентные мета-теги.
Те же правила robots
Нельзя закрывать одну из версий.
Качественные изображения
Не слишком маленькие и не низкого разрешения.
Первый пункт — самое частое нарушение при отдельной версии. Мобильную версию делают короче «чтобы не грузить телефон», убирая описания, характеристики и блоки вопросов, — и именно эта версия становится основой для оценки страницы. Про мобильное индексирование — в статье про mobile-first.
Что нужно отдельной версии
| Что настроить | Зачем |
|---|---|
| Взаимные ссылки версий | Чтобы поиск знал об их связи |
| Канонический адрес на основную | Чтобы не спорили за один запрос |
| Переадресацию по устройству | Корректную, без ошибок |
| Совпадение адресов страниц | Каждой странице — своя пара |
| Отсутствие запретов на версии | Обе доступны роботу |
Четвёртая строка ломается тише всех. Когда на основном сайте появляется новая страница, а в мобильной версии её нет, переадресация ведёт человека с телефона на главную мобильной версии. Он не находит того, за чем пришёл, и уходит — а в отчётах это выглядит просто как высокий отказ.
Что проверять при адаптиве
Должно быть
- Содержимое доступно, а не скрыто
- Меню и каталог работают
- Формы заполняются с телефона
- Таблицы не уезжают за край
- Кнопки нажимаются пальцем
Чего быть не должно
- Блоков, скрытых только на мобильном
- Всплывающих окон на весь экран
- Горизонтальной прокрутки страницы
- Текста, который нельзя прочитать без увеличения
Первая строка справа — тонкий случай. Скрыть блок оформлением на узком экране не то же самое, что убрать его из кода: содержимое остаётся доступным. Но если блок не выводится на мобильном вовсе, для оценки страницы его не существует. Про оформление — в статье про как оформить текст.
Что выбрать
Новый сайт — адаптив
Без вариантов.
Есть отдельная версия и она в порядке
Можно не трогать.
Версии разошлись
Дешевле перейти на адаптив, чем чинить.
Планируется переделка сайта
Повод уйти от двух версий.
Третий пункт — практический критерий. Поддерживать два набора содержимого дороже, чем один раз переверстать: расхождения возвращаются после каждого обновления сайта, и каждое из них приходится искать заново.
Частые вопросы
Что лучше для SEO — адаптив или отдельная мобильная версия?
Оба варианта работают. Адаптив проще: один адрес и одно содержимое, расходиться нечему. Отдельная версия требует синхронизации двух наборов содержимого.
Можно ли делать мобильную версию короче?
Нет. Мобильная версия должна содержать то же содержимое, ту же разметку и эквивалентные мета-теги, потому что именно она используется для оценки страницы.
Что нужно настроить при отдельной версии?
Взаимные ссылки версий, канонический адрес на основную, корректную переадресацию по устройству, соответствие страниц друг другу и отсутствие запретов на обеих версиях.
Когда переходить с отдельной версии на адаптив?
Когда версии разошлись по содержимому: переверстать один раз дешевле, чем искать расхождения после каждого обновления сайта.
Продвинем сайт в поиске
Соберём семантику, доведём структуру и текст до уровня топа и будем вести проект до заявок.
Обсудить SEO-продвижение
