Сделайте решение о покупке видимым в первом экране
Начните со конкретного названия, выбранного варианта, текущей цены и валюты, доступности, краткого объяснения ценности и очевидного элемента управления покупкой. Не заставляйте покупателя догадываться, представляет ли фото товар по умолчанию или выбранный цвет/размер. Если цена, наличие или сроки доставки меняются в зависимости от варианта, обновляйте их немедленно и указывайте выбор текстом.
Используйте первый экран, чтобы ответить на главный барьер для принятия решения: посадка и материал для одежды; совместимость, размеры, мощность или комплектность для техники. Разместите спецификации, уход, гарантию и возвраты в предсказуемых, доступных с клавиатуры разделах.
Отображайте выбранный размер, цвет, конфигурацию или срок рядом с ценой и кнопкой покупки. Объясняйте недоступные комбинации вместо того, чтобы позволять контролу молча давать сбой.
Точно указывайте цену со скидкой, цену для участников, цену за единицу и регулярные платежи. Описывайте сопутствующие условия, такие как требование членства или минимальный объём.
Используйте медиа и тексты, чтобы устранить ключевые сомнения
Каждое изображение или видео должно иметь задачу: показать масштаб, материал, посадку, разъёмы, включённые детали, использование в контексте или крупный план, важный для решения. Дополняйте это текстом, который называет товар, для кого он подходит и ограничения материалов. Список характеристик не заменяет детали совместимости или ухода.
Пишите альтернативные тексты для информации или функции, которую представляет изображение. W3C различает декоративные изображения, которым может быть назначена пустая альтернатива, и функциональные кнопки-изображения, чья альтернатива должна описывать действие. В галереях передавайте детали, необходимые для различения изображений.
Когда опция меняет внешний вид или аппаратную часть, меняйте основное медиа и помечайте его. Не создавайте впечатления, что аксессуар включён, если это не так.
Опишите продукт и отличающуюся характеристику, когда это поддерживает выбор, например «зелёное шерстяное пальто, вид спереди».
Объедините варианты, запасы, доставку и возвраты в одну правдивую систему
Вариант — это покупаемая версия, например размер, цвет, материал или конфигурация. Его SKU, цена, доступность, изображение и ожидаемое исполнение могут отличаться. Делайте доступные выборы и изменения явными. Не утверждайте «в наличии» для всей товарной семьи, когда выбранная комбинация недоступна.
Указывайте обещание по доставке, которое ваша операция действительно может выполнить: окно обработки, служба транзита или предполагаемая дата прибытия, ограничения по направлениям и исключения, влияющие на цену. Ссылайтесь на полную политику возврата и отмечайте существенные условия. FTC требует, чтобы интернет-продавцы в США имели разумную основу для явных или подразумеваемых заявлений о сроках отправки; законы различаются по рынкам, поэтому поручайте локализованные утверждения квалифицированным рецензентам.
Сопоставьте владение атрибутами каталога, продаваемыми запасами, ценами и правом на доставку. Документируйте обновления для исправлений запасов, окончания промоакций, задержек и ограничений перевозчиков.
Если расчёт наличия или доставки недоступен, предотвращайте вводящее в заблуждение обещание. Используйте понятный запасной вариант, запрашивайте подтверждение или временно удаляйте затронутое предложение.
Показывайте отзывы как доказательство, а не как украшение
Показывайте рейтинг, количество отзывов и путь к полному набору отзывов там, где они помогают оценке. Разрешайте фильтрацию покупателям только если фильтр точен. Не представляйте отзыв, отобранный продавцом, отредактированный или оплаченный, как независимое подтверждение без требуемого раскрытия.
Правило FTC о потребительских отзывах и свидетельствах регулирует вводящую в заблуждение и недобросовестную практику с отзывами. Руководство сотрудников FTC указывает, что контекст важен и не является автоматической защитой. Сохраняйте правила источников и отображения, раскрывайте существенные отношения там, где требуется, и эскалируйте программы с поощрениями, модерацией, подавлением или свидетельствами на юридическое рассмотрение. Это образовательное руководство, а не юридическая консультация.
Храните отзывы о товаре вместе с товаром и отличайте отзывы о магазине. Если вариант меняет характеристики, посадку или производительность, делайте этот контекст доступным.
Не покупайте, не пишите и не связывайте поощрение с положительным мнением. Храните записи для расследования подозрительных отзывов и объяснения модерации.
Добавляйте структурированные данные только после того, как видимые факты надёжны
Структурированные данные — это машинно-читаемая информация страницы. Google документирует Product и Offer разметку для товарных листингов, включая цену, наличие, доставку и возвраты. Она может сделать страницу подходящей для расширенных покупательских представлений, но отображение остаётся на усмотрении Google; разметка не гарантирует конкретного представления или результата ранжирования.
Для вариантов Google документирует ProductGroup и связанные Product-разметки. Соответствуйте каждой размеченной оферте покупаемому выбору и URL, и согласуйте видимую страницу, разметку и фид продавца. Валидируйте с помощью Google Rich Results Test перед релизом и после изменений шаблона.
Опускайте свойство, когда информация неизвестна или не поддерживается. Неправильные данные о цене, наличии или политике подрывают доверие.
Включите тесты структурированных данных в деплой шаблона товара. Протестируйте простые, распродажные, отсутствующие на складе и ограниченные по направлению оферты.
Защитите путь покупки на странице до того, как трафик это выявит
На многих карточках товара самым большим видимым элементом является hero‑медиа. Largest Contentful Paint, или LCP, измеряет, когда крупнейшее изображение или блок текста во вьюпорте отрисовался. web.dev рекомендует целиться в LCP ≤ 2,5 секунды на 75‑м процентиле визитов и отмечает, что данные реальных пользователей — правильная метрика. Используйте эту цель для исследования, а не как заявление о завершённости страницы.
Измеряйте отклик товара, основное медиа, взаимодействие с вариантами, добавление в корзину, оценку доставки и их зависимости. Оптимизируйте самый большой источник задержки, а не только сжимайте изображения; LCP может ограничиваться временем ответа сервера, задержкой загрузки ресурса, длительностью ресурса или задержкой рендера. Резервируйте место для медиа и динамических блоков, чтобы элементы управления не смещались.
Установите лимиты для основного медиа, сторонних скриптов и ключевых взаимодействий. Тестируйте страницу, похожую на боевую, при холодном кэше и типичных мобильных условиях до кампании.
Проверьте важные страницы и зависимости до релиза, назначьте ответственного и возможность отката, затем устраните повторяющиеся причины, такие как слишком большие медиа, блокирующий скрипт или устаревшие данные о запасах.