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

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

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

  1. ภาพรวม
  2. การให้ข้อมูลแก่ Programmable Search Engine
  3. การให้ข้อมูลแก่ตัวอย่างข้อมูลสื่อสมบูรณ์
  4. การดู Structured Data ที่ดึงมา

ภาพรวม

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

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

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

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

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

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

รายการต่อไปนี้มีข้อมูลโค้ด 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 แตกข้อมูลได้โดยทำตามวิธีนี้

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

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

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

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

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

การใช้ PageMaps

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

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

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

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

การกำหนดแท็ก 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 นั้นผ่านเครื่องมือ Sitemap ของ Search Console

ต่อไปนี้เป็นตัวอย่างของ Sitemap ที่มีข้อมูล PageMap สำหรับ URL 2 รายการ ได้แก่ 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 แล้ว แอตทริบิวต์ที่กำหนดเองจะแสดงผลในพร็อพเพอร์ตี้ RichSnippet ของผลการค้นหาแต่ละรายการ ซึ่งสามารถใช้กับ Callbacks ขององค์ประกอบ Search ได้

<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 ซึ่งใช้ได้กับฟีเจอร์ข้อมูลที่มีโครงสร้างทั้งหมดของ Custom 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

...
<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 ตราบใดที่ขนาดข้อความทั้งหมดของพร็อพเพอร์ตี้ที่ประมวลผลทั้งหมดไม่เกิน 1 MB โดยไม่มีพร็อพเพอร์ตี้ใดยาวเกิน 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 อาจแสดงผลลัพธ์ที่เรียงลำดับในแบบที่คุณคาดไม่ถึง

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

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

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

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

Google จะพยายามแยกวิเคราะห์ตัวแปรของรูปแบบวันที่เหล่านี้ เช่น MM/DD/YYYY และ DD/MM/YYYY อย่างไรก็ตาม ยิ่งวันที่นั้นกำกวมมากเท่าใด Google ก็ยิ่งมีโอกาสน้อยลงที่ 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 จำนวนมากออก ระบบจะประมวลผลข้อมูลมาตรฐานเพิ่มเติมดังนี้

  • ซึ่งแปลงจากโครงสร้าง graph ของ JSON-LD เป็นฟอเรสต์ต้นไม้
  • ป่านี้ได้รับการลดย่อยให้เหลือเพียงกิ่งก้านที่เกี่ยวข้องกับชุดย่อยของประเภท schema.org ชุดย่อยประกอบด้วยแผนผังประเภท schema.org สำหรับ หากคุณมีประเภทอื่นๆ ที่เป็นประโยชน์สำหรับกรณีการใช้งานของคุณโดยเฉพาะ โปรดแจ้งให้เราทราบในฟอรัมการสนับสนุน
  • โหนด JSON-LD แต่ละโหนดจากประเภทที่เลือกไว้จะดึงสาขาจากต้นไม้ JSON-LD ของโหนดดังกล่าว กิ่งก้านดังกล่าวจะมีโหนดระดับบนในต้นไม้และโหนดสืบทอดทั้งหมด เช่น เราอาจมีโครงสร้างต้นไม้ที่ MusicComposition ที่มีพร็อพเพอร์ตี้ firstPerformance ที่มีค่า Event ซึ่งมีพร็อพเพอร์ตี้ Event ครบชุด โหนดเหล่านั้นทั้งหมด จาก MusicComposition ผ่านพร็อพเพอร์ตี้ของเหตุการณ์และโหนดย่อยใดๆ จะเก็บไว้เพื่อให้กิ่งไม้ที่มีความหมายซึ่งมี firstPerformance Event เก็บไว้
สำหรับ JSON-LD ข้างต้น ระบบจะแสดงผล Structured Data ในผลการค้นหาเป็น 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 ได้จากเอกสารประกอบ Structured Data และ json-ld.org

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

การใช้ Microformat

Microformats เป็นข้อกำหนดสำหรับการแสดงรายการที่เผยแพร่โดยทั่วไป เช่น รีวิว ผู้คน ผลิตภัณฑ์ และธุรกิจ โดยทั่วไป Microformats ประกอบด้วยองค์ประกอบ <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 ก่อนหน้าที่ขยายด้วย Microformat

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

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

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

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

เฟรมเวิร์กคำอธิบายทรัพยากรในแอตทริบิวต์ (RDFa) มีความยืดหยุ่นมากกว่า Microformat Microformats ระบุทั้งไวยากรณ์สำหรับการรวมข้อมูลที่มีโครงสร้างลงในเอกสาร 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 และ Microformat ตัวอย่างเช่น บุคคลหนึ่งอาจมีชื่อที่พัก ชื่อเล่น, 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 อย่างเป็นทางการ Custom Search เป็นวิธีที่ดีในการสำรวจส่วนขยายที่เป็นไปได้ของ 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 (Anchor)

ดูข้อมูลเพิ่มเติมเกี่ยวกับ Microdata ได้ใน เอกสารประกอบข้อมูลที่มีโครงสร้างและมาตรฐาน Microdata ของ HTML

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

การดู Structured Data ที่ดึงมา

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

Programmable Search Engine จะเก็บ Structured Data บางส่วนไว้ ดังนั้น ให้ใช้ Programmable Search Engine เพื่อตรวจสอบมุมมอง Structured Data ของ Programmable Search Engine สำหรับหน้าเว็บ ดังนี้

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

    ภาพหน้าจอของการเปิดใช้ Structured Data

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

    ภาพหน้าจอของปุ่ม Structured Data ในผลการค้นหา

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

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

<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 หลายอย่าง ซึ่งรวมถึงฟีเจอร์ต่อไปนี้