Подробные Пины для вашего сайта

Подробные Пины позволяют добавить к изображениям с вашего сайта дополнительную информацию. В данный момент существует четыре типа подробных Пинов: для товаров, для статей, для приложений и для рецептов.


Добавление подробных Пинов на веб-сайт:

  1. Подготовьте свой сайт, добавив метатеги или конечные точки oEmbed. Для этого могут понадобиться технические знания, поэтому лучше подключить разработчиков сайта. Краткие инструкции для каждого типа подробных Пинов приводятся ниже.
  2. Проверьте подробные Пины.
  3. Подайте заявку в Pinterest.

Полная документация по подробным Пинам для разработчиков содержится на нашем сайте для разработчиков.


Инструкции по использованию всех типов подробных Пинов:

При подаче заявки на включение подробных Пинов необходимо разметить сайт наиболее подходящим способом. Например, если на сайте есть рецепты, нужно выбрать разметку для Пинов с рецептами, а не со статьями.
 

Product Pins Product Pins
В Пины для товаров можно добавить цену, описание и информацию о наличии товаров.
 
Чтобы добавить на свой сайт Пины для товаров:

1. Добавьте на сайт разметку Open Graph или Schema.org между тегами <head> и </head> HTML-кода каждой страницы, на которой хотите внедрить подробные Пины для товаров. Если вы используете Shopify, ознакомьтесь с приведенными ниже инструкциями для сайтов на платформе Shopify. Далее перечислены обязательные поля подробных Пинов для каждого типа разметки. Отредактируйте выделенные поля в соответствии со свойствами своих товаров.

Разметка Open Graph
<meta property="og:title" content="de Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15.00" />
<meta property="og: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"
</div>
 

2. Воспользуйтесь инструментом для подтверждения подробных Пинов, чтобы убедиться, что нам доступна информация из них.

3. Если все в порядке, нажмите Применить. При применении убедитесь в том, что выбираете правильный тип разметки.

Подробные Пины добавляются только с тех сайтов, на которых вы можете купить изображенные товары. Это означает, что пользователь должен иметь возможность произвести покупку прямо на вашем сайте, без перенаправления на другой.
 
Добавлять разметку не нужно, если для сайта используется один из этих хостингов:
  1. Shopify: вместо этого откройте страницу инструмента подтверждения подробных Пинов и скопируйте туда ссылку на товар, добавив в конце ссылки ".oembed". После этого вы увидите всю информацию о своем товаре, содержащуюся в подробном Пине. Подайте заявку на подробные Пины с этой страницы (не забудьте при этом выбрать вариант Shopify).
  2. Etsy, Teachers Pay Teachers, eBay: ваши новые Пины с этих сайтов будут автоматически снабжены информацией о товаре в течение 24 часов после публикации.

Подробная информация приводится на нашем сайте для разработчиков.

Article Pins Article Pins
В Пины для статей добавляется заголовок статьи или записи в блоге, ее описание и информация об авторе.
 
Чтобы добавить на свой сайт Пины для статей:

1. Добавьте на сайт разметку Open Graph или Schema.org между тегами <head> и </head> HTML-кода каждой страницы, на которой хотите внедрить подробные Пины для статей. Далее перечислены обязательные поля подробных Пинов для каждого типа разметки. Отредактируйте выделенные поля в соответствии со свойствами своих статей.

Разметка Open Graph
<meta property="og:title" content="Заголовок статьи"/>
<meta property="og:description" content="Описание статьи" />
<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="Заголовок статьи" />, автор: <span itemprop="author" content="Имя автора" />
    <span itemprop="description">Описание или резюме статьи.</span>
    </div>
  1. Используйте наш инструмент для подтверждения подробных Пинов, чтобы убедиться, что нам доступна информация из них.
  2. Если все в порядке, нажмите Применить сейчас. При подтверждении не забудьте выбрать HTML-теги.
Статьями мы считаем, например, записи в блогах или новостные статьи — т. е. контент, содержащий текст. Листиклы и страницы, состоящие в основном из изображений с небольшим количеством текста, к статьям не относятся.
 
Подробную информацию читайте на нашем сайте для разработчиков.
 

App Install Pins App Install Pins
Пины для приложений оснащены кнопкой для установки приложений. Нажав на кнопку, пользователи iOS будут перенаправлены в App Store, где они смогут скачать ваше приложение.
 
Чтобы создать Пин для приложений:
  1. В режиме досок нажмите Добавить Пин, а затем загрузите изображение для Пина со своего компьютера или другого устройства.
  2. Загрузите изображение своего приложения с высоким разрешением.
  3. Измените Пин так, чтобы он ссылался не на ваш веб-сайт, а на нужную страницу в App Store.
Хорошие примеры Пинов для приложений можно посмотреть на странице App Store в Pinterest. В данный момент можно создавать Пины только для приложений, разработанных в США. Сейчас Пины доступны только для приложений, разработанных в США, а просматривать их можно только на устройствах на платформе iOS.

Recipe Pins Recipe Pins
В пины для рецептов можно добавить название блюда, размер порции, время приготовления и список ингредиентов. Кроме того, можно указать, что рецепт относится к вегетарианской, веганской, безглютеновой или палеодиете.
 
Чтобы добавить на свой сайт Пины для рецептов:

1. Добавьте разметку Schema.org или hrecipe между тегами <head> и </head> HTML-кода каждой страницы, на которой хотите внедрить подробные пины для рецептов. Далее перечислены обязательные поля подробных пинов для каждого типа разметки. Отредактируйте выделенные поля в соответствии со своими рецептами. Примечание. Оценки доступны только при использовании разметки Schema.org и в настоящее время отображаются только на устройствах с iOS и Android.

Разметка Schema.org
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Смузи апельсин ананас морковь</span>
   <span itemprop="description">
    Описание рецепта.</span>
  <span itemprop="aggregateRating">
    Здесь будет указан совокупный рейтинг</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Ingredients:
        <span itemprop="ingredients">ингредиент 1</span>,
        <span itemprop="ingredients">ингредиент 2</span>,
        <span itemprop="ingredients">ингредиент 3</span>,
        <span itemprop="ingredients">
    Добавьте столько тегов ингредиентов, сколько нужно</span>.
    Instructions:
    <span itemprop="recipeInstructions">
   Положите ананас, лед, апельсиновый сок, морковь и
    банан в блендер. Взбейте до однородной консистенции.</span>
</div>
 
Теги hrecipe
<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>
 

2. Воспользуйтесь инструментом для подтверждения подробных Пинов, чтобы убедиться, что нам доступны данные из них.

3. Если все в порядке, нажмите Применить. При подтверждении не забудьте выбрать HTML-теги.

Подробная информация приводится на нашем сайте для разработчиков.


Добавление подробных Пинов в интернет-магазин на платформе Shopify

  1. Откройте URL-адрес определенного товара на своем сайте на платформе Shopify (это страница, на которой есть кнопка «Купить» или «Добавить в корзину»).
  2. Скопируйте этот URL-адрес страницы товара и вставьте его в инструмент для подтверждения подробных Пинов, добавив в конец адреса .oembed.
  3. Нажмите Подтвердить.
  4. После появления на экране средства предварительного просмотра нажмите Применить. Эту процедуру нужно выполнить только с одним URL-адресом товара с вашего веб-сайта.
  5. Через 24 часа вы увидите, что ваши Пины для товаров станут подробными.

Популярные вопросы:

Могу ли я отключить подробные Пины на своем сайте?
Надо ли размечать все страницы сайта?
Надо ли подавать заявку отдельно для каждой страницы сайта?
Когда мой Пин станет выглядеть, как подробный Пин?
При попытке подать заявку на включение подробных Пинов появляется ошибка.
Почему мои рецепты не преобразуются в Подробные Пины?

Если вы не хотите, чтобы дополнительная информация попадала в Пины вашего сайта, добавьте этот тег в раздел <head> HTML-кода ваших страниц:

<meta name="pinterest-rich-pin" content="false" />

Да, вам нужно будет добавлять метатеги подробных пинов на все страницы, которые должны отображаться в виде подробных пинов в Pinterest. Не забывайте, что такие пины предназначены только для страниц со статьями, рецептами или подробными сведениям о продукте, но не для таких страниц, как главная или с категориями. Достаточно подтвердить одну страницу с правильной разметкой, чтобы сделать возможным создание подробных пинов для любой страницы вашего веб-сайта, содержащей метатеги.


Нет, заявка отправляется только для одной страницы вашего сайта. Сразу после ее утверждения подробные Пины станут доступны для всего сайта.

После утверждения заявки новые Пины с вашего сайта станут «подробными» при условии, что они содержат требуемый тег товара, статьи или рецепта.
 
На преобразование существующих Пинов в «подробные» может потребоваться несколько недель.

Если появляется ошибка Не удалось получить данные с вашего URL-адреса, это означает, что время ожидания запроса Pinterest при попытке создать Пин с вашего сайта превышено. Обычно эта ошибка возникает, если сайт работает слишком медленно. К сожалению, эту проблему мы не сможем решить на своей стороне. Также эта ошибка может возникать, если ваш сайт блокирует запросы сервиса Amazon Web Services (AWS). Необходимо отключить эту блокировку перед подачей заявки на включение подробных Пинов.

Если на экран выводится ошибка Невозможно получить необходимую информацию с вашего URL-адреса, это означает, что вы не добавили теги, необходимые для работы подробных Пинов. Подробная информация об этих тегах приводится на нашем сайте для разработчиков.

Недавно мы перестали поддерживать разметку hrecipe microformat v1. Теперь для подробных Пинов с рецептами доступна только разметка microformat v2. Дополнительная информация об этой новой разметке приводится на странице http://microformats.org/wiki/h-recipe.
 
Чтобы реализовать поддержку подробных Пинов с рецептами на вашем сайте, мы рекомендуем перейти на использование тегов разметки microformat v2 или schema.org.


Примечание: с января 2017 г. мы прекращаем поддержку подробных Пинов для мест и для видео. Все существующие Пины этих типов будут отображаться как обычные Пины в Pinterest.