Інформативні піни — це піни, які автоматично синхронізують інформацію з вашого сайту. Відрізнити інформативний пін можна завдяки додатковій інформації, яка з'явиться під і над зображенням після натискання на пін. Якщо на вихідному сайті щось змінюється, вміст інформативного піна оновлюється.
Інформативні піни статей та інформативні піни рецептів оновлюються автоматично відповідно до будь-яких змін на вашому сайті. Якщо ви вручну редагуєте інформативний пін рецепта або статті на Pinterest, то нова інформація, яку ви додасте, перезапише розширені метадані.
Ми відображатимемо інформацію про ваші інформативні товарні піни лише в тому випадку, якщо ваші товари є в наявності й відповідають нашим
Щоб забезпечити правильну синхронізацію даних, додайте теги на свій сайт. Якщо на вашому сайті розміщено інформацію про товар, опубліковано статтю або розміщено рецепт, потрібно
Весь вміст зі сторінок, які мають правильні метатеги, з'явиться у вигляді інформативних пінів, коли ви створюватимете новий пін. Наявні піни, пов’язані зі сторінками сайту з метатегами додаткового тексту, також відображатимуться як інформативні.
Зверніть увагу: синхронізація контенту з вашого сайту з вашим інформативними пінами може зайняти до 24 годин.
Щоб видалити дані інформативного піна з певної сторінки на сайті, достатньо вставити вказаний нижче тег у <header> перед </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 і hrecipe
Нижче наведені обов’язкові поля інформативних пінів для кожного типу розмітки. Відредагуйте поля, виділені чорним кольором, відповідно до ваших рецептів:
<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">60 хв</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-коду для кожної сторінки, на якій потрібно ввімкнути інформативні піни статей.
Щойно це буде зроблено, наша система почне поширювати вміст інформативних пінів для пінів, пов'язаних із цими сторінками з функцією інформативних пінів.
Розмітка Open 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.
Ви можете створити товарні піни на своєму сайті відповідно до вказівок нижче або за допомогою каталогів. Використовуйте каталоги, щоб завантажити джерело даних товарів і створити групи товарів для впорядковування схожих товарних пінів. Лише товарні піни, створені з використанням каталогів, можна рекламувати в торгових рекламних оголошеннях.
Як додати товарні піни для веб-сайту
Якщо ви хочете інтегрувати дані інформативних товарних пінів на свій сайт, додайте розмітку Open Graph або Schema.org між фрагментами <head> і </head> HTML-коду для кожної сторінки, на якій потрібно ввімкнути інформативні товарні піни.
Щойно це буде зроблено, наша система почне поширювати вміст інформативних пінів для пінів, пов'язаних із цими сторінками з функцією інформативних пінів.
Розмітка Open 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 годин.
Щоб дізнатися більше, відвідайте наш сайт для розробників.