Mobile-first

Mobile-first — подход: базовая вёрстка под телефон, медиазапросы расширяют её. В 2026 это ещё и про жесты, скорость и не «сжатый десктоп».

Что значит mobile-first на практике

Базовые стили — под 360–400px, медиазапросы расширяют сетку. Горизонтальный скролл и смысл, спрятанный в ховер, — провал.

Что проверяют на телефоне

• Сначала проектируют узкий экран, потом наращивают десктоп — не сжимают большой макет до телефона.
• Базовые стили — под 360–400px, медиазапросы расширяют сетку. Горизонтальный скролл и смысл, спрятанный в ховер, — провал.
• Это уже не «есть мобильная версия». Жесты, скорость, читаемый первый экран. Адаптив картинкой из 2014 года не считается.
• Либо та же вёрстка, которая нормально живёт на телефоне, либо отдельный URL — сейчас почти всегда первый путь. «m.сайт» редко нужен.
• Google индексирует в первую очередь мобильный вид. Если на телефоне каша, а на десктопе порядок — поиск видит кашу.

Mobile-first и CWV

ПрактикаGoogle индексирует в первую очередь мобильный вид. Если на телефоне каша, а на десктопе порядок — поиск видит кашу.

Mobile-first: как применяют

Макет и контент должны читаться на 360–400px без горизонтального скролла и без прятки смысла в ховеры. Google смотрит мобильный вид первым — это и SEO, и Core Web Vitals.

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

Что такое mobile-first?

Сначала проектируют узкий экран, потом наращивают десктоп — не сжимают большой макет до телефона.

Mobile first вёрстка

Базовые стили — под 360–400px, медиазапросы расширяют сетку. Горизонтальный скролл и смысл, спрятанный в ховер, — провал.

Адаптив 2026

Это уже не «есть мобильная версия». Жесты, скорость, читаемый первый экран. Адаптив картинкой из 2014 года не считается.

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

Либо та же вёрстка, которая нормально живёт на телефоне, либо отдельный URL — сейчас почти всегда первый путь. «m.сайт» редко нужен.

Mobile-first SEO

Google индексирует в первую очередь мобильный вид. Если на телефоне каша, а на десктопе порядок — поиск видит кашу.