Логотип seo-prodvizhenie-biznesa.ru
+7 (921) 333-77-45

Мобильное SEO — влияние на продвижение сайта

Мобильное SEO — влияние на продвижение сайта
Анатолий Кузнецов
Анатолий Кузнецов
SEO-оптимизатор с 20-летним стажем. Автор блога seo-prodvizhenie-biznesa.ru о продвижении и доработке сайтов.

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

Почему мобильная версия сайта стала основной

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

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

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

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

Три подхода к мобильной версии и чем они отличаются

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

Адаптивная вёрстка. Один адрес, один HTML, один набор контента. Внешний вид меняется через CSS в зависимости от ширины экрана: блоки перестраиваются в одну колонку, меню сворачивается в кнопку, таблицы получают горизонтальную прокрутку внутри своего контейнера. Робот получает ровно то же содержимое, что и человек, независимо от устройства.

Отдельная мобильная версия на поддомене. Классическая схема с адресом вида m.site.ru. Два разных сайта, две шаблонные системы, два набора страниц, связанные перекрёстными указателями: на десктопной странице стоит альтернативная ссылка на мобильную, на мобильной — канонический адрес на десктопную. Переброс пользователя делается редиректом по типу устройства.

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

Подход Плюсы Риски
Адаптивная вёрстка Один адрес и один контент, ничего не расходится; вся ссылочная масса на одной странице; правки делаются в одном месте; поисковику не нужно связывать версии Тяжёлый десктопный код может грузиться и на телефоне; без ленивой загрузки картинки приходят в полном размере; сложные интерфейсы требуют аккуратной работы дизайнера
Отдельная версия на поддомене Полная свобода в мобильном интерфейсе; можно отдать облегчённый шаблон; исторически удобно для старых громоздких систем Расхождение контента, дубли, ошибки в канонических адресах и альтернативных ссылках; двойная работа при любой правке; неверные редиректы уводят пользователя на главную вместо нужной страницы
Динамическая выдача Один адрес без поддомена; можно отдать лёгкий HTML именно телефону Ошибки определения устройства; кэш отдаёт мобильный вариант десктопу и наоборот; сложно отлаживать; расхождение контента между вариантами так же вероятно, как с поддоменом

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

Чем опасна отдельная мобильная версия

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

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

Подробнее об этом — в статье «Влияние javascript на продвижение сайта».

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

Четвёртая беда — разъезд разметки и метаданных. Заголовки, описания, микроразметка, структурированные данные о товаре и отзывах на поддомене часто оказываются либо неполными, либо скопированными с десктопа без изменений.

Что проверять на телефоне вручную

Помогу с продвижением: комплексное продвижение сайта — вывожу сайты в топ Яндекса белыми методами.

Автоматика ловит не всё. Половину проблем видно только руками — берёте телефон, открываете сайт и проходите путь клиента до конца. Ниже чек-лист, по которому я иду сам.

Что проверяем Как понять, что плохо Что должно быть
Размер шрифта основного текста Приходится приближать пальцами, чтобы прочитать абзац Текст читается без масштабирования на вытянутой руке; заголовки заметно крупнее основного текста
Длина строки и межстрочное расстояние Строки слиплись, абзац выглядит стеной, глаз теряет строку Комфортный интервал, отбивки между абзацами, текст не прижат к краям экрана
Кнопки и ссылки под палец Промахиваетесь, попадаете в соседний пункт, ссылки в тексте идут вплотную друг к другу Крупная зона нажатия, воздух между кликабельными элементами, главная кнопка визуально выделена
Формы и клавиатура Для телефона открывается буквенная клавиатура, для почты нет символа собаки, поле даты требует ручного ввода Тип поля соответствует данным: телефон, почта, число, дата; автоподстановка не мешает; ошибки подписаны понятно
Горизонтальная прокрутка Страницу можно сдвинуть вбок, справа появляется пустая полоса Ничего не вылезает за пределы экрана: ни таблицы, ни картинки, ни длинные адреса, ни код
Липкие панели Шапка и нижняя панель вместе съедают треть экрана, при появлении клавиатуры перекрывают поле ввода Липкой остаётся одна компактная панель с телефоном и меню
Попапы и баннеры Всплывающее окно закрывает содержимое сразу после загрузки, крестик мелкий или уехал за край Никаких перекрытий сразу после входа; крупный крестик; согласия и уведомления не заслоняют текст
Меню и навигация Пункты не помещаются, подменю не раскрывается, нельзя вернуться назад Все разделы доступны в два касания, есть путь наверх и хлебные крошки
Контакты Телефон приходится выделять и копировать, адрес не открывается в картах Телефон — ссылка для звонка, адрес ведёт в карты, мессенджеры открываются одним касанием
Полнота содержимого На телефоне нет блока с ценами, характеристиками или отзывами, который есть на компьютере Контент одинаковый, отличается только раскладка

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

Скорость на мобильном: что режет загрузку сильнее всего

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

Что тормозит Почему это критично на телефоне Что делать
Изображения в полном размере Картинка шириной под десктоп грузится целиком, чтобы показаться на узком экране; на первом экране это прямая задержка Отдавать размер под экран, использовать современные форматы, включить отложенную загрузку для всего ниже первого экрана, задать размеры, чтобы вёрстка не прыгала
Сторонние скрипты Чаты, виджеты обратного звонка, счётчики, пиксели, карты — каждый тянет свой код и блокирует поток Оставить необходимое, остальное грузить с задержкой или после действия пользователя; карту подгружать по клику
Реклама и рекламные сети Дают цепочку запросов к чужим доменам, двигают содержимое при появлении блоков Резервировать место под блок, ограничить количество сетей, не ставить рекламу над первым экраном
Шрифты До загрузки файла текст не отрисовывается или подменяется с рывком; несколько начертаний множат вес Подключать только используемые начертания, задать поведение отображения текста при загрузке, положить файлы на свой домен
Тяжёлые CSS и JS темы Браузер разбирает сотни килобайт стилей и скриптов, которые на телефоне не нужны Вынести критические стили первого экрана в страницу, остальное отложить; убрать неиспользуемые модули конструктора
Видео и анимированные фоны Автовоспроизведение съедает трафик и процессор, экран греется, прокрутка дёргается Заменить статичной картинкой на мобильном, видео запускать по нажатию
Медленный ответ сервера Пока сервер думает, экран пустой; на сотовой сети задержка складывается с сетевой Кэширование, актуальная версия PHP, оптимизация запросов к базе, нормальный хостинг

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

Мобильный интент: чем отличаются запросы с телефона

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

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

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

Локальный поиск и карточка организации

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

Тему разбирал отдельно: «Влияние карты сайта на SEO продвижение».

Что здесь важно держать в порядке:

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

Важно понимать: карточка не заменяет сайт. Она приводит звонки и маршруты, а сайт отвечает на вопросы «сколько стоит», «как проходит работа», «почему вам можно доверять». Работать они должны в паре, и обе точки контакта человек чаще всего открывает с телефона.

Типичные поломки, которые не видно на компьютере

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

  • Скрытый контент. Блоки, спрятанные на мобильном через стили, чтобы «не мешали». В индекс попадает урезанная страница, и вместе с блоком пропадают вхождения ключевых слов, преимущества, цены.
  • Неработающая форма. Кнопка перекрыта липкой панелью, поле не получает фокус, капча не помещается в экран, сообщение об ошибке выводится за пределами видимой области. Заявки просто не доходят.
  • Обрезанные таблицы. Прайс с шестью колонками на узком экране либо ломает вёрстку, либо обрезается по краю, и человек не видит правую половину цен.
  • Тяжёлые фоны. Крупные фоновые изображения и градиенты грузятся на мобильном полностью, при этом на маленьком экране от них видно едва треть.
  • Наезжающие элементы. Фиксированные ширины в пикселях, длинные слова, вставленные из документа таблицы, широкие блоки кода — всё это вылезает за экран и включает горизонтальную прокрутку.
  • Модальные окна. Всплывающее окно открывается, но закрыть его нельзя: крестик уехал за границу экрана, а прокрутка внутри окна не работает.
  • Ссылки-невидимки. Кнопка выглядит как кнопка, но кликабельна только надпись внутри, шириной в несколько миллиметров.
  • Проблемы с ориентацией. В альбомной ориентации меню наезжает на содержимое или фиксированная шапка занимает половину высоты.

Как проверять корректно

Проверка мобильной версии складывается из четырёх слоёв, и каждый ловит своё.

Способ проверки Что ловит Чего не увидит
Реальный телефон в сотовой сети Настоящую скорость, промахи мимо кнопок, поведение клавиатуры, работу форм и звонка, перегрев и рывки прокрутки Системные ошибки индексации и картину по всему сайту
Эмуляция в браузере на компьютере Вёрстку на разных ширинах, горизонтальную прокрутку, поведение при повороте, ошибки в консоли Реальную производительность слабого телефона и особенности мобильных браузеров
Отчёты панели вебмастера Массовые проблемы: страницы вне индекса, ошибки обхода мобильным роботом, сообщения об удобстве просмотра, статус страниц по разделам Мелкие интерфейсные неудобства и неработающие сценарии
Полевые данные о скорости Как страница грузится у настоящих посетителей на их устройствах и связи, с разбивкой по мобильным и десктопным Причину конкретной задержки — для неё нужна лабораторная проверка

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

Отдельно советую проверять сайт на бюджетном телефоне, а не только на новом флагмане. Разница в скорости отрисовки между ними огромна, и именно бюджетное устройство показывает, как сайт видит существенная часть аудитории. И обязательно отключайте на время проверки домашний Wi-Fi — сотовая сеть даёт совсем другую картину.

Что делать, если мобильная версия сильно урезана

Ситуация встречается регулярно: на телефоне убрали половину страницы ради «чистоты». Раз мобильная версия основная, поиск видит именно этот урезанный вариант — значит, надо возвращать содержимое.

Если нужна помощь по теме — доработка сайта.

План действий:

  1. Собрать список того, что отличается. Открыть страницу на компьютере и на телефоне, выписать все блоки, которых нет в мобильном варианте: описания, характеристики, цены, преимущества, отзывы, дополнительные разделы меню, ссылки перелинковки.
  2. Разделить на нужное и лишнее. Декоративные слайдеры и повторяющиеся баннеры можно и убрать. Содержательные блоки — вернуть.
  3. Вернуть контент, но переупаковать. Не обязательно показывать всё развёрнутым: длинные характеристики можно свернуть в раскрывающийся блок. Важно, чтобы содержимое было в коде страницы и открывалось по нажатию, а не подгружалось отдельным запросом после действия.
  4. Проверить меню и перелинковку. Часто на мобильном пропадают именно ссылки на внутренние разделы — это бьёт по обходу сайта роботом.
  5. Пересобрать первый экран. Заголовок, суть предложения, цена или диапазон цен, кнопка действия и телефон должны быть видны сразу.
  6. Убедиться, что вернувшийся контент не утяжелил страницу. Тексты весят мало, а вот новые картинки и виджеты — много.
  7. Отправить исправленные страницы на переобход и дождаться, пока робот увидит новую версию.

Если сайт живёт на отдельном поддомене и привести его в соответствие невозможно — честнее переехать на адаптивную вёрстку с настройкой постраничных перенаправлений, чем годами поддерживать расхождение.

Смежный материал по теме — «Влияние слов паразитов на SEO продвижение сайта».

Порядок работ при ограниченном бюджете

Когда ресурсов мало, важно не распылиться. Ниже порядок, в котором я выстраиваю задачи: сверху то, что даёт результат сразу, снизу — то, что можно отложить.

Очередь Что делаем Почему именно сейчас
1 Чиним то, что мешает оставить заявку: форму, кнопку, телефон-ссылку, перекрытия липкими панелями и попапами Прямые потери обращений; исправление стоит дёшево, эффект виден сразу
2 Убираем горизонтальную прокрутку и вылезающие за экран элементы Грубая поломка, портит впечатление на всех страницах сразу
3 Возвращаем на мобильный весь содержательный контент и внутренние ссылки Поиск оценивает сайт по мобильной версии; без этого остальное не сработает
4 Оптимизируем изображения и снимаем блокировку отрисовки первого экрана Самый заметный вклад в скорость при небольших затратах
5 Приводим в порядок типографику: размер шрифта, интервалы, отступы, зоны нажатия Дешёвая правка стилей, заметно улучшает дочитывание
6 Разгружаем сторонние скрипты: чаты, виджеты, карты, лишние счётчики Требует решения, от чего отказаться, поэтому идёт после технических правок
7 Приводим в порядок карточку организации и страницы контактов Даёт звонки и маршруты, особенно для локального бизнеса
8 Переупаковываем первый экран и повторяем кнопку действия по ходу страницы Работа с конверсией, имеет смысл на уже исправном сайте
9 Ускоряем сервер: кэширование, версия PHP, оптимизация запросов Требует доступа к хостингу и разработчика, эффект накопительный
10 Уходим с отдельного поддомена на адаптивную вёрстку Самая дорогая задача; решает проблему навсегда, но требует планирования и перенаправлений

Как связаны мобильное удобство и позиции

Прямой рычаг «сделал кнопку крупнее — вырос на пять позиций» не существует. Связь работает иначе и через несколько звеньев. Первое: полнота контента в мобильной версии определяет, что вообще попадёт в индекс и по каким запросам страница сможет ранжироваться. Второе: скорость и стабильность вёрстки влияют на то, дождётся ли человек загрузки и не уйдёт ли обратно в выдачу. Третье: удобство определяет, дойдёт ли посетитель до целевого действия, а накопленное поведение аудитории формирует представление алгоритма о качестве ответа.

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

Частые ошибки, которые я вижу на аудитах

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

Как контролировать мобильную версию постоянно

Разовая починка не спасает: сайт живёт, к нему добавляют модули, баннеры, виджеты и новые разделы. Нужен регулярный контроль. Минимальный рабочий режим выглядит так.

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

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

Частые вопросы

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

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

Можно ли прятать часть текста на мобильном под кнопку «показать ещё»?
Можно, если текст присутствует в коде страницы и раскрывается по нажатию без дополнительного запроса к серверу. Это нормальный приём для длинных характеристик и объёмных описаний. Недопустимо другое — полностью убирать содержательные блоки со стилевым скрытием.

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

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

Подробный разбор темы — на видео:

Коротко

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

Проверить мобильную версию вашего сайта помогу на SEO-консультации.

Увеличьте позиции и продажи вашего сайта

Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:

Анатолий Кузнецов — SEO-оптимизатор

Остались вопросы по продвижению?

Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.

Связаться со мной →

Комментарии

Сергей Волков

У нас до сих пор живёт мобильный поддомен, сделанный подрядчиком несколько лет назад. Сайт основной обновляем, а туда никто не заходит. Стоит ли вообще с ним что-то делать или проще оставить как есть?

Анатолий Кузнецов автор

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

Марина Дьяченко

Спасибо за чек-лист, особенно за пункт про клавиатуру. Проверила свою форму — для поля телефона открывалась обычная буквенная. Судя по всему, часть людей просто не доходила до конца.

Игорь Панкратов

Скорость на телефоне уже полгода не даётся. Основной вес — фотографии в каталоге, их несколько сотен. Пережимать все руками нереально. С чего начать, чтобы не утонуть?

Анатолий Кузнецов автор

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

Наталья Ковригина

Про липкие панели прямо в точку. У нас была шапка сверху и панель с кнопками снизу, на маленьком экране от контента оставалась полоска посередине. Убрали нижнюю, оставили телефон в шапке — стало заметно легче.

Дмитрий Ершов

Вопрос по скрытому контенту. У нас на мобильном описание товара свёрнуто под кнопку, разворачивается по клику. Это считается скрытым текстом или нормально?

Анатолий Кузнецов автор

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

Алексей Тимофеев

Добавлю от себя: полезно смотреть конверсию отдельно по мобильным и десктопу в аналитике. У нас разрыв был втрое, полезли разбираться — оказалось, кнопка отправки перекрывалась виджетом чата на большинстве телефонов.

Ольга Ремизова

У нас студия с двумя адресами в разных районах. Сейчас оба указаны на одной странице контактов списком. Правильно ли делать под каждую точку отдельную страницу и не будет ли это дублями?

Анатолий Кузнецов автор

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

Виктор Самойлов

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

Екатерина Лозовая

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

Анатолий Кузнецов автор

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

Роман Гущин

Отключили автозапуск видео на фоне первого экрана и заменили статичной картинкой на телефонах. Загрузка стала заметно шустрее, телефон перестал греться на странице. Простая правка, а эффект хороший.

Светлана Юрьева

Про порядок работ при ограниченном бюджете полезно. Раньше начинали с красивого первого экрана, а форма при этом работала через раз. Теперь понятно, что логичнее наоборот.

Павел Никитин

В панели вебмастера висят сообщения про удобство просмотра на мобильных, но конкретики мало. Стоит ли ориентироваться на них как на основной источник или лучше проверять руками?

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Нажимая «оставить комментарий» вы принимаетеправила конфиденциальности 

Прокрутить вверх