Подробные пины — это пины, которые автоматически синхронизируют информацию с вашего веб-сайта. Они отличаются от обычных тем, что при нажатии на пин над изображением и под ним показывается дополнительная информация. Подробные пины отражают все изменения, сделанные на исходном веб-сайте.
Подробные пины для статей и рецептов обновляются автоматически в соответствии с изменениями, которые вы вносите на свой веб-сайт. Если вы отредактируете подробный пин для рецепта или статьи на Pinterest вручную, эти изменения будет перезаписывать синхронизированные подробные метаданные.
Мы будем показывать информацию о вашем подробном пине для товара, только если вы соблюдаете наше
Чтобы обеспечить корректную синхронизацию данных, добавьте на веб-сайт теги. Если на вашем веб-сайте есть контент, касающийся товара, статьи или рецепта, добавьте на соответствующие страницы
При создании нового пина весь контент веб-страниц с правильными метатегами будет отображаться как подробные пины. Существующие пины, содержащие ссылки на страницы с подробными метатегами, также станут подробными.
Примечание. На синхронизацию контента вашего веб-сайта с подробными пинами может потребоваться до 24 часов.
Чтобы удалить данные о подробном пине со страницы с содержимым, просто добавьте этот тег в заголовок страницы перед закрывающим тегом body:
<meta name="pinterest-rich-pin" content="false" />Данный тег перепишет все метатеги подробных пинов только на этой странице. Все остальные страницы на вашем сайте останутся без изменений, если вы не добавите тег для таких отдельных страниц. Чтобы включить подробные пины снова, удалите этот тег.
В пины для рецептов можно добавлять название блюда, размер порции, время приготовления, список ингредиентов и оценки. Вы также можете указать, что рецепт относится к вегетарианской, веганской, безглютеновой или палеодиете.
Добавление пинов для рецептов на сайт
Если вы хотите интегрировать данные подробных пинов для рецептов на свой веб-сайт, добавьте разметку Schema.org или h-recipe между тегами <head> и </head> HTML-кода страниц, на которых вы хотите внедрить подробные пины.
После этого система начнет заполнять данные подробных пинов, связанных с этими страницами.
Оценки рецептов
В подробный пин можно добавить информацию об оценке рецепта. Для этого добавьте соответствующий мета-тег через разметку Schema.org. Если вам нужна помощь, посетите веб-сайт Schema.org или ознакомьтесь с примером пина на веб-сайте bettycrocker.com.
Примечание. Оценки можно добавлять только с помощью разметки Schema.org (а не h-recipe). Кроме того, оценки отображаются только на устройствах iOS и Android.
Разметки Schema.org и h-recipe
Далее перечислены обязательные поля подробных пинов для каждого типа разметки. Вставьте в выделенные черным поля сведения о своих рецептах.
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Апельсиново-ананасово-морковный смузи</span>
<span itemprop="description">
Описание рецепта.</span>
<span itemprop="aggregateRating">
Общая оценка будет отображаться здесь</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Количество порций: 1</span>
Ингредиенты:
<span itemprop="ingredients">ингредиент 1</span>,
<span itemprop="ingredients">ингредиент 2</span>,
<span itemprop="ingredients">ингредиент 3</span>,
<span itemprop="ingredients">
добавьте необходимое количество ингредиентов</span>.
Инструкции:
<span itemprop="recipeInstructions">
Поместите ананас, лед, апельсиновый сок, морковь и
банан в блендер. Взбейте до однородной консистенции.</span>
</div>
теги разметки h-recipe:
<article class="h-recipe">
<h1 class="p-name">Бублики</h1>
<ul>
<li class="p-ingredient">Мука</li>
<li class="p-ingredient">Сахар</li>
<li class="p-ingredient">Дрожжи</li>
</ul>
<p>Время приготовления: <time class="dt-duration" datetime="1H">1 час</time>,
количество порций: <data class="p-yield" value="4">4</data>.</p>
<div class="e-instructions">
<ol>
<li>Для начала перемешайте все ингредиенты.</li>
</ol>
</div>
</article>
Подробная информация приводится на нашем сайте для разработчиков.
Статьями считаются страницы, содержащие текст, например записи в блогах или новостные статьи. Листиклы и страницы, состоящие в основном из изображений с небольшим количеством текста, к статьям не относятся.
Добавление пинов для статей на сайт
Если вы хотите интегрировать данные подробных пинов для статей на свой веб-сайт, добавьте разметку Open Graph или Schema.org между тегами <head> и </head> HTML-кода страниц, на которых вы хотите внедрить подробные пины.
После этого система начнет заполнять данные подробных пинов, связанных с этими страницами.
Открытие разметок Graph и Schema.org
Далее перечислены обязательные поля подробных пинов для каждого типа разметки. Отредактируйте выделенные поля в соответствии со своими статьями.
Разметка Open Graph
<meta property="og:title" content="Title of your Article"/>
<meta property="og:description" content="Description of your article" />
<meta property="og:type" content="article" />
Разметка Schema.org
<meta property="og:site_name" content="Example Site” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Article Title” /> до <span itemprop="author" content="Johh Doe” />
<span itemprop="description">Краткое содержание статьи.</span>
</div>
Подробная информация приводится на нашем сайте для разработчиков.
Подробные пины отражают самую актуальную информацию о товаре, получаемую с веб-сайта: его название, описание, цену и наличие. Иногда ваш товарный пин может быть помечен как «Хит продаж», если он представляет один из самых покупаемых товаров по сравнению с предложениями других продавцов в соответствующей категории Pinterest. А один из самых нажимаемых пинов в своей категории Pinterest может быть помечен значком «Популярное».
Примечание. Эта информация будет отображаться на пинах вашего товара, только если он есть в наличии, указана его точная цена, мы обновили данные за последние три дня и вы соблюдаете наше Руководство для продавцов.
Как добавить товарные пины на веб-сайт и зачем это нужно
С помощью товарных пинов пользователи Pinterest могут перейти на ваш веб-сайт и приобрести ваши товары. Это значит, что перед добавлением такого пина на платформу Pinterest вы должны обеспечить пользователям возможность сделать покупку прямо на вашем веб-сайте.
Вы можете создать товарные пины на веб-сайте, как описано ниже, или с помощью каталогов. Используйте каталоги, чтобы загрузить источник данных для ваших товаров и создать группы товаров, в которые будут входить схожие товарные пины. В качестве товарных объявлений можно использовать только товарные пины, созданные с помощью каталогов.
Добавление товарных пинов на сайт
Если вы хотите интегрировать данные подробных товарных пинов на свой веб-сайт, добавьте разметку Open Graph или Schema.org между тегами <head> и </head> HTML-кода страниц, на которых вы хотите внедрить товарные пины.
После этого система начнет заполнять данные подробных пинов, связанных с этими страницами.
Открытие разметок Graph и Schema.org
Далее перечислены обязательные поля подробных пинов для каждого типа разметки. Отредактируйте выделенный заглавными буквами или зеленым цветом текст, чтобы он правильно описывал ваши товары.
Разметка Open Graph
<meta property="og:title" content="De Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15.00" />
<meta property="product:price:currency" content="USD" />
Разметка Schema.org
<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="De Young Copper Bookmark" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock" />
</div>
Добавлять разметку не нужно, если ваш веб-сайт находится на одном из следующих сервисов: Etsy, Teachers Pay Teachers, eBay. Информация о товарах для новых пинов с этих веб-сайтов будет автоматически появляться в течение 24 часов после публикации.
Подробная информация приводится на нашем сайте для разработчиков.