2010년 3월 12일 금요일
HTML5는 월드 와이드 웹의 핵심 언어인 HTML을 다섯 번째 대폭 수정한 버전입니다. HTML5 사양 해석에는 웹페이지 내에서 구조화된 정보를 지정하기 위한 새로운 마크업 표준인 마이크로데이터에 관한 설명이 포함되어 있습니다.
마이크로포맷과 RDFa에 대한 기존 지원 외에 리치 스니펫에 사용할 마이크로데이터가 지원된다는 소식을 알려드리게 되어 기쁩니다. 웹페이지에서 마이크로데이터 마크업을 사용하면 웹페이지에서 리뷰, 사용자 프로필 또는 이벤트 정보를 명시할 수 있으며, Google은 이를 사용해 Google 검색결과에 표시되는 페이지 상태를 개선할 수 있습니다.
다음은 "L'Amourita Pizza"의 리뷰 섹션을 보여주는 간단한 HTML 블록입니다.
: <div>
<h1>Review: L'Amourita Pizza</h1>
Written by Bob Smith
Jan 15, 2010
Rated <b>4.5</b> - Excellent
</div>
다음은 동일한 HTML에 리뷰하는 레스토랑, 리뷰 작성자와 리뷰 날짜, 평점을 명시하기 위해 마이크로데이터를 추가한 것입니다.
<div itemscope itemtype="https://data-vocabulary.org/Review">
<h1>Review: <span itemprop="itemreviewed">L'Amourita Pizza</span></h1>
Written by <span itemprop="reviewer">Bob Smith</span>
<time itemprop="dtreviewed" datetime="2010-01-15">Jan 15, 2010</time>
Rated <b itemprop="rating">4.5</b> - Excellent
</div>
마이크로데이터는 풍부함과 단순함 사이의 균형이 잘 잡혀 있습니다. 보시다시피 itemscope(새 항목 정의), itemtype(설명되는 항목의 유형 지정), itemprop(항목 속성 지정) 등 몇 가지 HTML 속성을 사용하여 페이지에 마크업을 쉽게 추가할 수 있습니다. 페이지에 마크업을 추가한 후에는 리치 스니펫 테스트 도구를 사용하여 마크업을 테스트하고 Google에서 페이지의 데이터를 파싱할 수 있는지 확인할 수 있습니다.
마이크로포맷 및 RDFa와 같이 Google에서 지원하는 어휘(Google에서 이해할 수 있는 항목 유형 및 항목 속성 포함)는 리치 스니펫 문서 및 data-vocavulary.org에 명시되어 있습니다. 콘텐츠를 마크업한다고 해서 사이트에 리치 스니펫이 표시되는 것은 아닙니다. 그러나 Google에서는 우수한 사용자 환경을 보장하기 위해 마이크로데이터 마크업의 사용 범위를 점차 확장할 예정입니다.
시작하려면 다음의 몇 가지 유용한 링크를 확인해 보세요.