Индексация сайта для мобильных устройств: что это и как реализовать

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

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

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

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

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

Понять, насколько серьезно изменилась данная ситуация можно на простом примере. В его основе лежат данные от Google Search Console. Итак, была проведена проверка 20 сайтов, путем их сканирования по типам Googlebot осенью в 2022, 2023 и 2024 году. И всех тех площадок, что приняли участие в проверке, оказалось, что краулеры работали с мобильными версиями чаще, а именно в 15 случая в 2022 году, в 19 случаях в 2023 году и в 20 случаях в 2024 году. Получается, что показатель десктопного сканирования получился 5 в 2022 году, 1 в 2023 году, а в 2024 году таких случаев вовсе не было. Это позволяет с уверенностью утверждать, что в настоящее время поисковая система Google делает ставку именно на проверку мобильных версий ресурсов, а не классических аналогов, предназначенных для работы с персональными компьютерами, ноутбуками.

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

Статистика по мобильной индексации

Ирландский сервис StatCounter, который представляет собой инструмент для анализа веб-трафика, относительно недавно провел исследование, в результате которого обнародовал статистическую информацию о доле рынка устройств. Так, на конец прошлого года ситуация была следующей:

• при подключении к интернету более 60% пользователей используют свои мобильное устройства;
• ноутбуки и персональные компьютеры используются 37% пользователей;
• подключение к интернету через планшеты наблюдается менее, чем в 3 % всех случаев.

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

История индексации Google в разрезе мобильных устройств

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

1. Запуск обновления Mobilegeddon от Google в апреле 2015 года, предполагающий оценку удобства пользователей при работе с интернетом через мобильные устройства в качестве одного из ключевых факторов ранжирования.
2. Анонс и пробное тестирование Mobile-first индексирования на нескольких сайтах в ноябре 2016 года.
3. Полноценное развертывание мобильного индексирования в марте 2018 года.
4. В ходе сканирования сайтов большая половина стала приходиться на Mobile-first индексирование уже в декабре 2018 года.
5. Все новые сайты, появляющияся в сети, стали по умолчанию индексироваться непосредственно в версии для мобильных устройств с июля 2019 года.
6. В ходе сканирования 70% всех сайтов приходится на Mobile-first индексировании уже в марте 2020 года. К тому же компания в то время сообщила, что к сентябрю 2020 такое индексирование будет применяться абсолютно ко всем интернет-ресурсам. Но, увы, коронавирусные ограничения отложили реализацию данной задумки.
7. Только в марте 2021 года удалось в предварительном режиме запустить 100% Mobile-first индексирование.
8. По техническим причинам в феврале 2023 года все еще остается часть сайтов, которые предполагают индексацию исключительно для десктопных компьютеров, хотя все же большая часть площадок переходят на индексацию с приоритетом на мобильные гаджеты.
9. Последние сайты переходят на Mobile-first индексирование в мае 2023 года. Те ресурсы, которые остаются на десктопным сканировании — это исключительно площадки, что вовсе не работают на мобильных устройствах.
10. С июля 2024 года все сайты, где не предусмотрен доступ с мобильных гаджетов, вовсе не допускаются к индексу поисковой системой.

Подобная хронология позволяют увидеть, насколько последовательными были действия поисковой системы в процессе перехода с десктопного на Mobile-first индексирование. Каждый владелец онлайн-площадок может самостоятельно проверить, перешел ли его сайт на индексацию с приоритетом на мобильные устройства через сервис Google Search Console. Для этого вам необходимо будет зайти в меню «Настройки», а далее выбрать опцию «О нас». Здесь вы и найдете соответствующую информацию о том, использует ли ваш сайт входе индексации Mobile-first решение и в какой момент времени был совершен данный переход.

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

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

1. Создание адаптивного дизайна.
2. Использование динамического обслуживания.
3. Применение отдельных url-адресов.

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

Что представляет собой адаптивный дизайн

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

Если говорить о преимуществах данной методики, то здесь стоит выделить:

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

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

Используем динамическое обслуживание

Динамическое обслуживание — это методика, предполагающая такое обслуживание сервером, при котором он будет отправлять только те HTML и CSS-файлы, что будут адаптированы к определенному устройству. При этом url адрес сайта остается неизменным, но содержимое все же будет меняться в зависимости от того, идет ли в данный момент времени речь о пользователе смартфона или персонального компьютера. Получается, что сервер в автоматическом режиме будет определять то, с какого типа устройства на него поступает запрос и в итоге направлять соответствующий вариант сайта.

Преимуществ у динамического обслуживания несколько:

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

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

Использование отдельных url-адресов для мобильной и десктопной версии сайта

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

К основным преимуществам данного решения отнесем:

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

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

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

Реализуем Mobile-first индексирование

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

1. Убедитесь в том, что площадка доступна к сканированию. Это значит, что она должна быть видимой для Googlebot Mobile. На тех страничках, которые вы хотели бы проиндексировать, должен отсутствовать тег noindex, указывающий на то, что вы просите поисковых ботов не индексировать данную страницу. Если вы использовали до этого момента устаревшие технологии, как вариант тот же Flash, то пришло время заменить их на более передовые, в частности JavaScript, CSS. Подобное обновление сайта станет гарантией доступности критически важных для вас файлов для бота, которой будет выполнять сканирование страниц. Также все файлы в robots.txt не должны находиться под блокировкой правилом disallow, указывающим Googlebot на то, каким именно образом они должны «читать» ваш сайт. То есть вам важно проверить все эти моменты и убедиться в том, что поисковые боты будут видеть ваш ресурс именно таким, каким вы его и хотите преподнести, в том числе и пользователям.
2. Внедрите на страницы своего сайта разметку структурированных данных. Здесь вариантов достаточно много, но вам достаточно будет использовать только те, что будут релевантны именно для вашего сайта. Дело в том, что структурированные данные способны значительно упростить процесс индексации, улучшить видимость вашего контента и в разы повысить вероятность того, что он будет отображаться в результатах поисковой выдачи в формате расширенных фрагментов. Сам по себе такой формат информации позволяет поисковым ботам лучше понять содержимое страницы, а это и есть ключевой аспект в обеспечении быстрого и точного поиска. То есть путем реализации этих несложных мероприятий вы сможете значительно повысить показатели переходов на свой сайт, так как в результатах поиска ваш контент будет отображаться максимально презентабельно.
3. Внесите корректировки в ваши медиафайлы, улучшая их качество путем оптимизации. Практика показывает, что многие картинки, которые загружаются на сайт, оказываются достаточно большими. Они ощутимо увеличивают размер страницы, замедляют ее загрузку. В данном случае первое, что необходимо сделать, так это изменить формат ваших изображений на более современное решение — WebP. В отличие от классических вариантов JPEG или PNG такие медиафайлы будут весить в среднем на 25-35% меньше, сохраняя при этом изначальное высокое качество. Для картинок в обязательном порядке стоит использовать атрибуты alt, так как именно по ним поисковая система способна распознать ваше изображение и обработать его соответствующим образом.
4. Внедрите на сайт метатег viewport. Он играет то очень важную роль в мобильной индексации, указывая браузерам на то, как корректно управлять масштабированием страницы и ее размерами в целом в соответствие с тем, на экране какого размера они будут отображаться. Вам необходимо будет внедрить метатег viewport непосредственно в «head» вашего общего HTML. Сразу после реализации такой задумки браузер поймет, что вы просите его адаптироваться к ширине экрана в пикселях, вне зависимости от типа устройства. Также он задает начальный уровень масштабирования, а именно 1. Благодаря такой конфигурации значительно улучшается взаимодействие пользователя с вашим контентом вне зависимости от того, какое устройство он использует для получения доступа к нему. В любом случае страница будет читабельной. И все это будет выполняться в режиме реального времени, исключая необходимость дополнительного масштабирования, прокрутки по горизонтали.
5. Выставите приоритеты, направленные на оптимизацию производительности. В данном случае мы говорим о том, что, выполняя общее преобразование в ходе повышения скорости загрузки страницы, важно сделать ставку непосредственно на мобильную версию сайта. Дела в том, что именно эти показатели в последующем и будут применяться в ходе ранжирования. Пользователи, которые при подключении к интернету используют мобильные устройства, также ожидают максимально быстрой загрузки. В том случае, если ваш сайт будет грузиться слишком долго, люди банально уйдут с него, что и станет основной причиной увеличения показателей отказов. Мы ни в коем случае не призываем пренебрегать десктопной версией площадки. Ваша задача здесь состоит в том, чтобы создать такой ресурс, который отлично будет работать как на десктопных, так и на мобильных устройствах. Делая ставку только на один из вариантов, вы не сможете реализовать свои бизнес-задумки и обеспечить стабильное продвижение сайта и развитие компании в целом.

Если вы сможете реализовать данные работы максимально корректно, то в итоге получите такой сайт, который с высокой долей вероятности пройдет Mobile-first индексирование и не потребует от вас каких-то серьезных доработок.

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

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

• Возьмите себе за привычку сохранять исключительно важный материал. Понятно, что на дисплее компьютера сайт будет отображаться более широко. Здесь будут присутствовать любые мелкие детали, которые вы предусмотрите в настройках. Вместить все это на маленький экран смартфона не представляется возможным. Зачастую здесь нет места для боковых панелей, мегаменю. Если все это не скрыть, то оно будет перекрывать фрагменты контента, что негативно скажется на удобстве пользования. И здесь решить проблемы можно только одним способом расставить приоритеты и акцентировать внимание аудитории на наиболее важных моментах. Так, если вы уберете кнопку с формой обратной связи, то люди не смогут обратиться к вам за консультацией. Современные технологии предлагают большое разнообразие вариантов дизайна, в том числе и его виде вкладок контента. На такой вариант стоит обратить внимание, так как Google в последнее время стал проявлять особое внимание улучшению пользовательского опыта. Необязательно, чтобы мобильная версия сайта была идентичной десктопной. Вы можете создать упрощенные страницы, добавив в них элементы, которые будут раскрываться по запросу пользователя, как вариант, дополнительная информация о товарах, отзывы, наиболее распространенные вопросы и ответы.
• Оптимизируйте количество всплывающих окон, рекламы, межстраничных объявлений. Это все то, что будет занимать место на экране смартфона, перекрывая основной материал, снижая удобство работы пользователя. Выше мы уже говорили о том, что вам необходимо расставить приоритеты и допустить к отображению исключительно важные элементы, в то время как другие будут скрыты до тех пор, пока пользователь не кликнет на соответствующую кнопку, чтобы подробнее рассмотреть детали.
• Корректно продумайте навигацию и внутренние ссылки. Наращивание внешней ссылочной массы важно для повышения позиции сайта в результатах поисковой выдачи и его видимости в целом. Но еще крайне необходимо правильно проработать и внутренние линки, убедившись в том, что все они также представлены и в мобильной версии площадки. На практике нередко встречались случаи, когда с таких сайтов просто убирались хлебные крошки с целью экономии места. Внутренняя перелинковка — это то, что позволит пользователям быстрее и лучше ориентироваться на вашем сайте, находить полезные для себя товары. Поэтому не поленитесь пройтись по мобильной версии и убедиться, что все эти ссылки присутствуют, что они активны и ведут на правильные страницы.
• Убеждаемся в том, что скорость загрузки остается на высоком уровне. Дело в том, что поисковая система Google при определении Core Web Vitals все равно будет ориентироваться на мобильную версию. Данные работы можно реализовать через сервис Google Search Console. В данном случае вам необходимо будет зайти во вкладку «Улучшения», далее кликнуть на опцию «Core Web Vitals» и здесь уже выбрать вариант «Мобильные».
• Время от времени проводите технические проверки. Это то, что позволит вам постоянно быть уверенным в стабильной работе своего ресурса. Как вариант, можно совершенно бесплатно создать учетную запись Ahrefs Webmaster Tools и в последующем сканировать свой сайт в Site Audit с использованием персонального user-agent. Благодаря этому вы будете видеть то, как отображается ресурс на персональном компьютере. Но если вы зайдете во вкладку «Настройки сканирования», а далее в «Настройки проекта», то сможете изменить user-agent с варианта Desktop на Mobile. Теперь вы будете видеть, как сайт отображается непосредственно на мобильных устройствах. Мы бы рекомендовали проводить оба варианта сканирования: на десктопе и на мобильном устройстве. Благодаря этому запустится функция сравнения, которая автоматически будет сообщать вам о выявленных изменениях или появлении каких-то проблем в той или иной версии площадки. То есть у вас перед глазами будет наглядная картина внешнего вида сайта. Но также рекомендуем обратить внимание и на заполнение заголовков, метаописаний, метатегов robots, канонических тегов, тегов hreflang, атрибута alt для картинок, структурированных данных.
• Проверяем корректность файлов robots.txt. В частности, речь идет о проверке того факта, что в данном файле для поддоменов сайтов m-dot присутствуют другие правила. В частности, вам необходимо будет провести сравнение yourwebsite.com/robots.txt и m.yourwebsite.com/robots.txt, то есть вариантов для десктопной и мобильной версии площадки и выявить существующие различия. Помимо этого также важно убедиться, что все изображения CSS, JavaScript открыты для сканирования на обеих версиях ресурса.
• Продумайте до мелочей дизайн мобильной версии вашего сайта. Для реализации данной задумки стоит провести анализ сайтов конкурентов и выделить для себя ряд тех практик мобильного дизайна, которые дают на практике максимум результатов, то есть привлекают аудиторию. Здесь внимание стоит обратить на размеры текста, отступы, цели для кликов. Также вы можете воспользоваться специальным тестом Google, предназначенным для оценки удобства использования мобильной версии площадок. Еще подобные решения можно найти на сервисе Google Search Console. Здесь вам надо зайти во вкладку «Улучшения», а уже далее выбрать опцию «Удобство использования на мобильных устройствах».

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

Подводим итоги

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

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

Предлагаем пройти по ссылке https://mobileproxy.space/user.html?buyproxy, чтобы оценить особенности и преимущества данных мобильных прокси, их функциональные возможности, понять, насколько передовой и технологичный продукт оказался в вашем распоряжении. Удобно то, что у вас будет возможность на протяжении 2 часов протестировать данный продукт и убедиться в том, насколько он действительно передовой и технологичный. Если в последующей работе возникнут сложности, то вы сможете обратиться за дополнительными консультациями и помощью в службу технической поддержки, которая работает в круглосуточном режиме.

Поделитесь статьёй: