Когда нужна сравнительная таблица
Когда посетитель выбирает из нескольких похожих вариантов — тарифов, моделей, услуг — ему нужно увидеть различия рядом. Текст справляется с этим плохо: приходится держать в голове параметры. Таблица делает сравнение мгновенным и часто становится самым полезным элементом страницы. Кроме того, чёткая таблица хорошо воспринимается поисковыми системами и иногда показывается в выдаче в виде фрагмента. Гарантировать этого нельзя, но структурированное содержимое повышает шансы.
Как выбрать критерии
- Начните с вопроса посетителя: чем отличаются варианты и что влияет на выбор. Не включайте параметры, которые одинаковы у всех.
- Ограничьте число сравниваемых вариантов тремя-пятью: больше не помещается на экране.
- Оставьте пять-десять строк с самыми значимыми критериями и сгруппируйте их по смыслу.
- Используйте одни и те же единицы измерения и формулировки во всех столбцах.
- Выделите отличия и рекомендуемый вариант, но честно: не приписывайте лучшему то, чего у него нет.
Пример таблицы
| Критерий | Базовый тариф | Стандартный | Расширенный |
|---|---|---|---|
| Число страниц сайта | До 10 | До 50 | Без ограничений |
| Поддержка | Почта | Почта и чат | Отдельный менеджер |
| Срок запуска | Неделя | Две недели | По договорённости |
| Аналитика | Базовая | Расширенная | Расширенная и отчёты |
| Для кого подходит | Визитка | Небольшой магазин | Крупный проект |
Как разметить
Используйте настоящую таблицу, а не картинку и не набор блоков: текст из таблицы читают и роботы, и программы экранного доступа. У каждого столбца и строки должен быть заголовок, а у всей таблицы — подпись: таблицы и списки. Названия вариантов сделайте ссылками на их страницы: это связывает таблицу с каталогом и помогает посетителю перейти к нужному предложению.
Таблица на телефоне
- Оберните таблицу контейнером с горизонтальной прокруткой, чтобы она не растягивала страницу.
- Закрепите первый столбец с названиями критериев, чтобы он оставался на виду при прокрутке.
- Для двух вариантов на узком экране можно показывать таблицу списком карточек.
- Проверьте читаемость шрифта и расстояния между строками.
Таблица и функция сравнения в каталоге
| Признак | Таблица на странице | Функция сравнения товаров |
|---|---|---|
| Кто выбирает варианты | Вы, заранее | Посетитель, сам |
| Адрес | Постоянный, индексируется | Динамический, обычно закрыт от индексации: сравнение товаров |
| Задача | Помочь выбрать и привлечь поиск | Помочь посетителю выбрать внутри каталога |
| Поддержка | Обновляется вручную или по данным | Работает автоматически по данным товаров |
Как таблица работает на поиск
Сравнительные страницы — «что лучше: A или B» — отвечают на коммерческие запросы, где человек выбирает. Такие страницы стоит делать самостоятельными материалами с вводным текстом, таблицей и выводом: поисковый интент. Не ограничивайтесь таблицей без пояснений: добавьте текст о том, кому и что подходит, и ссылки на подробные страницы вариантов.
Поддержание актуальности
Устаревшая таблица хуже её отсутствия: неверные цены и параметры подрывают доверие. Назначьте ответственного и срок пересмотра, отмечайте дату обновления на странице и по возможности собирайте данные таблицы из одной базы с карточками, чтобы они не расходились: обновление без смены адреса.
Связанные материалы. Выбор структуры каталога — в статье структура URL магазина, оформление обзорных статей — в статье про лонгрид, а проверка удобства — в статье юзабилити.
Типичные ошибки
- Слишком много строк. Таблица на тридцать критериев превращается в справочник: оставьте те, что влияют на выбор.
- Пустые и одинаковые значения. Строка, где у всех вариантов одно и то же, не помогает сравнить.
- Разные единицы и формулировки. В одном столбце «неделя», в другом «7 дней», в третьем «быстро»: сравнение теряет смысл.
- Нет вывода. После таблицы стоит подсказать, кому какой вариант подходит.
- Скрытые недостатки. Если у рекомендуемого варианта есть ограничения, покажите их: честность повышает доверие.
Частые вопросы
Сколько вариантов сравнивать в таблице?
Обычно три-пять: больше не помещается на экране, особенно на телефоне, и затрудняет выбор.
Можно ли делать таблицу картинкой?
Не стоит: текст из картинки не читают роботы и программы экранного доступа; используйте настоящую таблицу с заголовками.
Чем сравнительная таблица отличается от функции сравнения товаров?
Таблица — постоянная индексируемая страница, подготовленная вами, а функция сравнения создаёт динамические адреса для посетителя и обычно закрывается от индексации.
Готовый адрес можно собрать прямо сейчас: откройте генератор ЧПУ — он транслитерирует фразу по таблице Яндекса, уберёт служебные слова и покажет длину адреса.