Mobile first: важность обновления и чек-лист проверки сайта

31 октября 2023 года поисковая система Google официально объявила о переходе на индексацию Mobile First:

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

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

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

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

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

Важность адаптивности

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

1. Макет сайта должен быть адаптивным или динамическим, то есть меняться в зависимости от устройства, которым пользуется посетитель. Только так вы сможете гарантировать высокое качество контента для всех пользователей.
2. Настройка единого редиректа для всех версий страницы не является обязательной. Алгоритмы поиска самостоятельно предложат пользователям наиболее релевантные URL-ссылки независимо от программного и аппаратного обеспечения.
3. Отсутствие мобильной версии сайта не означает, что поисковые боты его проигнорируют. Но приоритет неадаптированного контента в результатах поиска для мобильных устройств будет значительно ниже.

Контрольный список соответствия требованиям для мобильных устройств

Чтобы создать сайт, максимально удобный для пользователей, независимо от того, какое устройство они используют, воспользуйтесь списком основных рекомендаций:

Возможность сканирования

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

Оптимизированный дизайн страницы

Вы можете выбрать один из трех вариантов адаптации дизайна сайта под устройства посетителей:

Адаптивный дизайн

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

Динамический дисплей

Позволяет использовать разные версии HTML-кода в зависимости от типа используемого устройства. Для этого вам нужно будет определить пользовательский агент и заголовок ответа HTTP.

Различные URL-адреса

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

Полнота содержания

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

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

Структурирование данных

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

• Проверьте согласованность структурирования в мобильной и десктопной версиях страницы.
• Проверьте корректность правок, если вы используете внешние инструменты для структурирования данных. Даже если мы говорим о Маркере.
• Используйте короткие информативные URL-адреса, поскольку они вызывают больше доверия среди посетителей.

Графика и видео

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

1. Публикуйте только изображения высокого качества.
2. Выберите поддерживаемые форматы изображений и видео.
3. Не используйте динамические URL-адреса, которые могут меняться при каждой последующей загрузке.
4. Убедитесь, что альтернативный текст изображения одинаков во всех версиях страницы.
5. Убедитесь, что качество контента одинаково во всех версиях страницы.

Дополнительные рекомендации

1. Статус страницы ошибки должен быть одинаковым независимо от версии страницы.
2. URL-адреса мобильных версий страниц не должны содержать фрагментов — частей адреса, расположенных в начале или конце и выделенных символом «#». Чаще всего фрагменты не индексируются.
3. Все страницы сайта, предлагающие несколько различных вариантов контента в зависимости от параметров устройства посетителя, должны иметь соответствующие мобильные аналоги.
4. Атрибуты hreflang должны корректно работать в каждой версии сайта. Многоязычные сайты, требующие использования ссылок с атрибутом rel=hreflang, необходимо настраивать вручную.
5. Правила, содержащиеся в файле robots.txt, должны корректно работать для всех версий сайта. Как правило, они идентичны для десктопной и мобильной версий.