Як оформити картку товару: SEO + конверсія у 2026

Картка товару — це не сторінка з фото та ціною. Це продавець, який працює 24/7, без обідньої перерви та поганого настрою. Якщо він уміє розказати про товар, відповісти на заперечення й при цьому подобається Google — магазин росте. Якщо ні — навіть найкращий трафік перетворюється на відсотки відмов.

У цьому гайді — повний алгоритм оформлення картки товару, який поєднує два, здавалося б, конфліктні завдання: сподобатися пошуковій системі і переконати живу людину натиснути «Купити». Без води, з конкретними формулами, прикладами та чек-лістом у фіналі.

Що таке «хороша» картка з погляду користувача та Google

Google останніми роками все відвертіше говорить про те, що оцінює сторінки за тим, наскільки вони корисні людині. Алгоритми Helpful Content і концепція E-E-A-T прямо вимагають: показуй експертизу, досвід використання, авторитет і надійність. Для картки товару це означає, що пошук хоче бачити те саме, що й покупець:

• чесний і повний опис товару;
• унікальні характеристики, а не скопійований текст від виробника;
• якісні фото, що показують товар з усіх боків;
• реальні відгуки та оцінки;
• прозору інформацію про ціну, доставку та повернення.

Іншими словами: оптимізуючи картку під людину, ти автоматично оптимізуєш її під Google. Зворотне не працює — переспам ключами без користі давно карається.

Заголовок (H1) — формула, яка ранжується і клікається

Заголовок виконує три ролі одночасно: це H1 на сторінці, основа title у видачі та якір для людини, яка переглядає каталог. Працює така формула:

[Тип товару] + [Бренд/модель] + [ключова характеристика] + [уточнення для запиту]

Приклади для різних ніш:

• Погано: «Кросівки Nike» → надто широко, конкурує з мільйонами сторінок.
• Добре: «Кросівки Nike Air Zoom Pegasus 41 чоловічі для бігу, чорні» → є модель, стать, призначення, колір. Покриває довгі хвости запитів.
• Погано: «Сукня літня».
• Добре: «Лляна сукня-міді з поясом, бежева, розмір XS-XL».

Кілька правил:

1. До 60-70 символів — інакше title обрізається у видачі.
2. Найважливіше слово — на початку (це і про SEO, і про сканування поглядом).
3. Не дублюй сам із собою назву категорії, якщо вона вже у хлібних крихтах.
4. Уникай ВЕЛИКИХ ЛІТЕР, знаків оклику й слів «топ», «найкращий» — Google їх ігнорує, людина сприймає як спам.

Опис, який продає: формула AIDA + LSI-ключі

Опис — це місце, де картка перетворюється з прайс-листа на продавця. Працює класична маркетингова рамка AIDA, адаптована під e-commerce:

Attention — перший абзац

2-3 речення, які називають головну вигоду товару, а не його тип. Не «бездротові навушники з шумозаглушенням», а «зосереджуйся на роботі навіть у відкритому опенспейсі — навушники гасять до 35 дБ сторонніх звуків і працюють до 30 годин без зарядки».

Interest — деталі та сценарії

Розкажи, для кого товар, у яких ситуаціях він рятує і чим відрізняється від альтернатив. Тут природно вплітаються LSI-ключі — синоніми та супутні слова, які Google використовує для розуміння теми. Для тих самих навушників це «активне шумозаглушення», «aptX HD», «Bluetooth 5.3», «амбушури з пам'яттю форми».

Desire — соціальні докази та емоції

Цитата з огляду, кількість проданих одиниць, нагороди, користувацькі сценарії. Якщо є — фрагменти відгуків, факти про матеріали або процес виробництва.

Action — м'який заклик

Завершальний абзац відповідає на питання «чому варто купити саме зараз»: обмежена партія, повернення без питань 14 днів, безкоштовна доставка від певної суми.

Оптимальний обсяг опису — 250-600 слів. Менше — Google вважає сторінку «тонкою», більше — користувач не дочитає. Уникай переспаму: ключове слово та його варіації мають з'являтися природно, 4-7 разів на весь текст.

Характеристики як SEO-актив, а не нудна табличка

Більшість магазинів складають характеристики «для галочки». А це — золота жила, тому що:

• кожна пара «параметр — значення» розширює семантичне поле сторінки;
• значення стають фільтрами у фасетній навігації, з яких народжуються нові посадкові сторінки (наприклад, /noutbuky/16-gb-ram/);
• користувачі часто шукають саме конкретну характеристику: «iPhone 15 з 256 ГБ», «куртка водовідштовхувальна membrane 10000».

Дві практичні поради:

1. Уніфікуй назви параметрів по всій категорії. «Об'єм пам'яті», «Пам'ять», «Внутрішня пам'ять» — це одна характеристика, інакше фільтри ламаються.
2. Винось ключові 3-5 характеристик у верх картки, поруч із заголовком. Це і UX (скан замість читання), і додаткові ключі у видимій зоні екрана.

Фото та відео — найсильніший конверсійний інструмент

За даними більшості A/B-тестів, додавання другого і третього ракурсу збільшує конверсію сильніше, ніж будь-яка зміна тексту. Що має бути на картці:

• Головне фото на нейтральному (білому або світло-сірому) фоні, товар займає ~80% кадру;
• 4-8 додаткових ракурсів: збоку, ззаду, у деталі, у руці чи на людині для масштабу;
• Lifestyle-фото — товар у середовищі використання;
• Відео 15-30 секунд — навіть проста демонстрація розпакування підвищує час на сторінці і конверсію.

SEO-частина роботи з зображеннями:

• назва файлу — nike-pegasus-41-chorni-zboku.jpg, не IMG_2854.jpg;
• alt-текст описує те, що зображено, без переспаму: «Чорні бігові кросівки Nike Pegasus 41 вид збоку»;
• WebP або AVIF замість JPEG — економія 30-50% ваги;
• усі фото, крім першого, з loading="lazy";
• правильні розміри: не вантаж 4000 px зображення, якщо в макеті вони показуються на 800 px.

Schema.org Product — як зробити сніпет помітним у видачі

Структурована розмітка дає Google прямі підказки про сторінку та вмикає у видачі «зірочки», ціну, наявність і навіть FAQ. Мінімальний JSON-LD для картки виглядає так:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Кросівки Nike Pegasus 41 чоловічі",
  "image": ["https://shop.ua/pegasus-41-main.jpg"],
  "description": "Бігові кросівки з амортизацією ReactX...",
  "sku": "NK-PG41-BLK-42",
  "brand": { "@type": "Brand", "name": "Nike" },
  "offers": {
    "@type": "Offer",
    "price": "4290",
    "priceCurrency": "UAH",
    "availability": "https://schema.org/InStock",
    "url": "https://shop.ua/krossivki/pegasus-41"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "128"
  }
}

Що з цим робити:

1. Розмістити в <head> або в кінці <body>.
2. Перевірити Rich Results Test від Google.
3. Не вигадувати рейтинги — за фейковий aggregateRating Google знімає сніпети повністю.

Конверсійні UX-блоки, які мають бути на видноті

Картка перестає продавати, коли у людини виникає сумнів, на який немає відповіді. Перекрий типові заперечення прямо на сторінці:

• Відгуки з фото. 5-10 свіжих відгуків з можливістю фільтрації за зірками. Негативні теж залишай — це підвищує довіру.
• Блок «Доставка та оплата» з конкретними термінами та вартістю, а не лінком на окрему сторінку.
• FAQ з 4-6 типовими питаннями. Бонус: розмітка FAQPage у JSON-LD виводить їх прямо у видачу.
• Гарантія та повернення — короткою фразою біля кнопки «Купити», а не дрібним шрифтом у футері.
• Сповіщення «Залишилось 3 шт.» або «Куплено 47 разів за тиждень» — лише якщо це правда.

Технічне SEO картки, без якого все інше не працює

Можна написати ідеальний опис, який ніколи не побачать, бо сторінка не індексується або вантажиться 7 секунд. Базовий чек-технічного списку:

• URL — людський і короткий: /krossivki/nike-pegasus-41-chorni, не /p?id=83721&cat=4.
• Canonical на сторінку без параметрів сортування та фільтрів.
• Хлібні крихти з розміткою BreadcrumbList — і UX, і SEO.
• Core Web Vitals у зеленій зоні: LCP < 2.5 c, INP < 200 мс, CLS < 0.1. Найчастіша причина провалу — важкі фото без lazy loading і Cumulative Layout Shift через підвантаження галереї.
• Mobile-first. 60-75% трафіку e-commerce — з телефонів. Кнопка «Купити» завжди у видимій зоні, без горизонтального скролу.
• Внутрішня перелінковка: блок «Схожі товари», «З цим купують», «Аксесуари». Це розподіляє вагу й утримує користувача.

Чек-лист: 15 пунктів перед публікацією картки

1. H1 за формулою «тип + бренд + ключ + уточнення», до 70 символів.
2. Title і meta description написані окремо, з УТП і call-to-action.
3. Опис 250-600 слів за структурою AIDA.
4. Ключове слово і LSI-варіації вплетені природно.
5. Заповнені всі характеристики, уніфіковані з іншими товарами категорії.
6. Мінімум 5 фото на білому фоні + 1-2 lifestyle + відео.
7. Alt-тексти у всіх зображень, файли названі осмислено.
8. Фото у WebP/AVIF, lazy loading на всіх, крім першого.
9. Schema.org Product з offers і (за наявності) aggregateRating.
10. Блок відгуків з оцінками і фото.
11. FAQ з 4-6 питаннями та FAQPage-розміткою.
12. Прозора інформація про доставку, оплату і повернення.
13. Хлібні крихти з розміткою.
14. URL читабельний, canonical коректний.
15. LCP < 2.5 с на 3G-emулятії в Chrome DevTools.

Як автоматизувати всю цю роботу

Поодинці виконати кожен пункт — реально. Помножте на 2000 SKU і кілька мов інтерфейсу — стає очевидно, чому магазини або забивають на SEO, або наймають окрему контент-команду.

PinCard створювали саме під цей біль: за посиланням на товар платформа парсить дані, прогонить їх через AI-моделі найвищого класу і генерує заголовок, продаючий опис, повний набір характеристик, alt-тексти і навіть JSON-LD-розмітку — за секунди. Усе одразу відповідає правилам, які ми розібрали вище, і вивантажується в Хорошоп без копіювання вручну.

Якщо у тебе вже є магазин і ти впізнав себе хоч у половині пунктів цього гайду — спробуй створити першу картку через PinCard. Дізнаєшся, скільки годин повертає автоматизація туди, де вона дійсно потрібна.