레시피

휴대기기에서의 이미지 검색 예 및 리치 결과 예

레시피 콘텐츠를 구조화된 데이터로 마크업하여 리뷰 작성자 점수, 조리 및 준비 시간, 영양 정보와 같은 레시피의 리치 결과 및 호스트 관련 목록을 제공하세요. 페이지에 구조화된 데이터를 추가하는 방법에 따라 페이지에서 다음과 같이 다양한 기능을 이용할 수 있습니다.

  • 검색: 구조화된 레시피 데이터를 추가하여 Google 검색에서 리치 결과로 사용자의 몰입도를 높입니다.
  • 안내: Google Home 및 스마트 디스플레이에서 Google 어시스턴트가 레시피를 통해 사용자에게 요리 안내를 제공할 수 있게 합니다.
  • 캐러셀: 구조화된 캐러셀 데이터를 추가하여 레시피가 리치 결과 캐러셀에 표시되게 합니다. 여기에는 이미지, 페이지 로고 및 기타 흥미로운 검색결과 기능이 포함될 수 있습니다.
  • AMP: AMP로 레시피 페이지를 만들어 즉각 로드되는 레시피를 제공합니다.

이 가이드에 따라 콘텐츠를 구조화하면 콘텐츠가 다음 기능을 자동으로 사용할 수 있습니다.

  • 모바일 이미지 검색결과의 레시피 배지
  • Google 어시스턴트의 콘텐츠 작업

다음은 구조화된 데이터용 테스트 도구에서 JSON-LD 코드를 사용한 레시피의 예시입니다.

레시피 예

다음은 구조화된 recipeguidance 데이터가 포함된 페이지 예입니다. 이 콘텐츠는 Google 검색결과에서는 리치 결과로, Google Home 및 스마트 디스플레이에서는 Google 어시스턴트를 통한 안내로 표시될 수 있습니다.

다음은 구조화된 itemList 데이터가 포함된 레시피 요약 페이지(레시피 목록이 있는 페이지)의 예입니다. 이러한 콘텐츠는 검색결과에서 캐러셀로 표시될 수 있습니다.

가이드라인

레시피를 Google 검색결과에 표시하려면 구조화된 데이터 일반 가이드라인을 따라야 합니다. Google Home 및 스마트 디스플레이에서 Google 어시스턴트를 통해 레시피를 안내로 사용하려면 콘텐츠가 Actions on Google 콘텐츠 제한 정책을 따라야 합니다.

구조화된 레시피 데이터에는 다음과 같은 가이드라인이 적용됩니다.

  • 특정 요리 준비에 관한 콘텐츠에는 구조화된 레시피 데이터를 사용합니다. 예를 들어, '페이셜 스크럽', '파티 아이디어'는 올바른 요리 이름이 아닙니다.
  • 호스트 관련 목록에 레시피를 표시하려면 다음과 같은 가이드라인을 따라야 합니다.
    • 목록에 레시피를 요약하려면 구조화된 ItemList 데이터를 제공합니다. 구조화된 레시피 데이터와 별도로 또는 함께 구조화된 ItemList 데이터를 제공할 수 있습니다.
    • 사이트에는 컬렉션의 모든 레시피를 나열하는 요약 페이지가 있어야 합니다. 예를 들어 사용자가 검색결과에서 요약 링크를 클릭하면 검색어와 관련된 레시피가 나열된 사이트 페이지로 올바르게 이동합니다.

구조화된 데이터 유형 설명

리치 결과에 콘텐츠를 표시하거나 Google에서 다른 경험으로 제공하려면 필수 속성이 있어야 합니다. 권장 속성을 통해 콘텐츠에 관한 정보를 추가하여 더욱 만족스러운 사용자 환경을 제공할 수 있습니다.

ItemList

ItemList의 전체 정의는 schema.org/ItemList에서 확인할 수 있습니다.

레시피 속성 외에 호스트 관련 목록에 다음 속성을 추가합니다. ItemList는 필수 속성은 아니지만 레시피가 호스트 캐러셀에 표시되도록 하려면 다음 속성을 추가해야 합니다. 호스트 관련 목록에 관해 자세히 알아보려면 캐러셀을 참조하세요.

필수 속성
itemListElement

ListItem

단일 항목 페이지의 주석입니다.

ListItem.position

Integer

목록에서 항목 페이지의 순서입니다. 예:


"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
  }, {
    "@type": "ListItem",
    "position": 2,
  }
]
ListItem.url

URL

항목 페이지의 표준 URL입니다. 모든 항목에 고유한 URL이 있어야 합니다.

Recipe

Recipe의 전체 정의는 schema.org/Recipe에서 확인할 수 있습니다. 다음의 schema.org Recipe 유형 속성으로 레시피 콘텐츠를 마크업하세요. 필수 속성 외에, 가능한 한 많은 권장 속성을 마크업하면 Google 검색에서 참여도를 높일 수 있습니다.

Google Home 및 스마트 디스플레이에서 Google 어시스턴트를 통해 레시피가 안내되도록 하려면 recipeIngredientrecipeInstructions를 추가하세요. 레시피에 이러한 속성이 없으면 레시피가 안내로 제공되지는 않지만 여전히 검색결과에 표시될 수 있습니다.

필수 속성
image

URL 또는 ImageObject

완성된 요리의 이미지입니다.

추가 이미지 가이드라인

  • 모든 페이지에는 마크업 포함 여부와 관계없이 하나 이상의 이미지가 있어야 합니다. Google에서 가로세로 비율과 해상도를 기반으로 검색결과에 표시할 최적의 이미지를 선택합니다.
  • 이미지 URL은 크롤링 및 색인 생성이 가능해야 합니다.
  • 이미지는 마크업된 콘텐츠를 나타내야 합니다.
  • 이미지는 .jpg, .png 또는 .gif 형식이어야 합니다.
  • 최상의 결과를 위해서는 가로세로 비율이 16x9, 4x3, 1x1인 여러 개의 고해상도 이미지(너비와 높이의 곱이 최소 50,000픽셀)를 제공하세요.

예:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]
name

Text

요리의 이름입니다.

권장 속성
aggregateRating

AggregateRating

항목에 지정된 평균 리뷰 점수의 주석입니다. 리뷰 스니펫 가이드라인 및 필수/권장 AggregateRating 속성 목록을 따르세요.

구조화된 레시피 데이터가 단일 리뷰를 포함하는 경우 리뷰 작성자의 이름은 유효한 개인 또는 조직이어야 합니다. 예를 들어 '재료 50% 할인'은 유효한 리뷰 작성자 이름이 아닙니다.

author

Person

레시피 작성자입니다.

cookTime

Duration

실제 조리에 걸리는 시간입니다. ISO 8601 형식으로 나타냅니다. 하위 요소로 최소, 최대를 사용하여 시간 범위를 지정할 수 있습니다.

항상 prepTime과 함께 사용하세요.

datePublished

Date

레시피가 게시된 날짜입니다. ISO 8601 형식으로 나타냅니다.

description

Text

요리에 관한 간단한 요약 설명입니다.

keywords

Text

계절('여름'), 휴일('할로윈') 또는 기타 설명('빠른', '쉬운', '정통') 등 레시피에 관한 기타 용어입니다.

추가 가이드라인

  • 키워드 목록에서 쉼표로 여러 항목을 구분합니다.
  • recipeCategory 또는 recipeCuisine에 있어야 하는 태그는 사용하지 않습니다.

    권장하지 않음

    "keywords": "dessert, American"

    권장

    "keywords": "winter apple pie, nutmeg crust"
nutrition.calories

Energy

1인분의 칼로리입니다.

prepTime

Duration

요리를 준비하는 데 걸리는 시간입니다. ISO 8601 형식으로 나타냅니다. 하위 요소로 최소, 최대를 사용하여 시간 범위를 지정할 수 있습니다.

항상 cookTime과 함께 사용하세요.

recipeCategory

Text

레시피의 요리 또는 코스 유형입니다. 예: '저녁 식사', '앙트레', '디저트, 간식'

recipeCuisine

Text

레시피와 관련된 지역입니다. 예: '프랑스', '지중해', '미국'

recipeIngredient

Text

레시피에 사용되는 재료입니다. 이 속성은 Google 검색에 표시될 레시피의 경우에는 권장 속성이지만, Google Home 및 스마트 디스플레이에서 Google 어시스턴트를 통해 안내하는 경우에는 필수 속성입니다.

"recipeIngredient": [
  "1 (15 ounce) package double crust ready-to-use pie crust",
  "6 cups thinly sliced, peeled apples (6 medium)",
  "3/4 cup sugar",
  "2 tablespoons all-purpose flour",
  "3/4 teaspoon ground cinnamon",
  "1/4 teaspoon salt",
  "1/8 teaspoon ground nutmeg",
  "1 tablespoon lemon juice"
]

추가 가이드라인

  • 레시피를 만드는 데 필요한 재료 텍스트만 포함하세요.
  • 재료의 정의와 같이 불필요한 정보는 포함하지 마세요.
recipeInstructions

Text

요리하는 단계입니다. 이 속성은 Google 검색에 표시될 레시피의 경우에는 권장 속성이지만, Google Home 및 스마트 디스플레이에서 Google 어시스턴트를 통해 안내하는 경우에는 필수 속성입니다.

여러 가지 방법으로 recipeInstructions의 값을 설정할 수 있습니다. HowToStep 또는 HowToSection을 사용하는 것이 좋습니다.

  • HowToStep: HowToStep마다 값을 설정하여 각 단계 문장의 정확한 텍스트를 지정할 수 있습니다. 이렇게 하면 Google 어시스턴트에 힌트를 줄 수 있지만, 맥락에 따라 레시피 단계가 다르게 그룹화될 수 있습니다.
  • HowToSection(레시피의 섹션이 여러 개일 경우) 단계를 여러 가지 섹션으로 그룹화하는 데 사용합니다. name 속성에 섹션 이름을 제공하고(예: '크러스트 만들기') 각 HowToStepitemListElement로 지정합니다. 각 HowToSteptext 속성을 설정합니다.

    예를 들어 피자 레시피에는 크러스트 만들기 단계에 한 섹션, 토핑 만들기에 한 섹션, 합치고 굽는 데 한 섹션이 있을 수 있습니다. 여러 섹션을 지정하지 않으면, Google 어시스턴트가 섹션 이름을 단순히 다른 단계로 잘못 표시할 수 있습니다(예: '크러스트 만들기' 단계 후 '밀가루와 이스트 섞기' 단계).

  • 단일 또는 반복 텍스트 속성: 하나 이상의 단계를 포함하는 텍스트 블록입니다. Google에서는 모든 단계를 하나의 섹션에 있는 것처럼 처리합니다. 반복 속성값은 단일 텍스트 블록으로 연결됩니다. 그런 다음 Google에서 단일 텍스트 블록을 개별 단계로 자동 분리하도록 시도합니다. Google은 모든 섹션 이름, 단계 번호, 키워드, 레시피 단계 텍스트에 잘못 표시될 수 있는 다른 모든 것들을 찾아서 삭제하려고 합니다. 최상의 결과를 얻기 위해 위에서 설명한 것과 같이 HowToStep으로 개별 단계 문장을 명확하게 지정하는 것이 좋습니다.

추가 가이드라인

  • 다른 곳에 포함된 메타데이터를 포함하지 마세요. 특히 작성자는 author 속성을 사용하여, 요리는 recipeCuisine을 사용하여, 카테고리는 recipeCategory를 사용하여, 기타 키워드는 keywords를 사용하여 지정하세요.
  • 레시피를 만드는 방법에 관한 텍스트만 포함하고, '지침', '동영상 보기', '1단계'와 같은 기타 텍스트는 포함하지 마세요. 이러한 문장은 구조화된 데이터 외에서 지정되어야 합니다.

    권장하지 않음

    "recipeInstructions": [{
      "@type": "HowToStep",
      "text": "Step 1. Heat oven to 425°F."
    }]

    권장

    "recipeInstructions": [{
      "@type": "HowToStep",
      "text": "Heat oven to 425°F."
    }]
recipeYield

Text

레시피에서 만드는 양입니다. (예: 대접할 사람 수, 그릇 수 등)

totalTime

Duration

요리를 준비하는 데 걸리는 총 시간입니다. ISO 8601 형식으로 나타냅니다. 하위 요소로 최소, 최대를 사용하여 시간 범위를 지정할 수 있습니다.

cookTime, prepTime과 조합하여 totalTime을 사용하세요.

video

VideoObject

페이지의 레시피를 묘사하는 동영상 속성의 배열입니다. 필수/권장 동영상 속성 목록을 따르세요.

다음 예를 참조하세요.

{
  "@context": "https://schema.org/",
  "@type": "Recipe",
  "video": [
    {
      "name": "Party Coffee Cake",
      "description": "How to make Party Coffee Cake.",
      "thumbnailUrl": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "contentUrl": "http://www.example.com/videos/123_600x400.mp4",
      "embedUrl": "http://www.example.com/videoplayer?id=123",
      "uploadDate": "2018-02-05T08:00:00+08:00"
    }
  ]
}

다음에 대한 의견 보내기...