На сегодняшний день количество пользователей из мобильных устройств намного превышает количество пользователей из персональных компьютеров и ноутбуков. Согласно статистике сервиса Semrush количество пользователей на мобильных устройствах в 3 раза больше, чем количество пользователей десктоп устройств:
Чтобы ваш сайт нравился поисковой системе, он должен корректно отображаться и функционировать на мобильных устройствах. Ещё в ноябре 2016 поисковая система Google перешла на Mobile First индексацию — это значит, что поисковые боты сканируют и анализируют в первую очередь именно мобильную версию сайта, её характеристики и удобство, поэтому если вы не занимаетесь мобильной версией сайта, высоких позиций у вас не будет.
Как же проверить удобство мобильной версии сайта?
Существует несколько способов и сервисов которые позволяют проверить отображение страниц сайта на разных мобильных устройствах, сейчас я расскажу о том, как ими пользоваться, а также дам ссылки на сервисы SEO аналитики которые помогут найти явные ошибки в мобильной версии вашего сайта.
Проверка с помощью инструментов браузера
На сегодняшний день в любом современном браузере есть возможность проверить адаптивность сайта, я покажу как это сделать на примере самых популярных по использованию.
Google Chrome
Для того, чтобы проверить как отображается сайт на телефоне с помощью Гугл Хром необходимо открыть инструменты разработчика. Это можно сделать либо с помощью комбинации горячих клавиш:
Ctrl + Shift + Iдля Windows;⌘ + Option + Iдля MacOS.
Либо с помощью интерфейса настроек, для этого нужно открыть меню, навестись мышкой на Дополнительные инструменты и в выпадающем меню выбрать Инструменты разработчика.
Когда вы это сделаете, у вас не экране появится консоль где будет виден HTML код текущей страницы, пример:
Для того, чтобы посмотреть отображение сайта как на телефоне необходимо нажать на иконку с изображением планшета и телефона (иконка находиться слева возле вкладки Elements):
Вверху появится выпадающий список с телефонами которые доступны для просмотра сайта.
Firefox
Горячие клавиши для открытия инструментов разработчика идентичны как в Google Chrome. Ещё можно открыть инструменты разработчика нажав правой кнопкой мыши по экрану и нажав на пункт меню Исследовать:
Также есть отличие в нахождении иконки включения отображения адаптивной версии сайта, здесь она находится справа:
Онлайн сервисы для проверки адаптивности сайта
Сервисов для проверки адаптивности сайта существует огромное множество, среди них могу выделить следующие:
iloveadaptive
Инструмент который позволяет проверить отображение на многих устройствах, в том числе на больших мониторах для персональных компьютеров, что очень удобно, так как в инструментах браузеров этого нет. Также есть возможность одновременной проверки страниц на нескольких устройствах. Пример:
Bing Mobile Friendliness Test
Позволяет сделать проверку сайта от поисковой системы Bing, как результат отображает вывод по итогу анализа (тестировать самостоятельно по этому инструменту нельзя. Пример:
Заключение
Для того, чтобы иметь хорошие позиции, важно иметь адаптивный сайт с корректным функционалом. В этой статье я описал базовые способы проверки как отображается сайт на мобильных устройствах благодаря чему можно самостоятельно проверить адаптивность сайта своими руками и найти ошибки которые нужно исправить. Сервис Mobile-friendly от Google уже недоступен, поэтому необходимо проверять сайт самому. Если вы хотите получить консультацию либо заказать аудит по юзабилити и адаптивности мобильной версии вашего сайта — обращайтесь в онлайн-чат на сайте либо в Telegram.