요리법 핀

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

귀하의 사이트에 레시피 핀 추가

1. 고급 핀을 적용하려고 하는 모든 페이지의 HTM 코드에서 <head> </head> 섹션 사이에 Add Schema.org 또는 hrecipe 마크업을 추가하세요. 각 마크업 유형에 필요한 고급 핀 필드는 다음과 같습니다. 요리법에 맞게 하이라이트된 필드를 수정하세요. 준비가 완료되면 지금 신청하기를 클릭하세요. 신청 과정에서 HTML 태그를 선택했는지 꼭 확인하세요.

평점

조리법 리치 핀에 등급 정보를 추가할 수 있습니다. 이렇게 하려면 Schema.org를 통해 필요한 메타 태그 추가 태그입니다. 귀하의 사이트에 등급 정보를 구현 하는 데 도움이 필요 하면, 언제 든 Schema.org를 방문 하거나이 샘플을 보고 핀 보세요 어떻게 bettycrocker.com 그들의 사이트를 설정 했습니다. 제발 note는 등급 정보만 추가할 수 있습니다 Schema.org를 사용 하 여 태그 (안 h-레시피) 및 등급 정보만 표시 됩니다 iOS와 안 드 로이드 장치에.

Schema.org 및 hrecipe 마크업

각 마크업 유형에 필요한 고급 핀 필드는 다음과 같습니다. 당신의 조리법에 맞게 블랙에서 필드를 편집 합니다. 사용자의 사이트에 Schema.org 마크업

< div itemscope itemtype "https://schema.org/Recipe" = > < itemprop 스팬 "이름" = > 오렌지 파인애플 당근 스무디 < / 스팬 >< itemprop 스팬 = "설명" > 설명 귀하의 제조 법. < / 스팬 > < itemprop 스팬 "aggregateRating" = > 집계 평가 됩니다 여기 보기 < / 스팬 >< 메타 itemprop "url" 콘텐츠를 = "https://myrecipesite.com/pineapple.html" = / >< itemprop 스팬 "recipeYield" = > 1 < / span > 재료 제공: < itemprop 스팬 = "재료" > 성분 1 < / 스팬 >, < itemprop 스팬 = "재료" > 성분 2 < / 스팬 >, < itemprop 스팬 = "재료" > 성분 3 < / 스팬 >, < itemprop 스팬 "재료" = > 당신이 필요 < / 스팬 > 많은 성분 태그를 추가. 지침: < itemprop 스팬 "recipeInstructions" = > 믹서 기에 파인애플, 얼음, 오렌지 주스, 당근와 바나나를 넣어. 혼합 때까지 부드럽게. </스팬 >< / div >

hrecipe 태그

< 문서 클래스 = "h-레시피" >< h1 클래스 = "p-" > 베이글 < / h1 >< ul >< 리 클래스 "p-성분" = > 밀가루 < /li >< 리 클래스 "p-성분" = > 설탕 < /li >< 리 클래스 = "p-재료" > 효 < /li >< / ul >< p > 소요 < 클래스 시간 = "dt-기간" datetime "1 시간" = > 1 시간 < / 시간 >, 제공 < 데이터 클래스 = "p-양보" 값 = "4" > 4 명이 < / 데이터 >. < /p >< div 클래스 = "e-지침" >< ol >< 리 > 시작 혼합 하 여 모든 재료를 함께. < /li > < /ol >< / div >< / 기사 >

자세한 내용은 우리의 개발자 사이트 체크 아웃.

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