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

мобильность сайта основы проверки
Статьи
Автор: Олег Фролов
«Руководитель проектов команды "Бизнес-Мотор", вебмастер, копирайтер.
Мобильная адаптация - важный этап работы с сайтом. С введением мобильного фактора ранжирования адаптация приобрела еще большее значение. Рассказываем, как провести базовое тестирование мобильности сайта»

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

О влиянии этого фактора на позиции сайта Google официально сообщил 21.04.2015 года. Совсем недавно информация о мобильных изменениях поискового алгоритма появилась и в блоге Яндекса. Алгоритм, учитывающий удобство отображения сайта на мобильных устройствах, назвали «Владивосток» и, по словам представителей Яндекса, уже сейчас он активно внедряется в России.

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

анализ сайтаПочему мобильность важна для сайта

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

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

  • на смартфоне с вертикальной ориентацией экрана (в т.ч. на узких экранах около 300 пикселей в ширину);
  • на смартфоне с горизонтальной ориентацией экрана (от 480 пикселей в ширину);
  • на планшетах с вертикальной и горизонтальной ориентацией экрана (от 768 пикселей в ширину).

Вполне естественно, что пробовать сайт на разных устройствах не всегда неудобно. Хотя бы потому, что под рукой может не оказаться всех необходимых для этого гаджетов. Решить эту проблему можно при помощи различных эмуляторов мобильных экранов. Впрочем, обращаться к сторонним сервиса не обязательно: подобный эмулятор предустановлен в Google Chrome. Для того чтобы им воспользоваться, достаточно открыть интересующий сайт, нажать F12 (вызвать консоль разработчика) и нажать иконку с изображением мобильного телефона:

мобильность сайта - проверка в баузере

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

  • предустановленном браузере ОС Android;
  • Google Chrome mobile;
  • «быстрых» браузерах – например, Opera Mini или UC Browser;
  • Safari (например, на iPhone).

Как видят сайт поисковые системы?

Первая автоматическая проверка, которую стоит пройти, если вы заинтересовались проблемой адаптивности своего сайта, – это mobile friendly test от Google. Этот инструмент достаточно прост и дает однозначный вердикт, касающийся оптимизации страницы под мобильные устройства. И если этот ответ отрицательный, практически наверняка сайт считается неудобным для маленьких экранов и на уровне алгоритмов Google – со всеми вытекающими отсюда последствиями.

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

мобильность сайта - тест инструментом Google

Обратите внимание: скриншот сайта на мобильном экране в результатах проверки может не соответствовать тому, как вы видите его на смартфоне. Чаще всего это связано с тем, что в mobile friendly test участвуют только проиндексированные поисковиком файлы, а файлы стилей (css) и скриптов (js) часто закрыты для индексации на уровне robots.txt. Кстати, в соответствии с последними рекомендациями Google их стоит сделать видимыми для поисковых систем.

Мобильность сайта - отчет Google

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

Важно отметить, что информацию о том, насколько сайт соответствует представлениям поисковиков об удобстве отображения на мобильных устройствах можно получить в кабинетах вебмастеров – Google Search Console и Яндекс.Вебмастер (пока только в бета-версии нового кабинета).

В Google Search Console результаты текущей проверки страниц доступны здесь: Поисковый трафик => Удобство просмотра на мобильных устройствах. Эта страница дублирует сведения, которые мы можем получить с помощью mobile friendly test, но приводится для всех индексируемых страниц сайта по мере обхода их роботами Google:

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

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

Мобильная адаптация сайта - проверка в бета Яндекс.Вебмастере

анализ сайтаАдаптивный дизайн vs мобильная оптимизация

P.S.

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

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

Выводы

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

анализ сайтаПервый шаг к оценке адаптивности сайта – тестирование на разных экранах и в разных мобильных браузерах.

анализ сайтаУзнать, как поисковики оценивают удобство отображения сайта на мобильных устройствах, поможет mobile friendly test от Google, а также соответствующий функционал в кабинетах вебмастера (Google Search Console и новый кабинет вебмастера в Яндекс).

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

  1. Виктория Стамболи

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

Добавить комментарий

Войти с помощью: 

Статьи по теме

адаптивный дизайн
Статьи
Адаптивный дизайн vs мобильная оптимизация
Поисковые системы учитывают мобильную адаптацию сайтов при ранжировании. Как Google, та...
Минусинск
Статьи
Минусинск: диагностика от Екатерины Гладких
12 февраля 2016 года академия WebPromoexperts провела международную сео-конференцию с у...