Текст, в котором характеристики, цены и сроки идут сплошным абзацем, читают плохо. Человек ищет конкретное число, а находит поток слов. Таблица или список решают это за секунды, но их оформление тоже подчиняется правилам: неверно свёрстанная таблица на телефоне раздражает сильнее, чем отсутствие таблицы.
Разберу, когда что использовать и как не испортить страницу.
Что подавать таблицей
Таблица нужна там, где данные сравниваются по одним и тем же признакам. Признаки становятся столбцами, объекты — строками. Типичные сценарии:
- Сравнение тарифов или комплектаций: у них одинаковый набор параметров.
- Характеристики товаров и услуг: цена, срок, гарантия, ограничения.
- Условия доставки и оплаты по регионам и способам.
- Расписания и графики работы с одинаковой структурой по дням.
- Сводные показатели: сравнение периодов, планов и фактов.
Признак, что таблица не нужна: если столбцы заполнены урывками и больше половины ячеек пустые, читателю будет проще воспринять это текстом. Плоскость из прочерков не помогает, а мешает.
Что подавать списком
Списки работают для перечислений и последовательностей. Нумерованный список — когда важен порядок: шаги инструкции, этапы работы. Маркированный — когда порядок не важен: преимущества, ограничения, источники данных.
Практическое правило: если пункты независимы друг от друга, ставьте маркеры; если один вытекает из другого, нумеруйте. Смешивать уровни не стоит: длинные списки внутри списков читаются плохо, три уровня вложенности — почти никогда.
В информационных статьях списки помогают и поиску показывать материал в расширенных результатах. Хороший пример — блоки коротких ответов, о которых мы писали в материале про быстрые ответы: структура списка там работает на то, чтобы фрагмент страницы можно было показать прямо в выдаче.
Как оформить таблицу, чтобы её читали
Несколько приёмов, которые заметно меняют дело.
- Короткие заголовки столбцов. «Цена, ₽» лучше, чем «Стоимость услуги в рублях за единицу измерения».
- Единицы внутри ячеек. Не выносите единицы измерения в заголовок, если они разные в одном столбце.
- Порядок по смыслу. Строки логично располагать по возрастанию цены или по популярности, а не в случайном порядке.
- Подсветка. Чередование фона строк и акцент на важном столбце помогают не сбиваться при чтении.
- Пояснение под таблицей. Одна-две строки о том, от чего зависят данные и на какую дату они актуальны.
Мобильная версия — главная проверка
Широкие таблицы на телефоне превращаются в источник раздражения: горизонтальная прокрутка, обрезанные столбцы, мелкий шрифт. Варианты решения: упростить таблицу до трёх-четырёх столбцов, разбить данные на несколько таблиц, превратить строки в карточки или сделать важные столбцы закреплёнными при прокрутке. Последний вариант — задача для разработчика, первые три решаются контентом.
Проверяйте на реальном телефоне, а не в эмуляторе: шрифты и отступы часто ведут себя иначе. И ставьте рядом с таблицей короткий текстовый вывод: если человек не может прочитать таблицу, он должен получить ответ из абзаца.
Техническая сторона
Семантически правильная разметка таблицы важна и для корректного отображения, и для поиска. Простой набор правил: шапка обозначается тегом заголовка строки или столбца, данные лежат в ячейках, объединение ячеек используется только по необходимости, вложенных таблиц нет. Если таблица огромная, её стоит разделить на несколько или вынести в отдельный документ со ссылкой.
Со списками то же самое: настоящий список должен быть списком, а не набором абзацев с тире в начале строки. Такая мелочь влияет на то, как страница воспринимается и читателем, и поиском.
Что это даёт
Прямого влияния на позиции у таблиц нет. Работают косвенные эффекты. Первый: страница с хорошо структурированными данными дольше удерживает читателя — а поведенческие факторы учитываются. Второй: её чаще цитируют и ссылаются на конкретный раздел, если данные легко найти. Третий: часть запросов формулируется именно как поиск таблицы — «сравнение», «таблица цен», «характеристики». На такие запросы структурированные страницы отвечают точнее.
Есть и четвёртый эффект, который заметен не сразу: структурированный материал проще обновлять. Когда цена или срок меняются, правка в таблице занимает минуту, а поиск устаревших данных по тексту — полчаса. Это напрямую связано с тем, о чём мы писали в разборе про обновление старых статей.
Доступность и мелочи вёрстки
Таблицы и списки чаще всего ломают именно на деталях. Несколько правил, которые стоит передать разработчику или верстальщику.
- Текст в таблице должен переноситься, а не уходить за границу блока; при переполнении — сокращать формулировки, а не уменьшать шрифт.
- Минимальный кегль для таблиц на телефоне — как у основного текста: мелкий шрифт в ячейках читают единицы.
- Заголовки столбцов логично повторять при длинных таблицах, если вёрстка это позволяет.
- Списки должны иметь одинаковую структуру: если три пункта начинаются с глагола, четвёртый не должен начинаться с существительного.
- Важные числа выделяйте, но умеренно: если жирным набрана половина таблицы, акцент теряется.
Отдельно проверьте копирование: люди часто переносят данные из таблиц в письма и заметки. Если при копировании всё перемешивается, это раздражает и снижает доверие к материалу.
Как таблицы влияют на конверсию
Структурированные данные не только помогают читать, но и продают. Сравнительная таблица тарифов на странице услуги сокращает путь к решению: человек видит разницу в цене и составе, а не собирает её из трёх абзацев. Именно поэтому на коммерческих страницах таблицы почти всегда окупаются — если составлены честно и без мелких оговорок в сносках.
Ещё один формат — блок «что входит» в виде списка с короткими пояснениями. Он снимает типичный вопрос «а это точно входит в цену» и уменьшает количество уточняющих обращений, что напрямую экономит время менеджеров.
Частые ошибки
Картинка вместо таблицы. Скриншот с данными не читается с телефона, не выделяется мышью и не понимается поиском. Если данные нельзя сверстать, их стоит хотя бы продублировать текстом.
Таблица ради таблицы. Две строки и три столбца лучше подать списком. Таблица оправдана, когда данных больше, чем помещается в один абзац.
Устаревшие данные без даты. Цены и тарифы имеют свойство меняться. Указывайте дату актуальности — это снимает вопросы и не даёт странице выглядеть заброшенной.
Отсутствие единого формата. Если в одном столбце смешаны «3 дня», «72 часа» и «трое суток», читатель теряет ориентир. Приводите данные к одному виду.
Структура — это форма заботы о читателе. Таблицы и списки не украшают страницу, а экономят время: человек находит нужное число и уходит с ответом. Именно такие страницы поиск и считает полезными.