ภาพรวมของข้อมูลไมโครใน HTML5 และตัวอย่างการใช้งานในเครื่องมือค้นหา

ความคิดเห็น: HTML5 microdata specification เป็นวิธีการทำเครื่องหมายเนื้อหาและใช้เพื่ออธิบายประเภทของข้อมูลเฉพาะเช่นความคิดเห็นข้อมูลบุคคลหรือกิจกรรม Microdata ใช้แอตทริบิวต์อย่างง่ายในแท็ก HTML (มักจะขยาย> หรือ div) เพื่อระบุชื่อคำอธิบายสั้น ๆ สำหรับรายการและแอตทริบิวต์

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

การป้อนหน้าความช่วยเหลือของ Google, Google กล่าวถึงสรุปหน้าเว็บที่เพิ่มคุณค่า (Microdata, Microformat, RDFA และ Highlighter Data) ซึ่ง Microdata เป็นวิธีการเพิ่มประสิทธิภาพโดย Google microdata นี้เป็นคุณสมบัติใหม่ที่เพิ่มโดยผู้มาใหม่ HTML5 เพื่อปรับปรุงความหมายของเว็บ มันมีจุดมุ่งหมายในการสร้างเว็บที่ขับเคลื่อนด้วยข้อมูลซึ่งมีค่ามากกว่าสำหรับโปรแกรมและผู้ใช้

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

Microdata ระบุชื่อคำอธิบายสั้น ๆ สำหรับรายการและแอตทริบิวต์โดยใช้คุณสมบัติง่าย ๆ ในแท็ก HTML (มักจะ <pan> หรือ <div>) ตัวอย่างต่อไปนี้คือบล็อกข้อความ HTML สั้น ๆ ที่แสดงข้อมูลการติดต่อพื้นฐานของ Bob Smith

<div>

ฉันชื่อวัง xx แต่ทุกคนเรียกฉันว่า wungking หน้าแรกของฉันคือ:

<a href = "http://www.vevb.com"> </a>

ฉันอาศัยอยู่ในหวู่ฮั่น ฉันเป็นโปรแกรมเมอร์และปัจจุบันทำงานที่ Fifth Power

</div>

ต่อไปนี้เป็นเนื้อหา HTML เดียวกันที่ทำเครื่องหมายด้วย microdata

<div itemscope itemType = "http://data-vocabulary.org/person">

ชื่อของฉันคือ <span itemprop = "ชื่อ"> wang xx </span>

แต่ทุกคนเรียกฉันว่า <span itemprop = "ชื่อเล่น"> Wungking </span>

หน้าแรกของฉันคือ:

<a href = "http://www.vevb.com" itemprop = "url"> </a>

ฉันอาศัยอยู่ในหวู่ฮั่น ฉันเป็น <span itemprop = "title"> โปรแกรมเมอร์ </span>

ขณะนี้ทำงานที่ <span itemprop = "พันธมิตร"> Fifth Power </span>

</div>

ตัวอย่างนี้อธิบายรายละเอียดด้านล่าง

1. ในบรรทัดแรก itemscope หมายความว่าเนื้อหาใน <div> เป็นรายการ itemType = หมายความว่ารายการนั้นเป็นอักขระ

2. แต่ละแอตทริบิวต์ของรายการอักขระถูกระบุโดยใช้แอตทริบิวต์ itemprop ตัวอย่างเช่น itemProp = ชื่ออธิบายชื่อของอักขระ

มีการแนะนำการใช้งานง่าย ๆ มาดูเอฟเฟกต์กันเถอะ เนื่องจากเครื่องหมายนี้จะไม่มีเอฟเฟกต์ที่แตกต่างกันบนหน้าเว็บ (สำหรับผู้ใช้) ดังนั้นที่นี่เราต้องวางผลของเครื่องมือทดสอบ Google:

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

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