SEO html5css.dev
html5css.dev

SEO продвижение сайтов

Полный цикл: от проектирования и семантики до ссылочного, перелинковки и текстов.

0. Старт С чего начинается работа: цели, инструменты, сервисы 2 1. Проектирование сайта Структура, семантика, title и description 11 2. Прототипирование Карточка товара и страница категории на примере магазина 3 3. Контент и ключевые слова Ключи в тексте, заголовки, объём, читаемость, изображения, внутренние ссылки 20 3.1. Сайт целиком и коммерция Структура, sitemap, крошки, домен, контакты, ассортимент, доставка, поддержка 22 3.2. Поведенческие факторы Домен и бренд, релевантность title, вложенность, удовлетворённость пользователя 11 4. Техническая оптимизация Скорость, дубли, robots.txt, sitemap.xml, битые страницы 9 5. Внешние факторы Ссылочное, доноры, анкоры, линкбилдинг 13 6. Продвижение бренда Брендовый трафик и его оценка 3 7. Нестандартные методы Актуализация контента, нулевая позиция, SILO, обрезка контента 17 8. Крауд-маркетинг Форумы, отзовики, Q&A, соцсети, поиск площадок и сервисы 16 8.1. Стратегии крауда Стратегии размещения, выживаемость постов, объёмы, делегирование 11 9. Юзабилити сайта Макет, навигация, формы, корзина, контрастность 10 10. Внутренняя перелинковка Вес страниц, анкоры, схемы связывания 10 11. Работа с текстами LSI, структура текста, применение ключей 8

С чего начать

Последовательный курс: проектирование → внутренняя оптимизация → техничка → ссылочное → тексты.

15глав
166уроков

Мобильная выдача

Отдельный курс про мобильный индекс: скорость, интерфейс, голосовой поиск и регионы.

6глав
44урока

Новый курс

Поиск всё чаще отвечает текстом. Курс о том, как попадать в источники этих ответов и не потерять доверие.

5глав
15уроков
  1. html5css.dev
  2. SEO
  3. Мобильное SEO
  4. Мобильные сайты
  5. Мобильный индекс Google (Mobile-First Index)
Глава 1 · Мобильные сайты Урок 10 из 10 Обновлено 26.08.2026

Мобильный индекс Google (Mobile-First Index)

Перевод на мобильную индексацию завершён: Google обходит и оценивает сайты смартфон-роботом. Это больше не «тенденция», а данность — и она задаёт конкретный список требований к сайту.

Что изменилось с прошлой версии урока Урок был написан, когда мобильный индекс только разворачивался и обсуждался как «тенденция ближайших лет». Перевод завершён: сайты индексируются смартфон-роботом Googlebot. Планировать переход уже не нужно — нужно проверять, что ничего не потеряно.

Суть в одном абзаце

Раньше Google индексировал десктопную версию страницы, а мобильную рассматривал как дополнение. Теперь наоборот: в индекс попадает то, что робот увидел на смартфоне. Если чего-то нет в мобильной версии — для Google этого нет вообще, включая ранжирование по десктопным запросам.

Что из этого следует на практике

1. Паритет контента

Главное правило: мобильная версия должна содержать тот же основной текст, что и десктопная. Не «краткую версию для телефона». Частая ошибка — прятать блоки через display: none «чтобы не мешали». Текст в свёрнутых аккордеонах и вкладках Google обычно видит и учитывает, а вот полностью удалённый из мобильной разметки — нет.

2. Паритет метаданных и разметки

  • title и description — одинаковые на обеих версиях.
  • Структурированные данные (JSON-LD) присутствуют на мобильной версии, а URL внутри разметки указывают на мобильные адреса, если версии разделены.
  • rel="canonical", hreflang, robots — согласованы.
  • У изображений сохранены alt и заданы размеры.

3. Изображения и видео доступны роботу

Мобильная версия часто отдаёт картинки через ленивую загрузку на JavaScript. Если контент подгружается только по скроллу или по клику, робот может его не увидеть. Используйте нативный loading="lazy" вместо самописных решений и держите изображения первого экрана в обычном <img>.

4. Внутренние ссылки не спрятаны

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

5. Ресурсы не закрыты в robots.txt

Если CSS и JS закрыты от индексации, робот увидит «голый» HTML и решит, что страница неудобна на мобильном. Проверяется одним запуском инструмента проверки URL.

Отдельный мобильный поддомен — источник проблем Схема m.site.ru требует зеркальной поддержки контента, корректных rel="canonical" и rel="alternate", аккуратной переадресации по User-Agent и удваивает работу на каждом релизе. Если такая схема ещё жива — переезд на адаптив почти всегда окупается.

Чек-лист проверки

Что проверяемЧемПризнак проблемы
Что реально видит роботSearch Console → Проверка URL → Просмотреть просканированную страницуВ HTML нет основного текста или он короче десктопного
Совпадение текста версийСравнение видимого текста мобильной и десктопной версийРасхождение больше, чем на служебные блоки
РазметкаТест результатов с расширенными описаниямиJSON-LD есть на десктопе, нет на мобильной
Доступность ресурсовrobots.txt + отчёт о заблокированных ресурсахЗакрыты /css/, /js/, изображения
Удобство на телефонеРучной просмотр на реальном устройствеМелкий шрифт, элементы вплотную, горизонтальная прокрутка
Скорость мобильной версииCore Web Vitals в Search ConsoleМобильный отчёт красный при зелёном десктопном

А что у Яндекса

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

Проектное правило Проектируйте и верстайте сначала мобильную версию, потом расширяйте до десктопа. Тогда паритет контента получается сам собой, а не проверяется постфактум чек-листом.

Итог

Mobile-first — это не задача из списка «сделать когда-нибудь», а базовое условие работы сайта в поиске. Всё, что вы хотите ранжировать, должно присутствовать в мобильной версии в полном объёме. Дальше в курсе: разбор AMP и PWA.

Частые вопросы

Что такое mobile-first индексация простыми словами?

Google смотрит на ваш сайт глазами смартфона. Именно мобильная версия страницы попадает в индекс и по ней оценивается релевантность — даже для запросов с компьютера.

Нужна ли отдельная мобильная версия сайта?

Нет, и она чаще вредит. Адаптивная вёрстка на одном URL — рекомендованный вариант: один адрес, один набор контента, никаких проблем с паритетом и переадресацией.

Что чаще всего теряют при переходе на мобильную версию?

Часть текста, спрятанную «чтобы не мешала», структурированную разметку, alt у изображений, внутренние ссылки в свёрнутых меню и meta-теги. Всё это Google учитывает только в том виде, в каком видит на мобильной версии.

Как проверить, что видит мобильный робот?

Инструмент проверки URL в Search Console: вкладка «Просмотреть просканированную страницу» показывает итоговый HTML и скриншот именно от смартфон-робота.

Вся глава «Мобильные сайты» — 10 уроков
  1. Мобильные версии сайта и их типы
  2. Анализ текущего положения мобильной версии сайта
  3. Инструменты анализа мобильной версии
  4. Улучшение пользовательского интерфейса
  5. Главная страница и навигация
  6. Поиск по сайту
  7. Улучшение конверсии посетителей
  8. Удобство пользования мобильным сайтом
  9. Типичные ошибки мобильной версии
  10. Мобильный индекс Google (Mobile-First Index)