Как влияет мобильная версия сайта на SEO продвижение?

Алена Синебок  Алена Синебок

Мобильный трафик в 2018 году составил 52,2%, в 2021 году — более 75%. Мобильная версия влияет на продвижение сайта в поисковых системах, после внедрения алгоритма Mobile First от Google. Сайты без мобильной версии и адаптивного дизайна теряют позиции в поисковой выдаче.

Об адаптивности сайта

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

Повышаем трафик сайта за счет мобильных пользователей

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

Отказаться от Flash-технологий

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

Адаптировать сайт к голосовому поиску

Взаимодействовать с поисковыми системами с помощью голоса удобнее и быстрее, поэтому метод стремительно набирает популярность. Если вы желаете, чтобы ваш сайт ранжировался по голосовым запросам, используйте в контенте низко- и ультранизкочастотные ключевые фразы. Проговорить запрос легче и быстрее, чем написать, поэтому фразы для голосового поиска отличаются, и состоят из 5-6 слов. Кстати, теперь асессоры (специалисты, которые оценивают результаты поисковой выдачи и присутствующих в ней сайтов) будут оценивать сайты из голосового поиска или звуковой контент. Для некоторых задач появились требования к наличию у оценщика наушников и динамиков. Ранее такие задачи были экспериментальными, теперь эта пометка удалена.

По статистике, 65% пользователей в возрасте от 25-49 взаимодействуют со своими устройствами хотя бы раз в день.

Оценить контент на страницах

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

Оценить удобство пути покупателя

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

Избавиться от всплывающих окон

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

Отказаться от изображений в формате PNG

Google рекомендует заменить PNG на WebP. С этим форматом нормально работают все браузеры, а сложности возникают только в Safari. Конвертировать изображение можно с помощью сервиса Squoosh. Рекомендуемый размер изображения 20 Кб. *принцип работы оптимизатора Squoosh После смены формата изображений страницы сайта будут загружаться быстрее и показатель отказов снизится. Также интересно по SEO: Как проверить и увеличить скорость загрузки сайта

Новый вид мобильной выдачи

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

Хотите заказать комплексное интернет-продвижение или разработку сайта?
Заполните простую форму и мы свяжемся с вами в ближайшее время.

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

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

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

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

Сама проверка занимает около 1-2 минут. По окончанию проверки вы увидите, оптимизирована ли ваша страница для мобильных устройств, и если нет — какие ошибки мешают этому. 

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

Если с отображением страницы на мобильных не все хорошо, в результатах проверки вы можете обнаружить такие проблемы:

  1. Используются неподдерживаемые плагины, например,  Flash. Они несовместимы с большинством мобильных браузеров и заметно ухудшают адаптивность вашего сайта. Лучше использовать более современные технологии, обладающие широкими возможностями. 

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

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

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

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

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

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

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

Чтобы узнать, как обстоят дела с отображением всего сайта, вам нужно воспользоваться Google Search Console. Всю необходимую информацию вы найдете в отчете "Удобство просмотра на мобильных устройствах". 


Удобство просмотра на мобильных устройствах

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

Вместо выводов

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

Оставить комментарий