Мобильный блог — это не отдельная версия сайта, а единственная, которая имеет значение: у большинства русскоязычных блогов две трети визитов, а у многих и больше, приходят с телефонов, и поисковики оценивают страницу именно по мобильному отображению. Сайт, который красиво выглядит на мониторе автора и неудобен на экране в шесть дюймов, теряет читателей до первого абзаца. Хорошая новость — переделывать тему обычно не нужно: достаточно проверить десяток вещей и поправить настройки. Разберём, как проверить блог на телефоне, что чинить в первую очередь и какие «улучшения» только вредят.
Как проверить блог на телефоне
Самая честная проверка — открыть три свои статьи на собственном телефоне в мобильном интернете, а не по Wi-Fi, и прочитать их до конца одной рукой. Всё, что раздражает вас, раздражает читателя вдвое. Затем — инструменты: отчёт о мобильной пригодности в Яндекс.Вебмастере, PageSpeed Insights с вкладкой «Мобильные», Метрика с отчётом по устройствам: сравните отказы и время на телефонах и на компьютерах. Если на телефонах отказы выше на треть и больше, проблема не в текстах.
Проверяйте не только статьи. Главная страница, страница рубрики, форма подписки, страница «О блоге» и страница с ценами на рекламу на телефоне ломаются чаще всего, потому что автор смотрит их реже. Пройдите путь читателя целиком: пришёл из поиска на статью, перешёл по ссылке «читайте также», открыл рубрику, подписался. Каждое место, где пришлось увеличивать экран пальцами или промахиваться по ссылке, — задача в список. Обычно после первого такого обхода в списке десять-пятнадцать пунктов, и половина чинится за час в настройках темы.
- Три статьи на своём телефоне в мобильной сети, до конца, одной рукой.
- Вебмастер: раздел о мобильной пригодности и ошибки по страницам.
- PageSpeed Insights: показатели для мобильных, а не общий балл.
- Метрика: отказы и время по устройствам, разница больше трети — сигнал.
Текст: шрифт, строка, воздух
Основной текст на телефоне — не меньше 17–18 пикселей, межстрочный интервал около 1,5–1,6. Многие темы по умолчанию ставят 15–16, и это первое, что стоит поправить в настройках темы или дополнительным CSS. Абзацы — по четыре-шесть строк на мобильном экране, то есть 400–600 знаков; десятистрочный абзац на телефоне выглядит стеной. Подзаголовки каждые два-три экрана, списки вместо перечислений через запятую. Ширина колонки на телефоне занята вся, поэтому важны поля: 16–20 пикселей по краям, иначе текст прилипает к рамке экрана.
Заголовки статей на мобильном тоже требуют внимания: заголовок в 70 знаков занимает четыре строки крупным кеглем и выталкивает первый абзац за пределы экрана. Уменьшите кегль h1 на телефоне до 26–28 пикселей отдельным правилом для узких экранов. Цитаты и врезки, которые на мониторе стоят сбоку, на телефоне должны вставать в поток текста, а не сжиматься в узкую колонку. И проверьте цвет: серый текст на белом, модный в темах, на солнце на улице не читается вовсе — контраст основного текста должен быть почти чёрным.
Кнопки, меню, таблицы и картинки
Всё, во что нужно попасть пальцем, — ссылки в меню, кнопки подписки, элементы формы — должно быть не меньше 44–48 пикселей в высоту и не стоять вплотную друг к другу. Меню на телефоне — «гамбургер» с крупными пунктами; пять-семь рубрик, не двадцать. Таблицы — главная боль мобильного экрана: широкая таблица либо сжимается до нечитаемости, либо ломает вёрстку. Решение — обернуть таблицу в блок с горизонтальной прокруткой (в блочном редакторе это делают многие темы автоматически, иначе одна строка CSS) или переверстать в список, если столбцов больше трёх. Картинки — с автоматической подгонкой по ширине и с размерами в разметке, чтобы текст не прыгал, пока они грузятся.
- Проверьте высоту кнопок и пунктов меню — от 44 пикселей.
- Оберните широкие таблицы в прокрутку или переверстайте в списки.
- Убедитесь, что картинки не шире экрана и имеют заданные размеры.
- Формы подписки: одно поле и кнопка, без капчи с картинками.
Всплывающие окна и другие враги читателя
Поисковики прямо понижают страницы, где на телефоне контент закрыт всплывающим окном сразу при входе. Форму подписки на мобильном показывайте после прокрутки хотя бы на половину статьи или встраивайте в текст, а не поверх него. Баннер о куки делайте узкой полосой внизу, а не экраном. Фиксированные шапки и подвалы «съедают» треть экрана в шесть дюймов — либо отключите их на мобильном, либо сделайте тонкими. Реклама РСЯ в мобильной версии — не чаще одного блока на два экрана и никогда не над первым абзацем.
Отдельно про AMP: ускоренные страницы Google в 2026 году блогу не нужны — преимущества в выдаче они давно не дают, а проблем с аналитикой, рекламой и дублями создают много. Если AMP-плагин стоит с прежних времён, отключайте его с редиректами с /amp/-адресов на обычные. Турбо-страницы Яндекса тоже закрыты. Правильная стратегия — один быстрый адаптивный сайт.
Автор смотрит на блог с монитора, читатель — с телефона в автобусе. Проектировать надо для второго.
Если тема блога старая и на телефоне разваливается, а переезд на новую пугает, аккуратную адаптацию и настройку сайта делают в агентстве «Креатифф» — вместе с проверкой скорости и аналитикой, чтобы мобильный блог стал не просто удобным, а ещё и продающим.
Вопрос — ответ
Как проверить, удобен ли блог на телефоне?
Откройте три свои статьи на телефоне в мобильной сети и прочитайте их до конца одной рукой. Затем проверьте отчёт о мобильной пригодности в Вебмастере, PageSpeed Insights и отказы по устройствам в Метрике.
Какой размер шрифта и межстрочный интервал нужны на телефоне?
Основной текст должен быть не меньше 17–18 пикселей, межстрочный интервал — около 1,5–1,6. Многие темы по умолчанию ставят 15–16 пикселей, и это первое, что стоит поправить.
Какого размера должны быть кнопки и пункты меню на мобильном?
Всё, во что нужно попасть пальцем, должно быть не меньше 44–48 пикселей в высоту и не стоять вплотную друг к другу. Пунктов в меню лучше пять-семь, а не двадцать.
Что делать с широкими таблицами на телефоне?
Оберните таблицу в блок с горизонтальной прокруткой или переверстайте её в список, если столбцов больше трёх. Иначе таблица либо сжимается до нечитаемости, либо ломает вёрстку.
