Как правильно заполнить карточку товара — быстрое оформление карточек через meta — теги
Meta-теги — элементы HTML, используемые для предоставления информации о веб‑странице. Они не отображаются на странице, но содержат метаданные, такие как описание страницы карточки, характеристики товара, ключевые слова и другие. Эти данные используются поисковыми системами, браузерами и социальными сетями для правильной интерпретации и отображения содержимого страницы.
В кейсе автоматизации дизайна и вёрстки рассылки для интернет‑магазинов рассматривался пример как товарные карточки в рассылке заполняются автоматически по ссылке с сайта.
Это сделано через meta-теги. На каждой странице карточки товара в тег <head> нужно добавить следующий код:
<meta name="letteros-product-name" content="{{название_товара}}">
<meta name="letteros-product-img" content="{{url_картинки_товара}}">
<meta name="letteros-product-price-before-sale" content="{{цена_до_скидки}}">
<meta name="letteros-product-price" content="{{цена_после_скидки}}">В letteros-product-name нужно поместить название. В letteros-product-img – url картинки. В letteros-product-price-before-sale – цену до скидки, если товар без скидки, то ничего не подставлять. А в letteros-product-price цену после, которая равна обычной цене, если скидка не установлена.
Пример заполненных тегов
<meta name="letteros-product-name" content="Ботинки ARTISAN ART-027 тёмно‑коричневый">
<meta name="letteros-product-img" content="https://Checkroom.ru/upload/resize_cache/iblock/383/541_541_1/383db2086065030b9b6b9c80eb998272.jpg">
<meta name="letteros-product-url" content="https://Checkroom.ru/catalog/item/botinki-artisan-art-027-s01611/">
<meta name="letteros-product-price-before-sale" content="">
<meta name="letteros-product-price" content="18 000 руб.">Значение тега letteros-product-name можно использовать в вёрстке рассылки через переменную {{letteros-product-name}}. Поддерживается любое количество meta-тегов, главное, чтобы атрибут name начинался с letteros-product.
Ещё несколько примеров meta-тегов
letteros-product-sale-percent для размера скидки, к примеру 30%
letteros-product-number-of-reviews для количества отзывов — 3
letteros-product-rating для рейтинга
Количество требуемых meta-тегов зависит от того, какая информация выводится в карточке товара в рассылке.