Сравнительные таблицы и характеристики на сайте

Человек выбирает между тремя вашими тарифами. Или между двумя моделями. Или между материалами разной цены. Он открывает страницу, видит три блока с описаниями и понимает, что сравнивать их невозможно: в одном описании упомянута гарантия, в другом нет, в третьем сказано про сроки, а в первых двух — нет. Ему приходится держать всё в голове и додумывать.

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

Сравнительные таблицы — простой инструмент, который решает эту задачу. И одновременно один из самых частых источников проблем на мобильных устройствах. Разберём, как сделать их полезными.

Что вообще стоит сравнивать

Таблица уместна не всегда. Она нужна там, где человек выбирает между несколькими вариантами внутри вашего предложения.

Тарифы и пакеты услуг. Классический случай. Что входит, что нет, сколько стоит.

Модели или комплектации товара. Особенно когда отличий много и они разнородные.

Материалы разного класса. Эконом, стандарт, премиум — с объяснением, чем на самом деле отличаются.

Способы решения одной задачи. Например, ремонт против замены, аренда против покупки, разные технологии.

Вы против типовой альтернативы. Сравнение своего подхода с частным мастером, с самостоятельным решением, с типовым конкурентным вариантом. Тут нужна аккуратность — об этом ниже.

Характеристики товара. В карточке — таблица параметров вместо абзаца текста.

Не нужна таблица там, где вариант один, где отличия сводятся к одному параметру или где сравниваемые вещи несопоставимы по сути.

Что должно быть в таблице

Одинаковые строки для всех вариантов. Главное правило. Если в одном столбце указана гарантия, она должна быть указана во всех — пусть даже «нет».

Понятные названия строк. Не «Опция №3», а «Выезд специалиста».

Значения, а не галочки, где возможно. «Гарантия 24 месяца» информативнее галочки в строке «гарантия». Галочки хороши только для того, что либо есть, либо нет.

Цена в явном виде. Или вилка, или «по расчёту» — но строка про цену обязательна.

Отличия наверху. То, что различает варианты, должно быть в первых строках. Одинаковые для всех пункты — внизу.

Не больше десяти-двенадцати строк. Длинные таблицы не читают. Если параметров много, разделите на группы или спрячьте детали под раскрывающийся блок.

Не больше трёх-четырёх столбцов. Пять вариантов на одном экране не сравниваются.

Рекомендация. Пометка «чаще всего выбирают этот» помогает человеку, который не хочет разбираться. Это честная подсказка, а не манипуляция, если она соответствует действительности.

Кнопка в каждом столбце. Выбрал вариант — сразу оставил заявку именно на него. Заявка, в которой видно, какой вариант интересует, экономит менеджеру половину разговора.

Мобильная версия: главная проблема

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

Варианты решения, от худшего к лучшему.

Горизонтальная прокрутка. Работает, но неудобно: человек теряет из виду названия строк. Если используете — закрепляйте первый столбец.

Уменьшение шрифта. Худший вариант. Читать невозможно.

Перестроение в карточки. Таблица разворачивается в отдельные блоки: сначала первый вариант со всеми параметрами, потом второй, потом третий. Читается хорошо, но сравнивать труднее.

Переключение вариантов. Кнопки-вкладки сверху: выбрал вариант — видишь его параметры. Хорошо для просмотра, плохо для сравнения.

Сравнение по строкам. Показываем не столбцы, а строки: «Гарантия: вариант А — 12 мес., вариант Б — 24 мес., вариант В — 36 мес.». Компактно и сравнимо. Часто лучший вариант для телефона.

Проверять обязательно на реальном телефоне, а не в уменьшенном окне браузера. Это разные вещи.

Единицы измерения и сопоставимость

Частая и неочевидная ошибка: в таблице сравниваются величины, которые нельзя сравнивать напрямую.

Один вариант — «от 1200 рублей за квадратный метр», другой — «от 45 000 рублей за комплект». Формально обе цифры честные. Сравнить их человек не может.

Что делать:

Привести к одной единице. Если это возможно — приводите. Цена за одинаковую единицу измерения, срок в одинаковых единицах, объём в одинаковых.

Показать пример расчёта. «Для комнаты 18 квадратных метров: вариант А — столько-то, вариант Б — столько-то». Это самое понятное, что можно сделать.

Явно указать, что входит в цену. Часто разница между вариантами не в цене, а в том, что в неё включено. Отдельная строка «Что входит в стоимость» решает вопрос.

Сравнение с конкурентами и альтернативами

Отдельный жанр — таблица, где вы сравниваете себя с альтернативным решением. Например, «работа с компанией» против «частный мастер» или «наш подход» против «типовое решение».

Это может работать очень хорошо, но при двух условиях.

Честность. Если в колонке альтернативы стоят одни минусы, а у вас одни плюсы, таблица читается как реклама и не убеждает. Признайте сильные стороны альтернативы: у частного мастера действительно дешевле, у типового решения действительно быстрее старт. И покажите, где и почему ваш вариант выигрывает.

Отсутствие прямых сравнений с конкретными компаниями по названиям. Сравнивать стоит с типом решения, а не с конкретной организацией.

Честная таблица, где у вас есть один минус, убеждает в разы сильнее, чем таблица, где вы идеальны по всем пунктам.

Как это связано с продвижением 3 в 1

Таблицы кажутся элементом оформления, но они напрямую влияют на все три источника обращений.

Поиск. Люди активно ищут сравнения: «чем отличается такое-то от такого-то», «что лучше — то или это», «сравнение таких-то материалов». Это огромный пласт запросов на стадии выбора, и по ним приходят люди, которые вот-вот примут решение. Страница с честным сравнением приводит очень качественные обращения. Отдельно про нейропоиск: сравнительные вопросы — один из самых частых сценариев обращения к генеративным помощникам. И ответ на них собирается именно из структурированных источников: таблица с одинаковыми параметрами по всем вариантам — идеальный материал для цитирования. Текст «каждый вариант хорош по-своему, всё зависит от ваших задач» не даёт помощнику ничего.

Яндекс Справочник. В карточке компании есть раздел с услугами и ценами. По сути, это та же таблица: услуга — цена. Заполненный прайс в карточке позволяет человеку сравнить вас с соседней организацией, не заходя на сайт. Пустой раздел означает, что сравнивать будут без вас.

2ГИС. То же самое: список услуг с ценами в карточке. Аудитория приложения сравнивает быстро и по коротким данным.

Практический вывод: работа над сравнениями даёт материал сразу для трёх каналов. И наоборот — компания, которая нигде не показывает сопоставимых данных, проигрывает выбор ещё до контакта, потому что человеку не с чем работать.

Таблицы характеристик в карточках товара

Отдельный случай — технические параметры товара. Здесь правила чуть другие.

Полнота важнее краткости. Человек, который ищет по характеристикам, хочет найти нужный параметр.

Единообразие по всему каталогу. Один и тот же параметр должен называться одинаково во всех карточках. Иначе не работают ни фильтры, ни сравнение.

Группировка. Габариты, электрические параметры, комплектация — по разделам, а не сплошным списком.

Ключевые параметры наверху. Те три-четыре, по которым выбирают, — в самом начале, остальное ниже.

Возможность сравнить товары между собой. Функция сравнения в каталоге — по сути та же таблица, только собираемая пользователем. Для технических товаров она заметно повышает долю дошедших до заказа.

Единицы измерения указаны везде. «Мощность: 1500» без единиц — это потерянная информация.

Психология выбора: как таблица влияет на решение

Есть несколько закономерностей, которые полезно знать, составляя таблицу вариантов.

Три варианта работают лучше двух и лучше пяти. При двух вариантах человек сравнивает «дешевле или дороже» и обычно берёт дешевле. При трёх появляется середина, которую выбирают чаще всего. При пяти начинается паралич выбора: человек откладывает решение и уходит.

Средний вариант выбирают чаще. Это устойчивое наблюдение. Люди избегают крайностей: самый дешёвый кажется недостаточным, самый дорогой — избыточным. Поэтому имеет смысл делать средним тот вариант, который вы действительно считаете оптимальным для большинства, а не тот, который выгоднее вам.

Крайние варианты нужны даже тогда, когда их не берут. Дешёвый вариант показывает нижнюю границу и удерживает тех, для кого цена критична, — иначе они уйдут, решив, что у вас дорого. Дорогой вариант задаёт масштаб и делает средний выглядящим разумным.

Порядок столбцов имеет значение. Обычно варианты располагают слева направо от простого к полному. Это привычно и читается легко.

Слишком выгодный вариант вызывает подозрение. Если один столбец явно лучше всех по всем параметрам при незначительной разнице в цене, человек начинает искать подвох. Честные компромиссы — «дешевле, но дольше срок» — вызывают больше доверия.

Отсутствующие возможности лучше показывать явно. Пустая ячейка читается как «забыли заполнить». Прочерк или слово «нет» — как честная информация.

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

Частые ошибки

Разные наборы строк в разных столбцах. Сравнение становится невозможным.

Только галочки без значений. Галочка в строке «гарантия» не говорит, на сколько.

Отсутствие цены. Таблица без цены не решает главный вопрос.

Слишком много вариантов. Пять и больше столбцов не сравниваются.

Слишком много строк. Тридцать параметров не читает никто.

Худший вариант выглядит абсурдно плохо. Если базовый тариф явно нарисован для того, чтобы его не выбирали, это заметно и раздражает.

Таблица не работает на телефоне. Самая частая техническая ошибка.

Нет кнопки действия. Человек сравнил, выбрал — и не понял, что делать дальше.

Таблица картинкой. Не читается на телефоне, не индексируется, не масштабируется. Только текстом.

Как проверить, что таблица работает

Карта кликов и Вебвизор. Видно, докручивают ли до таблицы, задерживаются ли, кликают ли по кнопкам в столбцах.

Распределение заявок по вариантам. Если все заявки идут на один вариант, а остальные не выбирает никто — возможно, они лишние или описаны непонятно.

Доля дошедших до формы. Сравнить период до и после появления таблицы.

Вопросы менеджерам. Стало ли меньше вопросов «а чем этот вариант отличается от того».

Тест на человеке. Покажите таблицу знакомому, не связанному с отраслью, и попросите выбрать вариант и объяснить почему. Если он затрудняется — таблица не работает.

Короткий план

1. Определить, где на сайте человек реально выбирает между вариантами.
2. Свести варианты в таблицу с одинаковым набором строк.
3. Заменить галочки конкретными значениями там, где это возможно.
4. Обязательно добавить строку с ценой или принципом расчёта.
5. Привести все величины к сопоставимым единицам и добавить пример расчёта.
6. Вынести различия наверх, одинаковое — вниз.
7. Добавить кнопку заявки в каждый столбец, с передачей выбранного варианта в заявку.
8. Проверить и настроить отображение на реальном телефоне.
9. Продублировать услуги с ценами в карточках Яндекс Бизнеса и 2ГИС.
10. Через месяц посмотреть, как распределяются заявки по вариантам, и поправить непонятное.

Итог

Сравнительная таблица — это способ снять с посетителя работу, которую он делать не будет. Если человеку дать сопоставимые данные, он выберет и обратится. Если не дать — он либо выберет по единственному сравнимому параметру, то есть по цене, либо уйдёт туда, где сравнение сделали за него.

Ключевое: одинаковые строки для всех вариантов, конкретные значения вместо галочек, честная цена и работающее отображение на телефоне. И обязательно — возможность выбрать вариант и сразу оставить заявку именно на него.

Специалисты компании «Сайты Профессионально» помогут собрать понятные сравнения ваших тарифов, материалов и решений, оформить таблицы так, чтобы они нормально работали на телефонах, связать выбор варианта с формой заявки и продублировать цены в карточках на картах. Обращайтесь за бесплатной консультацией — посмотрим, где на вашем сайте посетителю не хватает данных для решения.