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

Сергей Секенов

Руководитель группы сопровождения клиентов сервиса Rookee

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

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

Что такое mobile first индексация

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

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

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

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

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

Чек-лист для проверки на соответствие требованиям Mobile first

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

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

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

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

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

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

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

Динамический показ

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

Различные URL

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

Полнота контента

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

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

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

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

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

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

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

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

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

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