Главная Статьи Оптимизация

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

Откройте статистику любого сайта. С телефонов заходит больше половины людей, а часто и три четверти. Поисковики это давно поняли. И Яндекс, и Google теперь судят о сайте по его мобильной версии. Так работает принцип mobile-first. Проще говоря: неудобно на телефоне — в топ не пустят. Даже если на компьютере всё идеально.

Один сайт на телефоне не влезает,мелкий текст ✕ так теряют посетителей ✓ удобно — выше в выдаче
На телефоне всё должно читаться и нажиматься без зума и горизонтальной прокрутки.

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

Есть два подхода. Первый, устаревший, — делать отдельную мобильную версию на поддомене вроде m.site.ru. Второй, современный, — адаптивность: один сайт сам подстраивается под ширину экрана. Адаптивность почти всегда лучше. Один адрес, один контент, никаких проблем со склейкой версий и дублями. Если делаете сайт сегодня — делайте адаптивным.

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

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

📱
Проверит автоматически: анализ сайта — есть ли тег viewport, адаптивна ли вёрстка, удобна ли мобильная версия.

Что ломается чаще всего

Типичные мобильные беды наперечёт. Нет тега viewport — и сайт показывается «как на компьютере», только крошечным. Текст мельче 14 пикселей — приходится увеличивать пальцами. Кнопки и ссылки впритык — попадаешь не туда. Что-то вылезает за край, и появляется горизонтальная прокрутка. Тяжёлые картинки, которые на мобильном интернете грузятся вечность. Почти всё это лечится правкой вёрстки.

Скорость на мобильном — отдельная история

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

Замерьте: скорость загрузки. Подробности — в статье как ускорить загрузку сайта.

Проверьте сайт на мобильность

Узнайте, удобен ли сайт на телефоне и что поправить.

Проверить сайт →

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