วิธีใช้ Microdata เมื่อสร้างเว็บไซต์

วิธีใช้ Microdata เมื่อสร้างเว็บไซต์
วิธีใช้ Microdata เมื่อสร้างเว็บไซต์

วีดีโอ: วิธีใช้ Microdata เมื่อสร้างเว็บไซต์

วีดีโอ: วิธีใช้ Microdata เมื่อสร้างเว็บไซต์
วีดีโอ: HTML5 Tutorial For Beginners - Part 8 - Microdata 2024, อาจ
Anonim

พิจารณาการใช้ microdata (microdata) เพื่อให้เว็บไซต์ของคุณมีคุณค่าทางความหมายและการมองเห็นแก่เครื่องมือค้นหา

เว็บความหมาย
เว็บความหมาย

Microdata หรือ "microdata" เป็นนวัตกรรมที่ได้รับการเผยแพร่สู่โลกของเว็บทั่วโลกด้วยการเปิดตัวมาตรฐาน HTML5 ฉบับปรับปรุงใหม่ Microdata เป็นโปรแกรมเสริมขนาดกะทัดรัดเหนือมาร์กอัป HTML ปกติ เป็นคู่ชื่อ-ค่าที่เกี่ยวข้องตามตรรกะ และอิงตามเนื้อหาของหน้าเว็บ จุดประสงค์ของ microdata คือการสร้างข้อความไม่ใช่แค่ชุดของคำ แต่เพื่อให้มีความหมายเชิงความหมายมากขึ้น ซึ่งหมายความว่าโรบ็อตค้นหาที่ตรวจสอบเนื้อหาของไซต์ของคุณ จะสามารถเขียนและวิเคราะห์ลิงก์ระหว่างออบเจ็กต์ที่คุณต้องการชี้ให้เขาเห็น ฟังดูซับซ้อนเกินไป? ลองดูตัวอย่างและทุกอย่างจะชัดเจนในครั้งเดียว

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

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

ตัวอย่างปัญหาของเครื่องมือค้นหาที่มีและไม่มี microdata
ตัวอย่างปัญหาของเครื่องมือค้นหาที่มีและไม่มี microdata

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

มันทำงานอย่างไร? ง่ายมาก เพียงเพิ่มแอตทริบิวต์ที่เครื่องอ่านได้สองสามรายการลงในมาร์กอัป HTML ปกติ ตัวอย่างเช่น นี่คือลักษณะมาร์กอัปของเราหากไม่มี microdata:

การแสดงของเด็ก "The Nutcracker" จะมีขึ้นในวันที่ 22 ธันวาคมที่ Olympic Sports Complex ในมอสโก

และเช่นนี้ - ด้วย microdata:

มีการเพิ่มแอตทริบิวต์ใหม่หลายรายการในแท็ก html หลักที่นี่:

  • itemscope - กำหนดขอบเขตของบล็อก microdata
  • itemtype - กำหนดประเภทของ microdata;
  • itemprop - ตั้งค่าคุณสมบัติที่อธิบายโดย microdata

ตัวอย่างเช่น ในกรณีของเรา โรบ็อตการค้นหาจะเน้นข้อมูลต่อไปนี้:

  • ชนิดข้อมูล: เหตุการณ์;
  • ชื่อเรื่อง: The Nutcracker;
  • วันที่: 22 ธันวาคม;
  • สถานที่: เอสซี โอลิมปิค

และหุ่นยนต์ค้นหาจะสามารถประมวลผลข้อมูลนี้และนำเสนอต่อผู้ใช้ในรูปแบบที่สะดวกตามความต้องการ ขึ้นอยู่กับประเภทของ microdata ความสามารถในการเพิ่มกิจกรรมในปฏิทิน หรือเพิ่มผู้ติดต่อของบุคคลในสมุดที่อยู่ หรือสั่งซื้อผลิตภัณฑ์ หรือซื้อตั๋วเครื่องบิน / รถไฟ / รถบัส ฯลฯ

แต่หุ่นยนต์ค้นหารู้ได้อย่างไรว่าคำว่า "เหตุการณ์" คืออะไร? ในการทำเช่นนี้คุณต้องปฏิบัติตามข้อตกลงบางอย่างเพื่อให้ทุกคนใช้ oin และสิ่งที่เรียกว่าเดียวกัน “พจนานุกรม” ที่คุณสามารถเลือกประเภทของ microdata ที่เหมาะสมได้ ในปัจจุบัน พจนานุกรมดังกล่าวคือเว็บไซต์ schema.org และเว็บไซต์อื่นๆ อีกหลายแห่งที่จัดเก็บพจนานุกรม microdata ที่เป็นที่ยอมรับโดยทั่วไป

หากต้องการใช้พจนานุกรมเหล่านี้ คุณต้องเลือกประเภทข้อมูลที่เหมาะสมก่อน ชนิดข้อมูลถูกระบุเป็น URI ตัวอย่างเช่น สำหรับเหตุการณ์ ประเภทที่เหมาะสมจากพจนานุกรมจะเป็น "เหตุการณ์" ที่มี URI "https://schema.org/Event" ที่อยู่นี้อาจไม่นำไปสู่หน้าเว็บจริงบนอินเทอร์เน็ต แต่ใช้เพื่อระบุประเภทของ microdata เท่านั้น

ดังนั้น หากเราเขียนตัวอย่างใหม่โดยใช้คำศัพท์ทั่วไป เราจะได้มาร์กอัปดังต่อไปนี้:

แนะนำ: