Сайт по-разному выглядит в поиске с телефона и с компьютера: техническая сторона

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

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

Почему сравнивать «как выглядит у меня» бессмысленно

Начнём с того, чего делать не надо.

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

Поэтому проверка «а как я выгляжу в поиске» ничего не измеряет. Она может подсказать, что где-то есть техническая проблема — если, например, вы видите обрывок служебного текста вместо описания, — но использовать её как показатель работы нельзя.

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

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

Что реально различается для мобильных и настольных устройств

Разные версии страницы

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

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

Если у вас всё ещё две версии — это первое, что стоит менять.

Разное содержимое на одной странице

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

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

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

Разная скорость загрузки

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

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

Разное отображение сниппета

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

Это нормальное поведение, и на него нельзя повлиять напрямую. Можно только дать хорошее описание страницы и структурированные данные — а дальше система решает сама.

Разные скрипты и подгрузка содержимого

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

Проверить просто: откройте исходный код страницы и поищите в нём текст, который должен быть на странице. Если его там нет — для поиска его тоже нет.

Как проверить, что видит поисковый робот

Несколько практических способов, от простого к точному.

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

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

Используйте инструменты Яндекс.Вебмастера. Там есть проверка того, как робот видит страницу, и отдельно — проверка мобильной пригодности. Это самый достоверный источник.

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

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

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

Что чаще всего ломается на мобильной версии

По нашему опыту разбора сайтов — вот список того, что встречается регулярно.

Телефон картинкой. Номер отрисован в виде изображения, его нельзя нажать и нельзя скопировать. Для поиска его тоже нет — и в генеративных ответах, где часто показывают телефон компании, вас не окажется. Телефон должен быть текстом, оформленным как ссылка для звонка.

Скрытые блоки с важной информацией. Цены, характеристики, условия работы — спрятаны на телефоне «для компактности».

Таблицы, вылезающие за экран. Появляется горизонтальная прокрутка, часть колонок недоступна.

Мелкий текст. Приходится увеличивать пальцами.

Слишком близко расположенные ссылки. Пальцем невозможно попасть в нужную.

Виджеты, перекрывающие содержимое. Чат, кнопка обратного звонка, всплывающее окно, кнопка «наверх» — на большом экране они по углам, на телефоне закрывают половину страницы.

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

Меню, которое не открывается. Особенно если оно работало по наведению курсора — на телефоне наведения нет.

Формы, неудобные для заполнения. Мелкие поля, календарь, который не помещается, кнопка отправки, скрытая клавиатурой.

Тяжёлые изображения. Картинка в размере для большого монитора, отдаваемая на телефон.

Карта проезда, растягивающая страницу. Встроенная карта на мобильном часто ломает вёрстку.

Как это правильно устроить

Одна версия сайта, адаптивная. Один адрес, одно содержимое, оформление подстраивается под ширину экрана. Это снимает большую часть проблем сразу.

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

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

Отложенная загрузка изображений. Всё, что ниже видимой части экрана, грузится по мере прокрутки.

Минимум внешних скриптов. Каждый чужой скрипт — это обращение к чужому серверу и задержка. Пересмотрите, все ли виджеты вам действительно нужны.

Основное содержимое — в исходном коде. Не подгружайте скриптом то, что должно быть найдено.

Крупные элементы управления. Кнопки и ссылки достаточного размера, с промежутками между ними.

Телефон и адрес текстом. Ссылка для звонка, ссылка на карту.

Проверка после каждого изменения. На реальном телефоне, а не в уменьшенном окне браузера.

Как это связано с продвижением «три в одном»

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

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

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

2ГИС. Это в первую очередь мобильное приложение, и вся его аудитория — мобильная по определению. Карточка с корректным адресом, входом, телефоном, услугами и фотографиями даёт обращения от людей, которые до сайта не доходят вовсе.

Смысл подхода «три в одном» здесь очень нагляден: человек с телефона может обратиться к вам тремя разными путями, и два из них вообще не проходят через ваш сайт. Работа только над сайтом даёт неполный результат. При этом обращения с карт нужно считать наравне с заявками с сайта — отдельные номера телефонов и регулярный просмотр статистики карточек в Яндекс Бизнесе и 2ГИС решают эту задачу.

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

Порядок действий, который даёт результат быстрее всего.

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

Проверять результат нужно именно по обращениям с разбивкой по типу устройства. В Яндекс.Метрике такая разбивка есть, и она гораздо полезнее, чем наблюдение за тем, как выглядит выдача.

Частые заблуждения

«У нас аудитория с компьютеров, мобильная версия не важна». Проверьте отчёт по устройствам в Метрике. Почти всегда доля мобильных больше половины, а в услугах для частных лиц — три четверти и выше.

«Мобильная версия — это уменьшенная копия». Нет, это основной вид сайта для большинства посетителей и основной источник данных для поисковых систем.

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

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

Итог

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

Проверять стоит не выдачу, а сам сайт: одинаковое ли содержимое, есть ли ключевой текст в исходном коде, быстро ли открывается страница на телефоне, нажимается ли телефон, работают ли формы и меню. И параллельно — карточки в Яндекс Бизнесе и 2ГИС, потому что для мобильной аудитории они часто становятся первой и единственной точкой контакта.

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