레시피 핀

레시피 핀은 사용자의 사이트에 있는 요리법에 제목, 조리 양, 조리 시간 및 재료 목록을 추가할 수 있도록 도와줍니다. 또한 해당 레시피가 팔레오, 채식, 완전채식, 혹은 글루텐 프리인지 표시할 수 있습니다.

내 사이트에 레시피 핀 추가

1. 고급 핀을 적용하려고 하는 모든 페이지의 HTML 코드에서 <head> </head> 섹션 사이에 Add Schema.org 또는 hrecipe 마크업을 추가합니다.
2. Pinterest 고급 핀 인증도구를 이용하여 Pinterest가 고급 핀 데이터에 액세스할 수 있는지 확인합니다.
3. 준비가 완료되면 지금 적용을 클릭합니다. 적용 과정에서 HTML 태그를 선택했는지 꼭 확인하세요.

레시피 평점

레시피 고급 핀에 레시피 평점 정보를 추가할 수 있습니다. Schema.org 마크업을 통해 필요한 메타 태그를 추가하면 됩니다. 평점을 내 사이트에 추가하는 데 도움이 필요하시면 Schema.org를 방문하시거나, 이 샘플 핀을 통해 어떻게 bettycrocker.com 사이트가 설정되었는지 참고하세요. 평점은 h-recipe가 아닌 Schema.org 마크업을 통해서만 추가할 수 있고, 평점 정보는 iOS 및 안드로이드 장치에만 표시된다는 점을 유의하시기 바랍니다.

Schema.org 및 h-recipe 마크업

각 마크업 유형에 필요한 고급 핀 필드는 다음과 같습니다. 아래에 검정색으로 표시된 필드를 내 요리법에 맞게 편집하세요.

Schema.org 마크업

<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 개발자 사이트에서 더 많은 정보를 확인하세요. 

아직 도움이 필요하세요?
문의하기