การให้ข้อมูลที่มีโครงสร้าง

หน้านี้จะแสดงวิธีเพิ่มข้อมูลที่มีโครงสร้างซึ่งโอเปอเรเตอร์การค้นหาใช้

หน้าเว็บมักจะเต็มไปด้วยข้อความรูปแบบอิสระ ซึ่งสามารถ มนุษย์อ่านได้ แต่คอมพิวเตอร์ทำความเข้าใจได้ยากกว่า ใช้บ้าง หน้าเว็บมีข้อมูลที่มีโครงสร้างขนาดใหญ่และง่ายต่อการ เช่น วันที่ของหน้าเว็บที่ฝังอยู่ใน URL หรือชื่อของหน้าเว็บ หรือฟิลด์ที่เครื่องอ่านได้ที่ฝังอยู่ในโค้ด HTML Google จะแยก Structured Data ที่หลากหลายจากหน้าเว็บ ช่วงเวลานี้ หน้าจะอธิบายประเภทข้อมูลที่มีโครงสร้างที่ Google แยกออกมา ใช้ได้ใน ข้อมูลโค้ดที่กำหนดเองและ การค้นหาที่มีโครงสร้าง

1. ภาพรวม
2. การให้ข้อมูลแก่ Programmable Search Engine
   • การใช้ PageMaps
   • การใช้แท็ก <meta>
   • การใช้วันที่ของหน้าเว็บ
   • การจัดรูปแบบวันที่
3. การให้ข้อมูลไปยังตัวอย่างข้อมูลสื่อสมบูรณ์
   • การใช้ JSON-LD
   • การใช้ Microformats
   • การใช้เฟรมเวิร์กคำอธิบายทรัพยากรในแอตทริบิวต์ (RDFa)
   • การใช้ Microdata
4. การดูข้อมูลที่มีโครงสร้างที่แยกออกมา

ภาพรวม

ขณะอ่านหน้าเว็บที่ขายดีวีดี คุณสามารถ ค้นหาว่าภาพยนตร์ชื่ออะไร ความคิดเห็นเกี่ยวกับภาพยนตร์เรื่องนี้เป็นอย่างไร และ พวกเขาให้คะแนนที่นี่อย่างไร แต่คอมพิวเตอร์ทำสิ่งเดียวกันไม่ได้เพราะ ผู้ใช้ไม่เข้าใจโครงสร้างของข้อมูล

ตัวอย่างเช่น หากหน้าเว็บมีเนื้อหาเกี่ยวกับดีวีดีพร้อมกับ คำแนะนำสินค้าอื่นๆ โฆษณาจากร้านค้าอื่นๆ และความคิดเห็นจาก ลูกค้าในหน้านั้นอาจมีราคาต่างกันสำหรับ ไม่ใช่แค่เพียงดีวีดีที่กำลังขาย คุณสามารถคิด ลดราคาดีวีดีพร้อมกับปิดราคาอื่นๆ แต่ ในคอมพิวเตอร์ไม่ได้ บางโปรแกรมที่ซับซ้อนอาจพบราคาใน หน้าเว็บได้ แต่ไม่สามารถระบุกฎในการหาเฉพาะหน้าเว็บ ในราคาแผ่นดีวีดี

รูปแบบข้อมูลที่มีโครงสร้างคือกฎที่กำหนดโครงสร้างและ เนื้อหาของหน้าเว็บ ซึ่งเป็นมาร์กอัปที่คุณใช้กับตัวอย่างข้อความ คอมพิวเตอร์สามารถประมวลผลความหมายหรืออรรถศาสตร์ได้ มาร์กอัปไม่ได้เปลี่ยนแปลง การจัดรูปแบบของเว็บไซต์ แต่จะทำให้ข้อมูลเมตาและข้อความอยู่ภายใน แท็ก XHTML มีความหมายมากขึ้นสำหรับคอมพิวเตอร์

Programmable Search Engine รู้จักรูปแบบต่อไปนี้

• PageMaps: บล็อก XML ที่มองไม่เห็นซึ่งเพิ่ม ข้อมูลเมตาลงในหน้าเว็บ
• JSON-LD: ข้อมูลที่มีโครงสร้างที่มองไม่เห็นโดยใช้ JSON
• Microformats: แท็กที่ใช้เพื่อมาร์กอัปว่ามองเห็นได้ เนื้อหาของหน้าเว็บประเภทที่กำหนดไว้ล่วงหน้า
• RDFa: มาตรฐานสำรองสำหรับการมาร์กอัปที่มองเห็นได้ เนื้อหาของหน้าเว็บประเภทที่กำหนดเอง
• Microdata: มาตรฐาน HTML5 ใหม่สำหรับการมาร์กอัป เนื้อหาบนหน้าที่ปรากฏขึ้น
• แท็ก <meta>: แท็ก HTML มาตรฐาน ซึ่งส่วนย่อยๆ ได้รับการแยกวิเคราะห์โดย Google
• วันที่ออกหน้า: ฟีเจอร์บนหน้าที่ระบุวันที่ วันที่ ซึ่ง Google พยายามแยกวิเคราะห์

โดยจะใช้รูปแบบใดรูปแบบหนึ่งหรือหลายรูปแบบรวมกันก็ได้ โปรดทราบว่า Google Search ต่างจาก Programmable Search Engine ตรงที่ใช้เพียง JSON-LD, Microdata และ RDFa เท่านั้น เมื่อสร้างตัวอย่างข้อมูลสื่อสมบูรณ์ และมีอัลกอริทึมและนโยบายของตัวเอง กำหนดข้อมูลที่จะแสดงต่อผู้ใช้ ดังนั้นเมื่อเอลิเมนต์ของข้อมูลที่มีโครงสร้างที่คุณเพิ่ม หน้าเว็บของคุณอาจแสดงใน Programmable Search Engine และอาจไม่มีการนำข้อมูลดังกล่าวไปใช้ใน Google ผลการค้นหา

ต่อไปนี้คือตัวอย่างตามอุดมคติของ HTML ธรรมดาจากเว็บไซต์ตรวจสอบ

<div>
    <div>
        <h1>Pizza My Heart</h1>
    </div>
    <span>88%</span> like it
    <a href="#reviews">See all 12 reviews</a>
    <span>Under $10 per entree</span>
<div>

ตัวอย่างต่อไปนี้แสดงโค้ด HTML ก่อนหน้า ขยายด้วยรูปแบบที่เรียกว่า microformat ดังนี้

<div class="hreview-aggregate">
    <div class="vcard item">
        <h1 class="fn">Pizza My Heart</h1>
    </div>
    <span class="rating average">88%</span> like it
    <a href="#reviews">See all <span class="count">12</span> reviews</a>
    <span class="pricerange">Under $10 per entree</span>
<div>

ดูฟีเจอร์ที่ Programmable Search Engine แยกได้โดยทำดังนี้ วิธีนี้

ด้วยการรวมรูปแบบข้อมูลที่มีโครงสร้างมาตรฐานลงใน หน้าเว็บ ไม่เพียงแต่ทำให้ข้อมูลพร้อมใช้งานสำหรับ Programmable Search Engine เท่านั้น แต่ยัง สำหรับบริการหรือเครื่องมือที่รองรับมาตรฐานเดียวกันนี้ด้วย นำไปใช้ Structured Data ไปยังข้อมูลที่สำคัญที่สุดในหน้าเว็บ ดังนั้น ก็สามารถนำเสนอได้โดยตรงในผลลัพธ์ ตัวอย่างเช่น หากคุณ มีเว็บไซต์ที่ขายอุปกรณ์ Android ให้ใส่ Structured Data เกี่ยวกับ ทั้งคะแนน ราคา ห้องว่าง และอื่นๆ เมื่อผู้ใช้ค้นหา ในอุปกรณ์ Android ผู้ใช้ดูคะแนน ราคา ข้อมูลโดยย่อ

ตอนนี้คอมพิวเตอร์สามารถเข้าใจ ประเภทข้อมูลในหน้าเว็บ ฉันควรทำอย่างไรต่อไป คอมพิวเตอร์ยังสามารถเริ่ม ซึ่งเป็นงานหลักในการค้นหาและรวมข้อมูลใน หน้าเว็บ วิธีนี้ช่วยให้ผู้ใช้ไม่ต้องทำงานที่น่าเบื่อ เช่น การกรอง ผ่านหลายหน้าเพื่อหารายการที่ต้องการ เครื่องมือค้นหา เช่น Programmable Search Engine จะสามารถประมวลผลข้อมูลที่มีโครงสร้างใน หน้าเว็บและแสดงผลในแบบที่เป็นประโยชน์และมีความหมายมากขึ้น เช่น ข้อมูลโค้ดที่กำหนดเองและ การค้นหาที่มีโครงสร้าง

กลับไปด้านบน

การให้ข้อมูลแก่ Programmable Search Engine

Google รองรับข้อมูลหลายประเภท ซึ่งใช้ Programmable Search Engine: แมปหน้าเว็บ ส่วนย่อยของแท็ก <meta> และวันที่ของหน้าเว็บโดยประมาณ

การใช้ PageMaps

PageMaps คือรูปแบบ Structured Data ซึ่งช่วยให้ Google ทราบข้อมูลเกี่ยวกับ ข้อมูลบนหน้าหนึ่งๆ ช่วยให้ผู้สร้างเว็บไซต์สามารถฝังข้อมูลและหมายเหตุลงใน หน้าเว็บ แม้ว่าข้อมูลที่มีโครงสร้างจะไม่แสดงต่อผู้ใช้หรือต่อ Google Web Search, Programmable Search Engine จะรู้จักระบบนี้เมื่อจัดทำดัชนีหน้าเว็บของคุณ และ ส่งคืนได้โดยตรงใน Programmable Search Element

คุณสามารถเพิ่ม PageMaps ในหน้าเว็บหรือส่ง PageMaps โดยใช้ Sitemap นอกจากนี้ Google จะใช้ข้อมูลอื่นๆ ในหน้าเว็บ เช่น มาร์กอัปตัวอย่างข้อมูลริชมีเดีย หรือ meta เพื่อสร้าง PageMap

PageMaps แตกต่างจากรูปแบบข้อมูลที่มีโครงสร้างรูปแบบอื่นๆ ที่อธิบายไว้ด้านล่าง คุณไม่จำเป็นต้องปฏิบัติตามพร็อพเพอร์ตี้หรือคำมาตรฐานต่างๆ หรือแม้กระทั่งอ้างอิง กับคำศัพท์ สคีมา หรือเทมเพลตที่มีอยู่ คุณเพียงแค่สร้าง ค่าแอตทริบิวต์ที่กำหนดเองที่เหมาะกับเว็บไซต์ ไม่เหมือนกับโครงสร้าง แอตทริบิวต์ข้อมูลของ microformat, Microdata และ RDFa ซึ่งเพิ่มเข้ามารอบๆ เนื้อหาที่ผู้ใช้เห็นในส่วนเนื้อหาของ HTML ซึ่งมีข้อมูลเมตาของ PageMaps รวมอยู่ ส่วน head ของหน้า HTML วิธีการนี้รองรับการค้นหาที่กำหนดเอง ที่แอปพลิเคชันอาจจำเป็นต้องใช้แต่คุณอาจไม่ต้องการ แสดงต่อผู้ใช้

เมื่อคุณสร้าง PageMap คุณสามารถส่งแผนที่หน้าไปยัง Google โดยใช้ วิธีการต่อไปนี้

• เพิ่มข้อมูล PageMap ลงในหน้า HTML โดยตรง Google จะค้นพบข้อมูล PageMap เมื่อเราทำการ Crawl เว็บไซต์ของคุณ
• เพิ่มข้อมูล PageMap ใน Sitemap แล้วส่งข้อมูลนั้น Sitemap สำหรับการจัดทำดัชนี ซึ่งเป็นตัวเลือกที่ดีหากคุณไม่ต้องการ PageMap เปิดเผยในซอร์สโค้ด HTML ของหน้าเว็บของคุณ

คำจำกัดความของแท็ก PageMap

ตารางต่อไปนี้จะสรุปข้อกำหนดในการเพิ่มข้อมูล PageMap ลงใน Sitemap

แท็ก	จำเป็นไหม	คำอธิบาย
PageMap	ใช่	ล้อมรอบข้อมูล PageMap ทั้งหมดสำหรับ URL ที่เกี่ยวข้อง
DataObject	ใช่	ล้อมรอบข้อมูลทั้งหมดเกี่ยวกับองค์ประกอบเดียว (เช่น การดำเนินการ)
Attribute	ใช่	แต่ละ DataObject จะมีแอตทริบิวต์อย่างน้อย 1 รายการ

หมายเหตุ PageMaps เป็นบล็อก XML ดังนั้นจึงต้องมีรูปแบบที่ถูกต้อง โดยเฉพาะอย่างยิ่ง PageMap, DataObject และ แท็ก Attribute ใน XML จะคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ เช่น type, name และ value

เพิ่มข้อมูล PageMap โดยตรงลงในหน้า HTML ของคุณ

นี่คือตัวอย่างของข้อมูล PageMap ของหน้าเว็บที่เกี่ยวกับ แบดมินตัน:

<html>
  <head>
   ...
  <!--
  <PageMap>
     <DataObject type="document">
        <Attribute name="title">The Biomechanics of a Badminton
        Smash</Attribute>
        <Attribute name="author">Avelino T. Lim</Attribute>
        <Attribute name="description">The smash is the most
        explosive and aggressive stroke in Badminton. Elite athletes can
        generate shuttlecock velocities of up to 370 km/h. To perform the
        stroke, one must understand the biomechanics involved, from the body
        positioning to the wrist flexion. </Attribute>
        <Attribute name="page_count">25</Attribute>
        <Attribute name="rating">4.5</Attribute>
        <Attribute name="last_update">05/05/2009</Attribute>
     </DataObject>
     <DataObject type="thumbnail">
        <Attribute name="src" value="http://www.example.com/papers/sic.png" />
        <Attribute name="width" value="627" />
        <Attribute name="height" value="167" />
     </DataObject>
  </PageMap>
  -->
  </head>
   ...
</html>

เพิ่มข้อมูล PageMap ลงใน Sitemap

หากคุณไม่ต้องการรวมข้อมูล PageMap ใน HTML ของหน้าเว็บต่างๆ คุณสามารถ เพิ่มข้อมูล PageMap ลงใน Sitemap แล้วส่ง Sitemap นั้นผ่าน เครื่องมือแผนผังเว็บไซต์ของ Search Console

นี่คือตัวอย่างของ Sitemap ที่มีข้อมูล PageMap สำหรับ URL: http://www.example.com/foo และ http://www.example.com/bar

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url>
   <loc>http://www.example.com/foo</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="hibachi">
       <Attribute name="name">Dragon</Attribute>
       <Attribute name="review">3.5</Attribute>
     </DataObject>
   </PageMap>
 </url>
 <url>
   <loc>http://www.example.com/bar</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="biggreenegg">
       <Attribute name="name">Ribs</Attribute>
       <Attribute name="review">4.0</Attribute>
     </DataObject>
   </PageMap>
 </url>
</urlset>

การแยกวิเคราะห์ข้อมูล PageMap

เมื่อใช้ Programmable Search Element แอตทริบิวต์ที่กำหนดเองจะ ที่แสดงในคุณสมบัติตัวอย่างข้อมูลสื่อสมบูรณ์ของผลลัพธ์แต่ละรายการ สามารถใช้กับ องค์ประกอบการค้นหา Callbacks

<r n="1">
 <u> http://www.xyz.com/business/vending_machine.html </u>
 ...
 <t> In Italy, a Vending Machine Even Makes the <b>Pizza</b> </t>
 ...
 <s>The European vending machine industry has annual sales of about #33
 billion, much of it coming from factories and offices.</s>
 ...
 <PageMap>
  <DataObject type="image">
   <Attribute name="image_src" value="http://www.nytimes.com/images/2009/03/14/business/14vend.751.jpg"/>
  </DataObject>
  <DataObject type="publication">
   <Attribute name="author" value="John Tagliabue"/>
   <Attribute name="date" value="March 14, 2009"/>
   <Attribute name="category" value="Business/World Business"/>
  </DataObject>
 </PageMap>
 ...
</r>

กลับไปด้านบน

กำลังใช้แท็ก <meta>

แม้ว่า PageMaps จะให้คุณระบุข้อมูลที่ต้องการได้อย่างแม่นยํา แต่ละหน้า บางครั้งจะมีเนื้อหา จำนวนมากที่คุณทำ ไม่ต้องการใส่คำอธิบายประกอบ Google แยกเนื้อหาที่เลือกมาจาก META ของแบบฟอร์ม <meta name="KEY" content="VALUE"> เราไม่รองรับรูปแบบย่อยของ เมตาแท็ก เช่น การใช้ property แทน name

แม้ว่าเราจะยกเว้น แท็กที่ปกติแล้วเครื่องมือการเขียนเว็บจะแทรกด้วยโปรแกรม เช่น robots, description และ keywords, แท็กที่พบไม่บ่อยสำหรับเว็บไซต์ของคุณโดยเฉพาะจะ ดึงข้อมูลแล้วใส่ลงในออบเจ็กต์ข้อมูลพิเศษ ประเภท metatags ซึ่งใช้กับ ฟีเจอร์ข้อมูลที่มีโครงสร้างของ Search เช่น แท็ก <meta> ของแบบฟอร์ม

<meta name="pubdate" content="20100101">

สร้าง PageMap DataObject ซึ่งส่งคืนในผลลัพธ์ XML ดังนี้

<r n="1">
 ...
 <PageMap>
  <DataObject type="metatags">
   <Attribute name="pubdate" value="20100101"/>
  </DataObject>
 </PageMap>
 ...
</r>

ข้อมูลใน PageMap ที่สร้างขึ้นโดยอัตโนมัตินี้สามารถใช้ได้ทุกที่ที่คุณสามารถ ใช้ข้อมูลจาก PageMap ที่รวมอยู่ในเนื้อหาหน้าเว็บของคุณอย่างชัดเจน สำหรับ เช่น สามารถใช้กับโอเปอเรเตอร์การค้นหาแบบมีโครงสร้าง เช่น จัดเรียงตามแอตทริบิวต์

https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=metatags-pubdate

หรือด้วย Programmable Search Element

...
<div class="gcse-search" sort_by="metatags-pubdate:d:s"></div>
...

ต่อไปนี้คือแท็ก <meta> ที่ Google ยกเว้น

• หุ่นยนต์
• คำอธิบาย
• คีย์เวิร์ด
• การกลับมาอีกครั้งหลังจาก
• โปรแกรมสร้างแผนผังไซต์
• ยืนยัน-v1
• Googlebot
• google-site-verification
• mssmarttagspreventparsing
• ไม่มีแคช

Google พยายามรวมแท็ก <meta> อื่นๆ ทั้งหมด โดยมีข้อควรระวังว่า เครื่องหมายวรรคตอน สัญลักษณ์พิเศษ และการเว้นวรรคใน name ฟิลด์ของแท็ก <meta> อาจไม่ได้รับการแยกวิเคราะห์อย่างถูกต้อง Programmable Search Engine รองรับจุดและขีดกลางในชื่อแท็ก <meta> อย่างชัดเจน Programmable Search Engine ไม่ได้รองรับสัญลักษณ์พิเศษอื่นๆ อย่างชัดเจน ภายในชื่อแท็ก <meta> แต่มีอักขระพิเศษบางตัว อาจได้รับการยอมรับอย่างถูกต้องหาก URL ที่เข้ารหัส

ข้อจำกัด

Programmable Search Engine จะแปลงแท็ก <meta> สูงสุด 50 รายการเป็น PageMaps เนื่องจากขนาดข้อความทั้งหมดของพร็อพเพอร์ตี้ที่ประมวลผลทั้งหมดต้องไม่เกิน 1MB โดยไม่มี พร็อพเพอร์ตี้แต่ละรายการที่มีความยาวเกิน 1,024 อักขระ

กลับไปด้านบน

การใช้วันที่ของหน้าเว็บ

นอกจากข้อมูลเมตาที่คุณระบุในหน้าเว็บอย่างชัดแจ้งแล้ว นอกจากนี้ Google ยังคาดคะเนวันที่ของหน้าเว็บจากคุณลักษณะของหน้าเว็บ เช่น เป็นวันที่ในชื่อและ URL Programmable Search Engine ช่วยให้คุณใช้ วันที่ในการจัดเรียง การให้น้ำหนักพิเศษและช่วงจำกัดผลลัพธ์โดยใช้ข้อมูลเมตาพิเศษ คีย์ date วันที่โดยประมาณนี้สามารถใช้ในโอเปอเรเตอร์ทั้งหมดได้ ที่ใช้พารามิเตอร์ของ URL &sort= รวมถึง จัดเรียงตามแอตทริบิวต์ อคติตามแอตทริบิวต์ จำกัดเฉพาะช่วง

หมายเหตุ: ระบบจะไม่เพิ่มวันที่ของหน้าเว็บลงใน PageMap เพื่อไม่ให้แสดงผลในผลลัพธ์ JSON API, ไม่สามารถใช้ใน Programmable Search Engine และไม่สามารถใช้กับ ฟีเจอร์กรองตามแอตทริบิวต์

ตัวอย่างต่อไปนี้แสดงการใช้วันที่ของหน้าเว็บกับโอเปอเรเตอร์เหล่านี้

หากคุณต้องการ...	ส่ง URL นี้...	หากต้องการเรียนรู้เพิ่มเติม โปรดดูที่...
จัดเรียงผลลัพธ์ตามวันที่จากมากไปน้อย	https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date	จัดเรียงตามแอตทริบิวต์
การให้น้ำหนักพิเศษกับวันที่ต่อๆ ไป	https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:d:s	อคติตามแอตทริบิวต์
ผลการให้น้ำหนักพิเศษกับวันที่เก่าๆ ไม่ค่อยชัดเจน	https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:a:w	อคติตามแอตทริบิวต์
แสดงผลลัพธ์ตั้งแต่วันที่ 1 มกราคมถึง 1 กุมภาพันธ์ 2010 (รวมด้วย)	https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:r:20100101:20100201	จำกัดเฉพาะช่วง

การประมาณวันที่ที่ถูกต้องของหน้าเว็บของ Google จะอิงจากฟีเจอร์ต่างๆ เช่น วันที่บรรทัดชื่อผู้เขียนของบทความข่าว หรือการระบุอย่างชัดเจน วันที่ในชื่อของเอกสาร หากหน้าเว็บมีการระบุอย่างไม่ถูกต้อง หรือ วันที่ที่ไม่ตรงกัน การประมาณวันที่ของหน้าเว็บของ Google อาจไม่ และ Programmable Search Engine อาจแสดงผลการค้นหาตามลำดับ ในแบบที่คุณไม่คาดคิด

การจัดรูปแบบวันที่

ไซต์อาจให้ข้อมูลวันที่โดยปริยาย โดยใช้ข้อมูล ฟีเจอร์วันที่โดยประมาณของหน้าเว็บเพื่อตรวจจับวันที่ที่ฝังไว้ในหน้าเว็บ URL, ชื่อ หรือฟีเจอร์อื่นๆ หรือโดยระบุวันที่ใน รูปแบบข้อมูลที่มีโครงสร้าง ไม่ว่าจะเป็นกรณีใด การใช้วันที่จะมีผล ต้องมีการจัดรูปแบบวันที่อย่างถูกต้อง

สำหรับ Programmable Search Engine จัดเรียงตามแอตทริบิวต์ อคติตามแอตทริบิวต์ จำกัดเฉพาะช่วง Google จะพยายามแยกวิเคราะห์วันที่โดยใช้วันที่ปกติ การจัดรูปแบบและมาตรฐานอย่างเป็นทางการ เช่น ISO 8601 และ IETF RFC 850 ระบบยอมรับรูปแบบวันที่ที่สมบูรณ์ต่อไปนี้

รูปแบบวันที่	วันที่ตัวอย่าง
ปปปป-ดด-วว	2009-12-31
DD/MM/YYYY	31/12/2009
ปปปปดดวว	20091231
เดือน วว ปปปป	31 ธันวาคม 2009
วว เดือน ปปปป	31 ธันวาคม 2552

Google จะพยายามแยกวิเคราะห์รูปแบบต่างๆ ของรูปแบบวันที่เหล่านี้ เช่น ในชื่อ MM/DD/YYYY และ DD/MM/YYYY อย่างไรก็ตาม ยิ่งวันที่กำกวมมากเท่าใด โอกาสที่ Google จะแยกวิเคราะห์ก็จะยิ่งน้อยลง ได้อย่างถูกต้อง ตัวอย่างเช่น วันที่ 06/07/08 คือ มีความคลุมเครืออย่างมาก และ Google ก็ไม่ จะกำหนดหลักเกณฑ์นี้ การตีความที่คุณต้องการ เพื่อผลลัพธ์ที่ดีที่สุด ให้ใช้ ISO 8601 รูปแบบวันที่ที่ระบุปีแบบเต็ม

กลับไปด้านบน

ตัวอย่างแบบสมบูรณ์

นอกจากนี้ Google ยังดึงข้อมูลที่มีโครงสร้างที่หลากหลายจาก JSON-LD, Microformats และ RDFa ด้วย และ Microdata ที่จะใช้ใน ตัวอย่างข้อมูลสื่อสมบูรณ์ การนำเสนอแบบขยายของผลการค้นหามาตรฐานของ Google ข้อมูลที่คล้ายกันนี้มีให้ใช้งานใน Programmable Search Engine โอเปอเรเตอร์ข้อมูลที่มีโครงสร้าง ซึ่งโดยปกติแล้วเป็นข้อมูลเดียวกับที่ใช้ในตัวอย่างข้อมูลสื่อสมบูรณ์ ตัวอย่างเช่น ถ้าคุณมาร์กอัปหน้าของคุณด้วย Microformat มาตรฐาน hrecipe คุณสามารถจัดเรียงตามจำนวนคะแนนได้ ดาวของสูตรอาหารที่มีโอเปอเรเตอร์อย่าง &sort=recipe-ratingstars Google ขยายข้อมูลที่แยกออกมาอย่างต่อเนื่องและปริมาณของข้อมูลนี้ ข้อมูลพร้อมใช้งานใน Programmable Search Engine เพื่อดูข้อมูลที่ Google ในปัจจุบัน คุณสามารถใช้ เครื่องมือทดสอบข้อมูลที่มีโครงสร้างใน Search Console

กลับไปด้านบน

การใช้ JSON-LD

JSON-LD เป็นรูปแบบมาตรฐานที่ใช้กันอย่างแพร่หลายสำหรับข้อมูลที่มีโครงสร้าง ข้อมูลมีการจัดรูปแบบเป็น JSON และวางไว้ในไฟล์ <script> ด้วย type="application/ld+json"

ต่อไปนี้เป็นโค้ด HTML ขั้นต่ำที่มี JSON-LD แบบง่าย

<script type="application/ld+json">
      {
        "@id": "http://event.example.com/events/presenting-foo",
        "@type": "http://schema.org/Event",
        "http://schema.org/description": "Please attend. You'll love it!",
        "http://schema.org/name": "Presenting Foo",
        "http://schema.org/startdate": "2022-05-24",
        "http://schema.org/location": "Back room"
      }
    </script>

ซึ่ง Google จะแยกข้อมูลชุดย่อยนี้ออกมาสําหรับ Programmable Search Engine และทำให้เป็นมาตรฐาน การแปลงเป็นรูปแบบมาตรฐานจะทำให้ JSON-LD ง่ายขึ้น ซึ่งจะนำสำนวน JSON-LD จำนวนมากออก ข้อมูลที่ปรับให้เป็นมาตรฐานแล้วคือ ประมวลผลเพิ่มเติม:

• โดยแปลงมาจาก กราฟ ของ JSON-LD สำหรับป่าต้นไม้
• ป่าถูกแบ่งออกเป็นกิ่งไม้ที่เกี่ยวข้องกับส่วนย่อยของ ประเภท Schema.org ชุดย่อยประกอบด้วย schema.org พิมพ์ต้นไม้สำหรับ
  • เหตุการณ์
  • ClaimReview
  • EducationalOrganization
  หากคุณมีประเภทอื่นๆ ที่จะเป็นประโยชน์สำหรับ Use Case ของคุณโดยเฉพาะ โปรด ที่เราทราบในการสนับสนุน
• โหนด JSON-LD แต่ละรายการจากหนึ่งในประเภทที่เลือกจะดึงสาขาจาก JSON-LD ของโหนด ต้นไม้ สาขานี้มีโหนดระดับบนของโครงสร้างและโหนดสืบทอดที่สืบทอดมาทั้งหมด เช่น เราอาจมีต้นไม้ที่ MusicCompositionด้วย พร็อพเพอร์ตี้ firstPerformance ที่มี ค่า Event ซึ่งมี เหตุการณ์ ครบชุด พร็อพเพอร์ตี้ โหนดทั้งหมดเหล่านั้นจาก MusicComposition ผ่านคุณสมบัติของ เหตุการณ์และองค์ประกอบสืบทอดจะเก็บไว้เพื่อให้เป็นกิ่งไม้ที่มีความหมาย ที่มีเหตุการณ์ประสิทธิภาพแรก

สำหรับ JSON-LD ข้างต้น ข้อมูลที่มีโครงสร้างจะแสดงในผลการค้นหาเป็น JSON เช่น ดังนี้ วันที่

 ...
 "event": {
   "name": "Presenting Foo",
   "description": "Please attend. You'll love it!",
   "startdate": "2022-05-24",
   "location": "Back room"
 },
 ...

หากต้องการดูว่า Google Search ดึงข้อมูลอะไรสําหรับหน้าเว็บและตรวจสอบ JSON-LD ให้ใช้ ผลการค้นหาที่เป็นริชมีเดีย เครื่องมือทดสอบในเว็บไซต์ Search Console ของ Google

ดูข้อมูลเพิ่มเติมเกี่ยวกับ JSON-LD ได้ที่ เอกสารข้อมูลที่มีโครงสร้าง json-ld.org

กลับไปด้านบน

การใช้ Microformats

Microformat เป็นข้อกำหนดสำหรับการแสดงรายการที่เผยแพร่โดยทั่วไป เช่น รีวิว ผู้คน ผลิตภัณฑ์ และธุรกิจ โดยทั่วไป microformat ประกอบด้วย <span> และ องค์ประกอบ <div> และพร็อพเพอร์ตี้คลาส รวมถึง ชื่อพร็อพเพอร์ตี้แบบสั้นๆ และสื่อความหมาย (เช่น dtreviewed หรือ rating ซึ่งแสดงวันที่ที่รีวิวรายการหนึ่งๆ และคะแนนตามลำดับ)

ต่อไปนี้คือข้อมูลโค้ด HTML ธรรมดา

<p><strong>Kevin Grendelzilla</strong></p>
<p>Technical writer at Google</p>
<p>555 Search Parkway</p>
<p>Googlelandia, CA 94043</p>

ข้อมูลโค้ดต่อไปนี้แสดงโค้ด HTML ก่อนหน้าซึ่งขยายด้วย Microformats:

<div class="vcard">
   <p><strong class="fn">Kevin Grendelzilla</strong></p>
   <p><span class="title">Technical writer</span> at <span class="org">Google</span></p>
   <p><span class="adr">
      <span class="street-address">555 Search Parkway</span>
      <span class="locality">Googlelandia</span>, <span class="region">CA</span>
      <span class="postcode">94043</span>
      </span></p>
</div>

Google จะแยกข้อมูลบางส่วนของข้อมูลนี้ออกให้เป็นมาตรฐานและจัดระเบียบใหม่ ให้สอดคล้องกับลักษณะที่ข้อมูลจะแสดงในตัวอย่างข้อมูลสื่อสมบูรณ์ ช่วงเวลานี้ เซ็ตย่อยจะแสดงในผลลัพธ์ XML ดังนี้

<r n="1">
 ...
 <PageMap>
  <DataObject type="person">
   <Attribute name="location" value="Googlelandia"/>
   <Attribute name="role" value="Technical Writer"/>
  </DataObject>
 </PageMap>
 ...
</r>

หากต้องการดูว่า Google ดึงข้อมูลอะไรมาในหน้าเว็บ ให้ใช้ ข้อมูลที่มีโครงสร้าง เครื่องมือทดสอบใน เว็บไซต์ Search Console ข้อมูลที่ Google ดึงมาจากหน้าเว็บคือ มีการขยายเวลาอย่างต่อเนื่อง ดังนั้นให้กลับมาตรวจสอบเป็นระยะๆ เพื่อดูว่า ทำให้ข้อมูลที่คุณต้องการพร้อมใช้งาน ระหว่างนี้ หากคุณต้องการ ข้อมูลที่กำหนดเองซึ่งไม่สอดคล้องกับ Microformat ที่กำหนด คุณสามารถใช้ PageMaps

ดูข้อมูลเพิ่มเติมเกี่ยวกับ Microformats ได้ที่ เอกสารข้อมูลที่มีโครงสร้าง microformats.org

กลับไปด้านบน

การใช้เฟรมเวิร์กคำอธิบายทรัพยากรในแอตทริบิวต์ (RDFa)

เฟรมเวิร์กคำอธิบายทรัพยากรในแอตทริบิวต์ (RDFa) มีความยืดหยุ่นมากกว่า ไมโครฟอร์แมต Microformats จะระบุทั้งไวยากรณ์สำหรับการรวม Structured Data ลงในเอกสาร HTML และชุดคลาส Microformat โดยแต่ละรายการจะมีคำศัพท์เฉพาะเกี่ยวกับแอตทริบิวต์ที่อนุญาต RDFa เปิดอยู่ ในทางกลับกัน จะระบุเฉพาะไวยากรณ์และอนุญาตให้คุณใช้ที่มีอยู่ คำศัพท์เกี่ยวกับแอตทริบิวต์ หรือสร้างแอตทริบิวต์ของคุณเอง อีกทั้งยังให้คุณผสาน คำศัพท์ต่างๆ ได้อย่างอิสระ หากคำศัพท์ที่มีอยู่ไม่ตรงตาม คุณสามารถกำหนดมาตรฐานและคำศัพท์ของคุณเองได้โดย การสร้างฟิลด์ใหม่

ต่อไปนี้คือข้อมูลโค้ด HTML ธรรมดา

<div>
   <h3>5 Centimeters Per Second</h3>
   <h4>Makoto Shinkai</h4>
    ...
</div>

ข้อมูลโค้ดต่อไปนี้แสดงโค้ด HTML ก่อนหน้าที่ขยายด้วย RDFa

<div>
   <h3 property="dc:title">5 Centimeters Per Second</h3>
   <h4 property="dc:maker">Makoto Shinkai</h4>
   ...
</div>

ดูข้อมูลเพิ่มเติมเกี่ยวกับ RDFa ได้ที่ ข้อมูลที่มีโครงสร้าง หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดสคีมา RDF โปรดดู RDF Primer

กลับไปด้านบน

การใช้ Microdata

HTML5 ซึ่งเป็นภาษาที่เขียนขึ้นในภาษาใหม่ล่าสุด จะกำหนดรูปแบบที่เรียกว่า Microdata ซึ่งรวมแนวคิดของ RDFa และ Microformats เข้าไว้ใน ของตัว HTML เอง Microdata ใช้แอตทริบิวต์แบบง่ายในแท็ก HTML (มักจะเป็น span หรือ div) เพื่อมอบหมายสรุปและ ที่เป็นความหมายของชื่อรายการและพร็อพเพอร์ตี้

แอตทริบิวต์ของ Microdata จะช่วยระบุได้ว่า RDFa และ Microformats เนื้อหาของคุณอธิบายข้อมูลบางประเภท เช่น รีวิว ผู้คน ข้อมูล หรือเหตุการณ์ต่างๆ ตัวอย่างเช่น ผู้ใช้สามารถมี ชื่อพร็อพเพอร์ตี้, ชื่อเล่น, URL, ชื่อ และบริษัทในเครือ รายการต่อไปนี้คือ ตัวอย่างของบล็อก HTML สั้นๆ ที่แสดงรายชื่อติดต่อพื้นฐานนี้ ข้อมูลของสุเทพ อยู่เย็น:

<div>
  My name is Bob Smith but people call me Smithy. Here is my home page:
  <a href="http://www.example.com">www.example.com</a>
  I live in Albuquerque, NM and work as an engineer at ACME Corp.
</div>

ต่อไปนี้เป็น HTML เดียวกับที่มาร์กอัปด้วย Microdata โปรดทราบว่าในตัวอย่างนี้ เราใช้พร็อพเพอร์ตี้ "ชื่อเล่น" ที่ยังไม่ได้เป็นส่วนหนึ่งของ schema.org อย่างเป็นทางการ กำหนดเอง การค้นหาเป็นวิธีที่ยอดเยี่ยมในการสำรวจส่วนขยาย schema.org ที่เป็นไปได้จากในเครื่อง เพื่อนำเสนอแก่ชุมชนในวงกว้างขึ้น

<div itemscope itemtype="http://schema.org/Person">
  My name is <span itemprop="name">Bob Smith</span>
  but people call me <span itemprop="nickname">Smithy</span>.
  Here is my home page:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  I live in Albuquerque, NM and work as an <span itemprop="title">engineer</span>
  at <span itemprop="affiliation">ACME Corp</span>.
</div>

บรรทัดแรกของตัวอย่างนี้มีแท็ก HTML div ที่มี แอตทริบิวต์ itemscope ที่บ่งชี้ว่า div มีรายการ Microdata แอตทริบิวต์ itemtype="http://schema.org/Person" เปิดอยู่ แท็กเดียวกันนี้จะบอกให้เราทราบ ว่าเป็นบุคคล พร็อพเพอร์ตี้แต่ละรายการของรายการบุคคล ได้รับการระบุด้วยแอตทริบิวต์ itemprop ตัวอย่างเช่น itemprop="name" ในแท็ก span อธิบาย ชื่อบุคคล โปรดทราบว่าคุณไม่ได้ถูกจำกัดเพียง span และ div; ติดแท็ก itemprop="url" แล้ว ลงในแท็ก a (จุดยึด)

ดูข้อมูลเพิ่มเติมเกี่ยวกับ Microdata ได้ที่ Structured Data ทั้งหมดและ Microdata ของ HTML แบบมาตรฐาน

กลับไปด้านบน

การดูข้อมูลที่มีโครงสร้างที่แยกออกมา

ข้อมูลที่มีโครงสร้าง JSON-LD มีเครื่องมือตรวจสอบพิเศษที่ Google รองรับ เครื่องมือทดสอบผลการค้นหาที่เป็นสื่อสมบูรณ์ ตรวจสอบ ไวยากรณ์ของ JSON-LD และความหมายบางอย่างของ JSON-LD โดยเฉพาะว่าข้อมูลที่มีโครงสร้าง รวมแอตทริบิวต์ที่ต้องระบุและที่แนะนำ เพื่อตรวจสอบรูปแบบอื่นๆ ให้ใช้โปรแกรมตรวจสอบมาร์กอัปสคีมา ตรวจสอบ ไวยากรณ์ของข้อมูลที่มีโครงสร้าง และแสดงรูปแบบที่ตีความแล้ว

Programmable Search Engine จะเก็บส่วนย่อยของ ข้อมูลที่มีโครงสร้าง ดังนั้น ให้ใช้ Programmable Search Engine เพื่อตรวจสอบ ดูข้อมูลที่มีโครงสร้างสำหรับหน้าเว็บตามวิธีต่อไปนี้

1. เปิดข้อมูลที่มีโครงสร้างในผลการค้นหาใน ฟีเจอร์การค้นหาขั้นสูง

   

2. จากนั้นใช้เครื่องมือค้นหาดังกล่าวเพื่อค้นหาหน้าเว็บที่มีข้อมูลที่คุณต้องการดู แล้วคลิกที่ลิงก์ ปุ่มข้อมูลที่มีโครงสร้างในผลการค้นหาสำหรับหน้านั้น

   

ถ้าคุณยังไม่ได้ติดแท็กหน้าเว็บใดๆ โดยใช้ Structured Data แต่คุณต้องการทราบว่า ข้อมูลที่มีโครงสร้างที่ดึงมาอาจมีลักษณะดังนี้ คุณสามารถป้อน URL ของ เว็บไซต์อื่นๆ เว็บไซต์ยอดนิยมที่มีข้อมูลรีวิวหรือรายชื่อ รายชื่อติดต่อมีแนวโน้มที่จะมีข้อมูลที่มีโครงสร้าง

เมื่อคุณพบหน้าเว็บที่มีข้อมูลที่มีโครงสร้าง คุณสามารถดูว่า ของหน้าเว็บเพื่อดูข้อมูลที่มีโครงสร้างที่เว็บไซต์นำมาใช้งาน ตัวอย่างเช่น ให้พิจารณาข้อมูลโค้ด HTML ต่อไปนี้ซึ่งมีข้อมูลที่มีโครงสร้างเกี่ยวกับ บุคคลที่ติดตั้งใช้งานเป็น Microformats:

<div class="vcard">
    <h1 class="fn">
      <span class="given-name">Godzilla</span>
      <span class="family-name">Gigantis</span>
    </h1>
    <span class="title">Senior Giant Monster</span>,
    <span class="adr">
      <span class="locality">Tokyo</span>
    </span>
<div>

Programmable Search Engine จะแยกชุดข้อมูลย่อยต่อไปนี้ เพื่อใช้ในการค้นหาแบบมีโครงสร้าง

person (source = MICROFORMAT)
  location = Tokyo

กลับไปด้านบน

การสำรวจฟีเจอร์อื่นๆ

ข้อมูลที่มีโครงสร้างสามารถนำไปใช้ในฟีเจอร์ต่างๆ ของ Programmable Search Engine ได้ ซึ่งรวมถึงรายการต่อไปนี้

• หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ข้อมูลที่มีโครงสร้างในข้อมูลเพิ่มเติม ดูการปรับแต่งตัวอย่างข้อมูลของผลลัพธ์
• หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับ การเปลี่ยนลำดับของผลการค้นหา ดูการค้นหาที่มีโครงสร้าง