เราอยู่ใน LinkedIn แล้วตอนนี้: หากต้องการข่าวสารและแหล่งข้อมูลจาก Google Search เกี่ยวกับการทำให้เว็บไซต์ของคุณค้นพบได้ โปรด
ติดตามเราใน LinkedIn
การรองรับ Microdata สําหรับตัวอย่างข้อมูลสื่อสมบูรณ์
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
วันศุกร์ที่ 12 มีนาคม 2010
HTML5 คือการแก้ไขสำคัญครั้งที่ 5 ของ HTML ซึ่งเป็นภาษาหลักของ World Wide Web ข้อกําหนดของ HTML5 ประกอบด้วยคําอธิบาย Microdata ซึ่งเป็นมาตรฐานมาร์กอัปใหม่สําหรับการระบุ Structured Information ในหน้าเว็บ
วันนี้เรายินดีที่จะประกาศการรองรับ Microdata เพื่อใช้ในตัวอย่างข้อมูลริชมีเดีย นอกเหนือจากการรองรับ Microformat และ RDFa ที่มีอยู่แล้ว เมื่อใช้มาร์กอัป Microdata ในหน้าเว็บ คุณสามารถระบุข้อมูลเกี่ยวกับรีวิว โปรไฟล์บุคคล หรือกิจกรรมในหน้าเว็บที่ Google อาจใช้เพื่อปรับปรุงการนําเสนอหน้าเว็บของคุณในผลการค้นหาของ Google
ต่อไปนี้เป็นบล็อก HTML แบบง่ายที่แสดงส่วนรีวิวของ "L'Amourita Pizza"
:
<div>
<h1>Review: L'Amourita Pizza</h1>
Written by Bob Smith
Jan 15, 2010
Rated <b>4.5</b> - Excellent
</div>
ต่อไปนี้เป็น HTML เดียวกันที่เพิ่ม Microdata เพื่อระบุร้านอาหารที่มีการรีวิว ผู้เขียนและวันที่รีวิว และคะแนน
<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>
Microdata มีคุณสมบัติที่ดีในการสร้างสมดุลข้อมูลริชมีเดียได้ด้วยความเรียบง่าย คุณจะเห็นว่าการเพิ่มมาร์กอัปในหน้าต่างๆ นั่นทำได้ง่ายๆ โดยใช้แอตทริบิวต์ HTML ไม่กี่อย่าง เช่น itemscope
(เพื่อกําหนดรายการใหม่), itemtype
(เพื่อระบุประเภทของรายการที่กําลังอธิบาย) และ itemprop
(เพื่อระบุพร็อพเพอร์ตี้ของรายการนั้นๆ) เมื่อเพิ่มมาร์กอัปลงในหน้าแล้ว คุณสามารถทดสอบได้โดยใช้เครื่องมือทดสอบตัวอย่างข้อมูลริชมีเดียเพื่อให้แน่ใจว่า Google แยกวิเคราะห์ข้อมูลในหน้าได้
เช่นเดียวกับ Microformat และ RDFa คําศัพท์ที่เรารองรับนั้นรวมถึงประเภทรายการและพร็อพเพอร์ตี้ของรายการที่ Google เข้าใจ ซึ่งได้ระบุไว้ในเอกสารประกอบเกี่ยวกับตัวอย่างข้อมูลริชมีเดีย และใน data-vocabulary.org การมาร์กอัปเนื้อหาไม่ได้เป็นการรับประกันว่าตัวอย่างข้อมูลริชมีเดียจะแสดงในเว็บไซต์ของคุณ โดย Google จะทยอยใช้มาร์กอัป Microdata เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี
หากต้องการเริ่มต้นใช้งาน ให้ดูข้อมูลที่มีประโยชน์จากลิงก์ต่อไปนี้
เขียนโดย Siddhartha Chattopadhyay, Kavi Goel, Ramanathan V. Guha, Pravir Gupta, Othar Hansson
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
[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"]]