SEO для мобильных: особенности продвижения сайта

Доля заходов с телефонов на большинстве коммерческих сайтов давно перевалила за половину, а по локальным услугам доходит до подавляющего большинства. Поисковые системы это учли: индексация идёт по мобильной версии, и если на телефоне часть контента не видна или страница грузится долго, страдают позиции и в мобильной, и в обычной выдаче. Ниже разбираем, что проверять, в каком порядке и какие ошибки встречаются чаще всего.

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

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

Отсюда простое правило, которое мы проверяем на каждом проекте: контент, ссылки и структурированная разметка на мобильной версии должны совпадать с десктопной. Прятать текст под кнопку «показать полностью» допустимо, удалять его из разметки — нет.

Адаптивная вёрстка против отдельной мобильной версии

Сегодня практически всегда выигрывает адаптивная вёрстка: один адрес, один набор контента, одна разметка. Отдельный мобильный поддомен требует синхронизации содержимого, взаимных указаний на основную версию и корректных перенаправлений — на поддержке это выливается в постоянные расхождения.

Мы переводим сайты с отдельной мобильной версии на адаптивную, когда видим, что содержимое разъехалось: на телефоне нет половины разделов, цены отличаются, формы устарели. До переезда обязательно сверяем адреса, чтобы не потерять накопленные позиции.

Скорость: что действительно влияет

Мобильный интернет медленнее, а процессор телефона слабее, поэтому одна и та же страница на компьютере грузится незаметно, а на телефоне заметно. Мы начинаем не с общей оценки в инструментах проверки, а с того, что видит пользователь: когда появляется первый экран и когда по странице можно нажимать.

• Изображения без сжатия и без современных форматов — самая частая причина лишнего веса.
• Картинки без указанных размеров: страница дёргается при загрузке, и человек промахивается по кнопке.
• Скрипты сторонних сервисов: виджеты чатов, счётчики, карты, рекламные пиксели.
• Шрифты, которые грузятся до отрисовки текста.
• Стили и скрипты, собранные из десятков файлов вместо нескольких.

Обычно первый заметный результат даёт не переписывание кода, а работа с картинками и сторонними скриптами. Виджеты приходится обсуждать с заказчиком: часть из них подключена давно и данными никто не пользуется, но решение об отключении принимает не подрядчик.

Удобство на маленьком экране

Технически исправный сайт может быть неудобным. На телефоне человек держит устройство одной рукой, попадает пальцем неточно и не готов увеличивать масштаб, чтобы прочитать условия. Что мы проверяем в первую очередь:

• Размер текста: основной шрифт читается без увеличения.
• Кнопки и ссылки не стоят вплотную друг к другу.
• Телефон в шапке нажимается и открывает звонок.
• Формы короткие, поля с правильным типом клавиатуры, маска телефона работает.
• Нет горизонтальной прокрутки и элементов, вылезающих за экран.
• Всплывающие окна и кнопки мессенджеров не перекрывают содержимое и закрываются с первого раза.

Чек-лист проверки мобильной версии

Что происходит с технологией ускоренных страниц

Отдельный формат ускоренных страниц перестал быть обязательным условием для попадания в блоки выдачи, и его поддержка постепенно сворачивается. Мы не рекомендуем начинать с него новые проекты: разумнее вложить те же усилия в скорость основной версии, потому что она работает на все страницы сразу, а не только на статьи.

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

Локальные и региональные запросы

Значительная часть мобильного поиска — это запросы с намерением найти рядом: адрес, время работы, телефон, проезд. Здесь позиции сайта работают вместе с карточками на картах, и часто карточка приносит обращения быстрее сайта.

• Адрес, телефон и часы работы одинаковы на сайте и в справочниках.
• На странице контактов есть карта, схема прохода и понятный маршрут.
• Город упоминается в текстах естественно, а не набором словосочетаний.
• Разметка организации заполнена и не противоречит содержимому страницы.

Порядок работ на проекте

1. Смотрим отчёты отдельно по мобильному трафику: позиции и переходы там отличаются от общих.
2. Сравниваем содержимое мобильной и обычной версии по ключевым шаблонам страниц.
3. Замеряем скорость на реальном устройстве, а не только в инструменте.
4. Правим вёрстку и картинки, разбираемся со сторонними скриптами.
5. Проходим сценарий покупки или заявки с телефона целиком, до подтверждения.
6. Повторяем замеры через две-три недели и сравниваем с исходными.

Такой порядок даёт понятную последовательность: сначала убираем то, что мешает роботу видеть страницу, затем то, что мешает человеку ей пользоваться, и только потом занимаемся тонкой настройкой.

Мы смотрим, что видит поисковый робот на телефоне, исправляем скорость и вёрстку и занимаемся позициями по вашим запросам. Обсудим продвижение сайта в поиске — начнём с разбора текущих показателей.

Отдельно разбираем мобильное SEO и продвижение мобильной версии сайта — что входит в работу, как замеряем скорость на телефоне и по каким показателям считаем результат.