Подробные пины — это разновидность обычных (бесплатных) пинов. Они автоматически синхронизируются с данными на вашем веб-сайте. Вы можете идентифицировать подробные пины по дополнительной информации, которая показывается над и под изображением при нажатии на пин. Подробные пины отражают все изменения, сделанные на исходном веб-сайте.
Подробные пины бесплатны и доступны всем пользователям Pinterest, у которых есть бизнес-аккаунт. Если у вас нет бизнес-аккаунта,
Примечание. Подробные пины для статей и для рецептов обновляются автоматически согласно изменениям, которые вы можете внести на своем веб-сайте. Мы будем показывать информацию о вашем подробном пине для товара, только если вы соблюдаете наши
Прежде чем вы начнете использовать свои подробные пины, их нужно подтвердить. Это необходимо для надлежащей синхронизации данных.
Мы обработаем ваш запрос в течение 24 часов.
Когда ваш веб-сайт будет одобрен, все содержимое веб-страниц с правильными метатегами будет отображаться как подробные пины при
Чтобы удалить данные о подробном пине со страницы с содержимым, просто добавьте этот тег в заголовок страницы перед закрывающим тегом body:
<meta name="pinterest-rich-pin" content="false" />Данный тег перепишет все метатеги подробных пинов только на этой странице. Все остальные страницы на вашем сайте останутся без изменений, если вы не добавите тег для таких отдельных страниц. Чтобы включить подробные пины снова, удалите этот тег.
В пины для рецептов можно добавлять название блюда, размер порции, время приготовления, список ингредиентов и оценки. Вы также можете указать, что рецепт относится к вегетарианской, веганской, безглютеновой или палеодиете.
Добавление пинов для рецептов на сайт
- Добавьте разметку Schema.org или h-recipe между тегами <head> и </head> HTML-кода каждой страницы, на которой хотите внедрить подробные пины для рецептов.
- Используйте наш инструмент для подтверждения подробных пинов, чтобы убедиться, что мы можем видеть информацию в них.
- Если все в порядке, нажмите Применить сейчас. При подтверждении не забудьте выбрать HTML-теги.
Оценки рецептов
Вы можете добавить информацию об оценке рецепта в свой подробный пин. Для этого добавьте соответствующий мета-тег через разметку. Если вам нужна помощь, посетите сайт 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-кода каждой страницы, на которой хотите внедрить подробные пины с товарами.
- Используйте наш инструмент для подтверждения подробных пинов, чтобы убедиться, что мы можем видеть информацию в них.
- Если все в порядке, нажмите Применить сейчас. Не забудьте выбрать 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 часов после публикации.
Ниже описано, как добавить товарные пины в интернет-магазин на платформе Shopify.
- Откройте URL-адрес конкретного товара на своем сайте на платформе Shopify. Это должна быть страница, на которой есть кнопка Купить или Добавить в корзину.
- Откройте валидатор подробных пинов и вставьте ссылку на товар.
- Добавьте в конец адреса строку .oembed. Вы увидите всю информацию о товаре, содержащуюся в подробном пине.
- Выберите платформу Shopify в качестве разметки.
- Нажмите Подтвердить.
- Когда на экране появится предварительный просмотр, нажмите Применить. Эту процедуру нужно выполнить только с одним URL-адресом товара с вашего веб-сайта.
Добавление товарных пинов в интернет-магазин на платформе Shopify
- Откройте URL-адрес конкретного товара на своем сайте на платформе Shopify. Это должна быть страница, на которой есть кнопка Купить или Добавить в корзину.
- Скопируйте этот URL-адрес товара и вставьте его в валидатор подробных пинов, добавив в конец адреса строку .oembed. Вы увидите всю информацию о товаре, содержащуюся в подробном пине.
- Нажмите Подтвердить.
- Когда на экране появится предварительный просмотр, нажмите Применить. Эту процедуру нужно выполнить только с одним URL-адресом товара с вашего веб-сайта.
Через 24 часа ваши товарные пины станут подробными.
Подробную информацию читайте на нашем сайте для разработчиков.