고급 핀은 사이트의 정보를 자동으로 동기화하는 핀입니다. 핀을 클릭할 때 이미지 위와 아래에 표시되는 추가 정보로 고급 핀을 식별할 수 있습니다. 원본 사이트에 변경 사항이 있으면 고급 핀은 해당 변경 사항을 반영하여 주기적으로 업데이트됩니다.
기사 고급 핀과 레시피 고급 핀은 사이트의 내용을 수정하면 자동으로 업데이트됩니다. Pinterest 측에서 레시피 고급 핀 또는 기사 고급 핀을 수동으로 수정하는 경우, 추가하는 새 정보가 고급 메타데이터를 덮어씁니다.
Pinterest
데이터가 올바르게 동기화되도록 사이트에 태그를 추가하세요. 사이트에 제품이나 기사, 요리법이 있는 경우 해당 페이지에
메타 태그가 올바른 페이지의 모든 콘텐츠는 새 핀을 만들었을 때 고급 핀으로 표시됩니다. 고급 메타 태그가 있는 페이지로 연결되는 기존 핀도 이제 고급 핀으로 표시됩니다.
참고: 사이트의 콘텐츠가 고급 핀과 동기화되는 데 최대 24시간이 걸릴 수 있습니다.
사이트의 특정 페이지에서 고급 핀 데이터를 삭제하려면 페이지 헤더에서 닫는 본문 태그 앞에 다음 태그를 추가하세요.
<meta name="pinterest-rich-pin" content="false" />이 태그는 해당 페이지에서만 고급 핀 메타 태그를 덮어씁니다. 사이트의 다른 페이지는 해당 개별 페이지에 이 태그를 추가하지 않는 한 아무런 영향을 받지 않습니다. 고급 핀을 다시 설정하려면 이 태그를 제거합니다.
레시피 핀은 사용자의 사이트에 있는 요리법에 제목, 조리 양, 조리 시간 및 재료 목록을 추가할 수 있도록 도와줍니다. 또한 해당 레시피가 팔레오, 채식, 완전 채식, 혹은 글루텐 프리인지 표시할 수 있습니다.
내 사이트에 레시피 핀 추가
레시피 고급 핀 데이터를 사이트에 통합하려면 레시피 고급 핀을 활성화하려는 각 페이지의 HTML 코드에서 <head> </head> 섹션 사이에 Schema.org 또는 h-recipe 마크업을 추가하세요.
이 작업이 완료되면 Pinterest 시스템에서 고급 핀 활성화 페이지에 연결된 핀에 대한 고급 핀 콘텐츠를 채우기 시작합니다.
레시피 평점
레시피 고급 핀에 평점 정보를 추가할 수 있습니다. Schema.org 마크업을 통해 필요한 메타 태그를 추가하면 됩니다. 평점을 내 사이트에 추가하는 데 도움이 필요하시면 Schema.org를 방문하시거나, 이 샘플 핀을 통해 어떻게 bettycrocker.com 사이트에서 핀을 설정했는지 참고하세요.
참고: 평점은 h-recipe가 아닌 Schema.org 마크업을 통해서만 추가할 수 있고, 평점 정보는 iOS 및 안드로이드 장치에만 표시됩니다.
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>
Pinterest 개발자 사이트에서 더 많은 정보를 확인하세요.
'기사'는 뉴스 기사나 블로그 게시물과 같이 텍스트를 포함한 페이지를 의미합니다. Pinterest는 이미지 위주로 구성된 페이지 또는 리스트를 '기사'로 간주하지 않습니다.
기사 핀을 사용자의 사이트에 추가하려면
기사 고급 핀 데이터를 사이트에 통합하려면 기사 고급 핀을 활성화하려는 각 페이지의 HTML 코드에서 <head> </head> 섹션 사이에 Open Graph 또는 Schema.org 마크업을 추가하세요.
이 작업이 완료되면 Pinterest 시스템에서 고급 핀 활성화 페이지에 연결된 핀에 대한 고급 핀 콘텐츠를 채우기 시작합니다.
Open Graph 및 Schema.org 마크업
각 마크업 유형에 필요한 고급 핀 필드는 다음과 같습니다. 기사에 맞게 하이라이트된 필드를 수정하세요.
Open Graph 마크업:
< 메타 속성 "og: 제목" 콘텐츠를 = "당신의 기사의 제목" = / >< 메타 속성 = "og: 설명" 내용 = "귀하의 문서의 설명" / >< 메타 속성 "og: 유형" 콘텐츠를 = "문서" = / >
Schema.org 마크업:
<meta property="og:site_name" content="시험 사이트” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="기사 제목” /> by <span itemprop="author" content="홍길동” />
<span itemprop="description">기사에 대한 설명 및 요약.</span>
</div>
Pinterest 개발자 사이트에서 더 많은 정보를 확인하세요.
제품 핀은 사이트에 있는 최근 가격, 재고 현황, 제품 이름 및 설명이 담겨 있는 고급 핀의 유형입니다. 여러 판매자의 Pinterest 제품 카테고리에서 가장 많이 구매된 품목 중 하나인 경우 핀에 "베스트 셀러" 배지가 사용될 수 있습니다. 또는 Pinterest의 제품 카테고리에서 클릭수가 가장 많은 제품 핀에 속하는 경우 "인기"라는 배지가 나타날 수 있습니다.
참고: 상품의 재고가 있고, 가격이 정확하며, 최근 데이터가 업데이트되었고, Pinterest 판매자 가이드라인을 충족하는 경우에만 상품 핀에 해당 정보가 표시됩니다.
사이트에 제품 핀을 추가하는 이유와 방법
제품 핀은 Pinterest 사용자가 회원님의 사이트에서 제품을 구매할 수 있도록 안내하는 역할을 합니다. 이는 회원님이 Pinterest에 제품 핀을 추가하기 전에 사용자가 사이트에서 바로 제품을 구매할 수 있어야 한다는 뜻입니다.
아래에 설명한 방식에 따라 또는 카탈로그를 사용하여 사이트에 제품 핀을 만들 수 있습니다. 카탈로그를 사용해 제품 데이터 소스를 업로드하고 제품 그룹을 만들어 비슷한 제품 핀을 그룹으로 묶을 수 있습니다. 카탈로그를 이용해 생성한 핀만 쇼핑 광고로 홍보할 수 있습니다.
내 사이트에 제품 핀 추가하기
상품 고급 핀 데이터를 사이트에 통합하려면 상품 핀을 활성화하려는 각 페이지의 HTML 코드에서 <head> </head> 섹션 사이에 Open Graph 또는 Schema.org 마크업을 추가하세요.
이 작업이 완료되면 Pinterest 시스템에서 고급 핀 활성화 페이지에 연결된 핀에 대한 고급 핀 콘텐츠를 채우기 시작합니다.
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시간 이내에 제품 정보를 갖게 됩니다.
Pinterest 개발자 사이트에서 더 많은 정보를 확인하세요.