Інформативні піни — це тип органічних пінів, що автоматично синхронізують інформацію про піни з даними вашого вебсайту. Відрізнити інформативний пін можна завдяки додатковій інформації, яка з'явиться під і над зображенням після натискання на пін. Якщо на вихідному сайті щось змінюється, вміст інформативного піна оновлюється.
Інформативні піни безкоштовні й доступні для всіх користувачів Pinterest із корпоративним обліковим записом. Для створення інформативних пінів потрібно мати або
Зверніть увагу: інформативні піни статей та інформативні піни рецептів оновлюватимуться автоматично відповідно до змін на вашому сайті. Ми відображатимемо інформацію про ваші інформативні товарні піни лише в тому випадку, якщо ваші товари є в наявності й відповідають нашим
Перш ніж використовувати інформативні піни, потрібно їх перевірити. Це необхідно для того, щоб впевнитись у належній синхронізації даних.
Ваш запит буде оброблено протягом 24 годин.
Коли ваш сайт буде схвалено, увесь вміст веб-сторінок із правильними метатегами відображатиметься як інформативний під час
Щоб видалити дані інформативного піна з певної сторінки на сайті, достатньо вставити вказаний нижче тег у <header> перед </body>:
<meta name="pinterest-rich-pin" content="false" />Цей тег анулює метатеги додаткового тексту лише на цій сторінці. Це не вплине на всі інші сторінки сайту, якщо ви не додасте тег до кожної з них. Щоб повернути інформативні піни, достатньо просто видалити цей тег.
Піни рецептів містять назву страви, розмір порцій, час приготування, список інгредієнтів і оцінки. Ці відомості синхронізуються з вашого сайту. Крім того, можна додати позначку про те, що страва вегетаріанська, веганська, підходить для палеодієти або не містить глютену.
Як додати піни рецептів на сайті
- Додайте розмітку Schema.org або h-recipe між фрагментами <head> і </head> HTML-коду на кожній сторінці, що міститиме інформативний пін рецептів.
- За допомогою нашого засобу для перевірки інформативних пінів перевірте, чи відображаються дані належним чином.
- Якщо це так, натисніть Застосувати. Не забудьте додати теги 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-коду на кожній сторінці, що міститиме інформативний пін статей.
- За допомогою нашого засобу для перевірки інформативних пінів перевірте, чи відображаються дані належним чином.
- Якщо це так, натисніть Застосувати. Обов’язково додайте теги 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 годин.
Додайте товарні піни з магазину Shopify:
- Перейдіть за URL-адресою товару на сайті Shopify. Це сторінка, на якій є кнопка Купити або Додати до кошика.
- Відкрийте наш інструмент для оцінки інформативних пінів і вставте посилання на свій товар.
- Додайте «.oembed» в кінці посилання. Ви побачите всі дані інформативного піна вашого товару.
- Виберіть Shopify для налаштування розмітки
- Натисніть кнопку Перевірити.
- Після появи попереднього варіанту публікації натисніть Застосувати. Це можливо, якщо URL-адреса пов’язана лише з одним товаром на вашому сайті.
Додавання товарних пінів до магазину Shopify
- Перейдіть за URL-адресою товару на сайті Shopify. Це сторінка, на якій є кнопка Купити або Додати до кошика.
- Скопіюйте цю URL-адресу на сторінку перевірки інформативних пінів і додайте в кінці URL-адреси товару значення «.oembed». Ви побачите інформацію про інформативні піни для товару.
- Натисніть кнопку Перевірити.
- Після появи попереднього варіанту публікації натисніть Застосувати. Це можливо, якщо URL-адреса пов’язана лише з одним товаром на вашому сайті.
Товарні піни стануть інформативними протягом 24 годин.