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에 리뷰하는 레스토랑, 리뷰 작성자와 리뷰 날짜, 평점을 명시하기 위해 마이크로데이터를 추가한 것입니다.
마이크로데이터는 풍부함과 단순함 사이의 균형이 잘 잡혀 있습니다. 보시다시피 itemscope(새 항목 정의), itemtype(설명되는 항목의 유형 지정), itemprop(항목 속성 지정) 등 몇 가지 HTML 속성을 사용하여 페이지에 마크업을 쉽게 추가할 수 있습니다. 페이지에 마크업을 추가한 후에는 리치 스니펫 테스트 도구를 사용하여 마크업을 테스트하고 Google에서 페이지의 데이터를 파싱할 수 있는지 확인할 수 있습니다.
마이크로포맷 및 RDFa와 같이 Google에서 지원하는 어휘(Google에서 이해할 수 있는 항목 유형 및 항목 속성 포함)는 리치 스니펫 문서 및 data-vocavulary.org에 명시되어 있습니다. 콘텐츠를 마크업한다고 해서 사이트에 리치 스니펫이 표시되는 것은 아닙니다. 그러나 Google에서는 우수한 사용자 환경을 보장하기 위해 마이크로데이터 마크업의 사용 범위를 점차 확장할 예정입니다.
[null,null,[],[[["\u003cp\u003eThis blog post is outdated; refer to the current documentation on structured data for the latest information.\u003c/p\u003e\n"],["\u003cp\u003eGoogle now supports microdata for rich snippets, alongside existing support for microformats and RDFa.\u003c/p\u003e\n"],["\u003cp\u003eMicrodata allows you to specify structured information like reviews, profiles, and events within web pages, which Google may use to enhance search result presentation.\u003c/p\u003e\n"],["\u003cp\u003eMicrodata uses attributes like \u003ccode\u003eitemscope\u003c/code\u003e, \u003ccode\u003eitemtype\u003c/code\u003e, and \u003ccode\u003eitemprop\u003c/code\u003e to easily add markup to web pages for specifying structured data.\u003c/p\u003e\n"],["\u003cp\u003eWhile rich snippets are not guaranteed, using microdata enables Google to better understand and potentially enhance the display of your content in search results.\u003c/p\u003e\n"]]],["Microdata, a new markup standard within HTML5, enables the specification of structured information on web pages. This allows users to add markup to their web pages using attributes such as `itemscope`, `itemtype`, and `itemprop`, to define and describe items like reviews, people profiles, or events. Google supports microdata for rich snippets and offers a testing tool to validate the markup. This information helps Google enhance the presentation of pages in search results.\n"],null,["# Microdata support for Rich Snippets\n\n| It's been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). Check out our [current documentation on structured data](/search/docs/appearance/structured-data/intro-structured-data).\n\nFriday, March 12, 2010\n\n\nHTML5 is the fifth major revision of HTML, the core language of the World Wide Web. The HTML5\nspecification includes a description of **microdata**, a new markup standard for specifying\nstructured information within web pages.\n\n\nToday, we're happy to announce support for microdata for use in\n[rich snippets](/search/docs/appearance/structured-data/intro-structured-data)\nin addition to our existing support for microformats and RDFa. By using microdata markup in your\nweb pages, you can specify\n[reviews](/search/docs/appearance/structured-data/review-snippet),\n[people profiles](/search/docs/appearance/structured-data/intro-structured-data),\nor\n[events](/search/docs/appearance/structured-data/event)\ninformation on your web pages that Google may use to improve the presentation of your pages in\nGoogle search results.\n\n\nHere is a simple HTML block showing a section of a review of\n\"L'Amourita Pizza\"\n: \n\n```\n \u003cdiv\u003e\n \u003ch1\u003eReview: L'Amourita Pizza\u003c/h1\u003e\n Written by Bob Smith\n Jan 15, 2010\n Rated \u003cb\u003e4.5\u003c/b\u003e - Excellent\n \u003c/div\u003e\n```\n\n\nHere is the same HTML with microdata added to specify the restaurant being reviewed, the author\nand date of the review, and the rating: \n\n```\n \u003cdiv itemscope itemtype=\"https://data-vocabulary.org/Review\"\u003e\n \u003ch1\u003eReview: \u003cspan itemprop=\"itemreviewed\"\u003eL'Amourita Pizza\u003c/span\u003e\u003c/h1\u003e\n Written by \u003cspan itemprop=\"reviewer\"\u003eBob Smith\u003c/span\u003e\n \u003ctime itemprop=\"dtreviewed\" datetime=\"2010-01-15\"\u003eJan 15, 2010\u003c/time\u003e\n Rated \u003cb itemprop=\"rating\"\u003e4.5\u003c/b\u003e - Excellent\n \u003c/div\u003e\n```\n\n\nMicrodata has the nice property of balancing richness with simplicity. As you can see, it's easy\nto add markup to your pages using a few HTML attributes like `itemscope` (to define a\nnew item), `itemtype` (to specify the type of item being described), and\n`itemprop` (to specify a property of that item). Once you've added markup to a page,\nyou can test it using the\n[rich snippets testing tool](https://www.google.com/webmasters/tools/richsnippets)\nto make sure that Google can parse the data on your page.\n\n\nAs with microformats and RDFa, the vocabulary that we support---including which item types\nand item properties are understood by Google---is specified in our rich snippets documentation\nas well as on data-vocabulary.org. Marking up your content does not guarantee that rich\nsnippets will show for your site; Google will expand the use of microdata markup gradually to\nensure a great user experience.\n\nTo get started, here are some helpful links:\n\n- [Rich snippets documentation](/search/docs/appearance/structured-data/intro-structured-data)\n- [Overview of microdata](/search/docs/appearance/structured-data/intro-structured-data)\n- [Official microdata specification](https://www.whatwg.org/specs/web-apps/current-work/multipage/microdata)\n- [Rich snippets testing tool](https://www.google.com/webmasters/tools/richsnippets)\n\n\nWritten by Siddhartha Chattopadhyay, Kavi Goel, Ramanathan V. Guha, [Pravir Gupta](/search/blog/authors/pravir-gupta), Othar Hansson"]]
