속성 관련 마크업 수동으로 추가하기

마크업 도우미는 가장 일반적인 데이터 속성과 관련된 마크업을 추가하는 방법을 보여 주지만 모든 schema.org 속성을 지원하지는 않습니다. 페이지에 일반 속성을 넘어서는 데이터가 포함되어 있는 경우 schema.org에서 데이터 유형을 검색하거나 schema.org 정보를 사용하여 마크업을 추가한 다음 구조화된 데이터용 테스트 도구로 마크업을 테스트할 수 있습니다.

속성 관련 마이크로데이터 마크업 수동으로 추가하기

  1. 마크업 도우미에서 최대한 많은 데이터를 태그합니다.
  2. 마크업 도우미에서 예시 마크업을 다운로드합니다
  3. 마크업 도우미에서 지원하지 않는 데이터가 페이지에 포함된 경우, schema.org 참조 문서에 페이지의 데이터 유형이 있는지 확인합니다. 마크업 도우미에서 지원하는 데이터 유형 목록에서 데이터 유형을 클릭합니다. 그런 다음 이 데이터 유형에 관한 schema.org 참조 문서로 연결되는 링크를 클릭합니다.
  4. 마크업하려는 추가 데이터에 관한 속성 이름을 찾습니다. 예를 들어 영화가 수상한 상을 마크업하고 싶다면 영화award 속성과 같이 적절한 속성의 이름을 찾습니다.
  5. HTML 페이지의 데이터가 아직 자체 HTML 태그로 둘러싸여 있지 않다면 데이터를 태그로 둘러쌉니다. <span> 태그를 사용하여 인라인 데이터를 둘러싸고 <div> 태그를 사용하여 데이터 블록을 둘러쌉니다.
  6. 둘러싸는 태그에 itemprop 속성을 추가하고 schema.org 속성의 이름을 속성 값으로 지정합니다.

    예를 들어 다음 HTML 코드 스니펫은 영화 '스팅'이 아카데미 최우수 작품상을 수상했음을 표시합니다.

    <div itemscope itemtype="https://schema.org/Movie"> 
      1974년에 <span itemprop="name">스팅</span>은
      <span itemprop="award">아카데미 최우수 작품상</span>을 수상했습니다.
      <img itemprop="image" src="sting.jpg" alt="스팅 영화 포스터"/>
    </div>
    

    마이크로데이터 추가 방법을 자세히 알아보고 예시를 살펴보려면 마이크로데이터 정보를 참조하세요.

    JSON-LD 마크업 추가 방법을 자세히 알아보려면 JSON-LD를 참조하세요.

  7. 마크업을 추가한 후 구조화된 데이터용 테스트 도구를 사용하여 마크업을 확인하고 Google이 페이지에서 구조화된 데이터를 추출할 수 있는지 확인합니다.

schema.org 데이터 유형 정보

웹페이지의 데이터를 설명하는 일관된 방법을 제공하기 위해 schema.org에서는 데이터를 유형별로 정리하고 데이터 유형별로 스키마를 제공합니다. 각 스키마는 속성의 모음으로 구성됩니다. 예를 들어 schema.org에서는 영화에 관한 데이터를 포함하는 페이지 마크업에 사용할 수 있는 영화 스키마를 제공합니다. 영화 스키마는 영화 제목, 배우, 감독 등에 관한 속성을 정의합니다. 

스키마는 계층구조로 구성됩니다. 계층구조 위쪽의 스키마는 일반적인 반면, 계층구조 아래쪽의 스키마는 더 세부적입니다. 예를 들어 영화는 CreativeWork의 한 유형이고 CreativeWork는 Thing의 한 유형입니다.

schema.org hierarchy

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?

도움이 더 필요하신가요?

다음 단계를 시도해 보세요.

검색
검색어 지우기
검색 닫기
기본 메뉴
1620238683693701078
true
도움말 센터 검색
true
true
true
true
true
83844
false
false