html-examples/doc/seo/07_microdata.md

마이크로데이터

마이크로데이터는 웹 페이지의 특정 요소에 대한 구체적인 정보를 제공하여 검색 엔진이 웹 페이지의 내용을 더 정확하게 이해할 수 있도록 돕는 기술입니다. 마치 사람이 웹 페이지를 보듯이, 검색 엔진도 웹 페이지의 구조와 의미를 파악하여 더욱 정확한 검색 결과를 제공할 수 있도록 돕는 것이죠.

• 검색 엔진 최적화 (SEO): 검색 엔진이 웹 페이지의 내용을 더 정확하게 파악하여 검색 결과에서 더 높은 순위로 노출될 수 있도록 돕습니다.
• 리치 스니펫: 검색 결과에 웹 페이지의 정보가 더 풍부하게 표시될 수 있도록 합니다. 예를 들어, 별점, 가격, 상품 이미지 등이 검색 결과에 직접 표시될 수 있습니다.
• 웹 접근성 향상: 시각 장애인을 위한 스크린 리더가 웹 페이지를 더 잘 이해하도록 돕습니다.

마이크로데이터의 구조

마이크로데이터는 HTML5에서 도입된 기술로, HTML 태그에 특정 속성을 추가하여 구조화된 데이터를 표현합니다.

• itemscope: 요소가 구조화된 데이터를 포함하고 있음을 나타냅니다.
• itemtype: 데이터의 종류를 나타냅니다. (예: Person, Product, Organization)
• itemprop: 데이터의 속성을 나타냅니다. (예: name, description, price)

<div itemscope itemtype="http://schema.org/Person">
  <span itemprop="name">홍길동</span>
  <span itemprop="jobTitle">웹 개발자</span>
</div>

위 예시는 "홍길동"이라는 사람의 이름과 직업을 마이크로데이터로 표현한 것입니다.

마이크로데이터를 사용하는 이유

• 검색 엔진에 대한 정보 제공: 검색 엔진은 마이크로데이터를 통해 웹 페이지의 내용을 더 정확하게 이해하고, 검색 결과를 풍부하게 만들 수 있습니다.
• 리치 스니펫: 검색 결과에 웹 페이지의 정보가 더 자세하게 표시되어 클릭률을 높일 수 있습니다.
• 웹 표준 준수: HTML5의 표준을 따르는 웹 개발을 가능하게 합니다.

마이크로데이터의 종류

• Schema.org: 가장 많이 사용되는 마이크로데이터 표준으로, 다양한 종류의 데이터를 표현하기 위한 구조화된 데이터를 제공합니다.
• Microdata.org: Schema.org와 유사한 또 다른 마이크로데이터 표준입니다.
• RDFa: Resource Description Framework in Attributes의 약자로, RDF를 기반으로 하는 마이크로데이터 표준입니다.

마이크로데이터 활용 시 주의사항

• 정확한 정보 제공: 마이크로데이터에 포함된 정보는 정확해야 합니다.
• 과도한 사용 지양: 너무 많은 마이크로데이터를 사용하면 웹 페이지의 로딩 속도가 느려질 수 있습니다.
• 지속적인 관리: 웹 페이지의 내용이 변경될 때마다 마이크로데이터도 함께 업데이트해야 합니다.