К содержимому
WordPress и техника

Как подготовить блог к мобильному трафику

Как подготовить блог к мобильному трафику

Мобильный трафик у контентного блога в 2026 году — это 60–80 % визитов: из Яндекса, из Телеграма, из Дзена читатель приходит с телефона, и десктоп остаётся уделом рабочего дня. Google с 2023 года индексирует только мобильную версию страниц, Яндекс оценивает удобство на телефоне как один из факторов ранжирования, а РСЯ платит за мобильные показы не меньше, чем за десктопные. При этом большинство авторов пишут и проверяют статьи на большом экране и видят свой блог таким, каким его не видит никто. Ниже — как узнать свою долю мобильного трафика и откуда он идёт, что ломается в вёрстке на экране в 360 точек, какие три числа из PageSpeed решают всё, что делать с рекламой и всплывающими окнами и что проверить за один вечер.

Сколько у вас мобильного трафика и откуда он

Начать с цифр, а не с ощущений. В Метрике это «Отчёты → Технологии → Устройства»: доля смартфонов, планшетов и десктопов, а рядом — глубина просмотра и время на сайте по каждому типу. Обычно у мобильных читателей отказов больше, а глубина меньше, и разница в полтора-два раза — это уже диагноз, а не норма. Дальше сегмент: тот же отчёт по источникам, только с фильтром «смартфоны» — станет видно, что из Телеграма и Дзена приходят почти одни телефоны, а из Google — половина на половину. Вебвизор с фильтром по устройству покажет, как именно люди читают с телефона: где тыкают в неработающее, где бросают на первом экране.

Вторая пара инструментов — у поисковиков. В Яндекс Вебмастере есть «Инструменты → Проверка мобильных страниц»: адрес статьи, минута ожидания, вердикт и список замечаний. У Google отдельная проверка мобильности закрыта ещё в 2023 году, вместо неё — PageSpeed Insights с вкладкой «Мобильные» и отчёт «Основные интернет-показатели» в Search Console, где страницы делятся на хорошие, требующие улучшения и плохие по данным реальных читателей на Chrome.

  • Метрика, «Технологии → Устройства» — доля и поведение мобильных читателей.
  • Метрика, сегмент «смартфоны» по источникам — откуда именно идёт мобильный трафик.
  • Вебвизор с фильтром по устройству — как читают с телефона.
  • Яндекс Вебмастер, «Проверка мобильных страниц» — вердикт по конкретной статье.
  • Search Console, «Основные интернет-показатели» — скорость по данным реальных людей.

Вёрстка: что ломается на экране в 360 точек

Любая современная тема WordPress адаптивна, и мета-тег viewport в ней есть. Ломается не тема — ломается содержимое, которое автор вставил в статью. Таблица из шести столбцов на телефоне либо сжимается до нечитаемых цифр, либо вылезает за экран и тянет за собой всю страницу вбок; блок таблицы в редакторе с этим не справится, нужен либо режим прокрутки внутри таблицы, либо переверстать её в список. Картинка с заданной шириной 1200 в HTML-блоке делает то же самое. Встроенное видео без обёртки не масштабируется. Кнопка «поделиться» размером 24 точки не попадает под палец: минимальная цель касания — 44–48 точек. Шрифт основного текста мельче 16 точек Яндекс отдельно отмечает как замечание; удобнее 17–18 при межстрочном 1,5–1,6.

Ещё две вещи, которые видно только на телефоне. Прилипающая шапка с логотипом и меню на телефоне занимает треть экрана, и читатель видит четыре строки текста за раз — в настройщике темы у прилипания почти всегда есть переключатель «только на десктопе». Боковая колонка уезжает в самый низ, под комментарии, и всё, что там лежит — подписка, популярные записи, реклама, — с телефона не существует; важное переносится в текст статьи или под неё. Проверять всё это проще всего в самом браузере: F12, режим устройства, ширина 360 на 800, — и обязательно на своём телефоне.

  1. Открыть три самые посещаемые статьи на телефоне и пролистать до конца.
  2. Найти всё, что вылезает за край: таблицы, картинки с жёсткой шириной, видео, код.
  3. Проверить размер шрифта и межстрочное расстояние в настройщике темы.
  4. Нажать пальцем на каждую кнопку и ссылку в шапке и под статьёй.
  5. Отключить прилипающую шапку на мобильных, если она выше 60 точек.
  6. Перенести из боковой колонки в текст или под статью то, без чего нельзя.
Инфографика: три порога скорости для мобильного трафика — LCP 2,5 секунды, INP 200 миллисекунд и CLS 0,1, по которым Google и PageSpeed оценивают страницу блога на телефоне
Инфографика: три порога скорости для мобильного трафика — LCP 2,5 секунды, INP 200 миллисекунд и CLS 0,1, по которым Google и PageSpeed оценивают страницу блога на телефоне

Скорость на телефоне: три числа, которые решают всё

PageSpeed для вкладки «Мобильные» эмулирует средний телефон на медленном 4G, и потому оценки там на 20–40 баллов ниже десктопных — это нормально. Смотреть надо не на балл, а на три показателя. LCP — когда появился самый крупный элемент первого экрана; у блога это обложка статьи или заголовок, и портят его тяжёлая обложка без WebP, ленивая загрузка на первой картинке и веб-шрифты, которые тянутся с Google Fonts: из России они грузятся медленно и нестабильно, поэтому шрифты лучше положить на свой хостинг — большинство тем умеют это переключателем. INP — задержка отклика на касание; на блоге её съедают скрипты рекламы, комментариев и соцкнопок, и лечится это тем, что всё лишнее грузится после основного содержимого. CLS — сдвиг вёрстки: картинка без размеров, рекламный блок, который вставился в текст после загрузки, баннер согласия на куки сверху страницы. WordPress сам проставляет ширину и высоту картинкам из медиатеки, а под рекламу нужно заранее резервировать место блоком с фиксированной высотой.

Реклама и всплывающие окна на маленьком экране

То, что на десктопе выглядит терпимо, на телефоне закрывает весь экран. Google с 2017 года понижает страницы с навязчивыми межстраничными окнами при переходе из поиска, Яндекс отмечает такие страницы в Вебмастере как неудобные и снимает часть трафика. Правило простое: при входе из поиска читатель должен сразу видеть текст. Окно подписки — после прокрутки на две трети статьи или по времени не раньше 30 секунд, размером не больше трети экрана, с крестиком, в который попадает палец. Баннер о куки — полоска внизу, а не окно на весь экран. Реклама РСЯ на мобильных — форматы, которые подстраиваются под ширину, не больше трёх блоков на статью, и ни одного до первого абзаца: первый экран с рекламой вместо текста — это и отказ, и штраф.

  • Ничего поверх текста при входе из поиска — ни подписки, ни рекламы, ни «скачайте приложение».
  • Окно подписки — после двух третей статьи, треть экрана, крупный крестик.
  • Реклама: адаптивные блоки, до трёх на статью, первый после второго-третьего абзаца.
  • Под каждый рекламный блок — место фиксированной высоты, чтобы текст не прыгал.
  • Кнопки соцсетей — одна строка под статьёй, не прилипающая панель сбоку.

Мобильный читатель не терпит — он уходит. Каждая секунда ожидания и каждое окно поверх текста заметны в Метрике на следующий день.

Что проверить за один вечер

Полный порядок — от общего к частному. Сначала цифры в Метрике и отчёт по интернет-показателям в Search Console: там видно, есть ли проблема вообще и на каких страницах. Потом три самые посещаемые статьи на своём телефоне — вёрстка, шрифт, таблицы, кнопки. Потом PageSpeed по этим же трём статьям и правки по LCP: WebP для обложек, шрифты на своём хостинге, отключение дублирующей ленивой загрузки. Потом реклама и окна. Через неделю — снова Метрика: доля отказов с телефонов должна сблизиться с десктопной, а время на сайте вырасти. Если этого не произошло, дело не в технике, а в тексте: длинные абзацы без подзаголовков на телефоне не читают вовсе.

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

Вопрос — ответ

Какая доля мобильного трафика у контентного блога?

В 2026 году у контентного блога 60–80 % визитов приходят с телефона: из Яндекса, Телеграма и Дзена. Свою долю стоит проверить в Метрике в отчёте по устройствам.

Какими инструментами проверить мобильность страниц?

В Яндекс Вебмастере есть проверка мобильных страниц с вердиктом по адресу статьи. У Google вместо отдельной проверки используют PageSpeed Insights с вкладкой «Мобильные» и отчёт в Search Console.

Что обычно ломается в вёрстке на телефоне?

Ломается содержимое: таблица из шести столбцов сжимается до нечитаемых цифр или тянет страницу вбок, а картинка с шириной 1200 делает то же самое. Кнопка размером 24 точки не попадает под палец, минимальная цель касания — 44–48 точек.

На какие показатели скорости смотреть на телефоне?

Смотреть надо не на общий балл PageSpeed, а на три показателя: LCP — появление крупного элемента первого экрана, INP — задержка отклика на касание и CLS — сдвиг вёрстки.

Как вести себя с всплывающими окнами на телефоне?

При входе из поиска читатель должен сразу видеть текст. Окно подписки показывайте после двух третей статьи, размером не больше трети экрана, с крупным крестиком.

Читайте также