Как достичь успеха в mobile-first index?

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

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

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

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

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

Что представляет собой mobile-first index?

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

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

Как войти в мобильный индекс?

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

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

Нюансы адаптивного дизайна

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

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

Все это заставляет многих владельцев переходить именно на адаптивный дизайн, а не использовать прочие варианты оптимизации.

Мобильная версия интернет-сайта

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

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

Чему отдать предпочтение?

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

Чтобы отвечать текущим требованиям нового алгоритма, владелец сайта должен позаботиться о создании мобильной версии или провести адаптивную верстку. Без этого закрепиться в топе будет практически невозможно. На место в ранжире влияет и то, насколько быстро сайт загружается. Для проверки скорости можно использовать Google Analytics, в котором есть соответствующий инструмент. Тем не менее, только на его результаты ориентироваться не следует.

Как сделать отображение юзабилити правильным?

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

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

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

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

Тем не менее, многие остаются приверженцами мобильных версий, поэтому для них есть несколько дополнительных требований. Для начала следует проверить наличие тега rel=»alternate», который будет следовать на соответствующую страницу. Данный тег позволит боту находить контент, который прошел оптимизацию для пользователей смартфонов. Также следует использовать тег rel=»canonical», в котором указывается ссылка на страницу обычной версии сайта. Для ресурса на поддомене следует использовать такой же контент, что и для основной версии сайта.

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

Что такое AMP?

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

• Baidu;
• Twitter;
• Pinterest.

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

Разметку для данной технологии следует производить в JSON-LD. Она включает в себя изображение для предварительного просмотра с описанием и датой создания страницы. Чтобы избежать дублирования, в подобных страницах следует пользоваться тегом rel=»canonical». Для проверки видимости новой версии достаточно посетить Webmaster Tool и выбрать соответствующий раздел устройств. После завершения сканирования получаем интересующую информацию. Подобная процедура выполняется для всех страниц ресурса.

Резюмируя изложенное выше

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

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