Mobile-Friendly

Mobile-Friendly — это свойство сайта быть удобным для просмотра на смартфонах и планшетах: читабельный текст без масштабирования, удобные для пальца кнопки, отсутствие горизонтального скролла и адаптация под маленький экран. Google оценивает mobile-friendly с 2015 года, а из-за mobile-first indexing мобильная версия стала основной для ранжирования.

Простыми словами: mobile-friendly — это когда сайт на телефоне не приходится растягивать пальцами и охотиться на мелкие ссылки. Открыл — и сразу удобно читать и нажимать.

Что такое Mobile-Friendly и зачем оно нужно

Больше половины поискового трафика в большинстве ниш идёт со смартфонов. Если страница «дружелюбна» к мобильным — человек остаётся и конвертируется; если нет — закрывает вкладку за пару секунд. Google зафиксировал этот сдвиг официально: с апреля 2015 года (апдейт, который пресса окрестила Mobilegeddon) мобильное удобство стало фактором ранжирования в мобильном поиске, а затем Google перешёл на mobile-first indexing — то есть оценивает прежде всего мобильную версию страницы.

Критерии mobile-friendly

• Читабельный текст — без необходимости увеличивать шрифт двумя пальцами.
• Удобные тап-таргеты — кнопки и ссылки достаточно крупные и расставлены так, чтобы не промахиваться.
• Нет горизонтального скролла — контент помещается по ширине экрана.
• Настроен viewport — страница знает ширину устройства и подстраивается.
• Нет неподдерживаемого контента — никакого Flash и тяжёлых элементов, которые не играют на телефоне.
• Нет навязчивых interstitial — всплывающих окон на весь экран сразу после захода.

Как проверить mobile-friendly

Отдельный инструмент Mobile-Friendly Test Google закрыл в конце 2023 года, поэтому сегодня удобство для мобильных проверяют через отчёт об удобстве страницы и URL Inspection в Search Console, через Lighthouse в Chrome DevTools или в PageSpeed Insights. Самая простая ручная проверка — открыть сайт на своём телефоне и попробовать им реально воспользоваться.

Пример

Интернет-магазин на десктопе выглядит безупречно, но на смартфоне кнопка «Купить» налезает на цену, а меню-каталог не разворачивается. Формально страница «есть», а фактически оформить заказ с телефона невозможно — и 60% трафика уходит в никуда. Исправление адаптивной вёрстки часто поднимает и конверсию, и позиции.

Часто путают с…

• Адаптивный дизайн — это способ сделать сайт mobile-friendly. Mobile-friendly — результат, адаптивная вёрстка — техника, которой его достигают.
• Page Experience — более широкий набор сигналов удобства (скорость, стабильность, безопасность), в котором mobile-friendly — лишь одна составляющая.

Вопросы и ответы

Mobile-Friendly влияет на позиции в Google?

Да. Удобство для мобильных — официальный сигнал ранжирования с 2015 года, а из-за mobile-first indexing Google оценивает прежде всего мобильную версию. Неудобный на телефоне сайт теряет и позиции, и конверсию.

Это то же самое, что адаптивный дизайн?

Нет. Mobile-friendly — это свойство «удобно на телефоне». Адаптивный дизайн — самый распространённый технический способ это свойство обеспечить, но не единственный.

Как быстро проверить свой сайт?

Открыть его на смартфоне и попробовать воспользоваться, а для точной диагностики прогнать страницу через Lighthouse или PageSpeed Insights и посмотреть отчёт об удобстве страницы в Search Console.

Сайт неудобен на телефонах? Сделаем корректную адаптивную вёрстку и UX/UI-аудит.

Похожие термины: Адаптивный дизайн, Mobilegeddon, Mobile-First Indexing, Page Experience, Core Web Vitals.