Microdata and Html5

Microdata

คือการบอกให้ Browser รู้ว่าเรากำลังเสนอ content อะไร และสามารถอ่านโค๊ตที่เราเขียนได้ง่ายขึ้นสำหรับ Search Engine ก่อนหน้านี้ผมได้ลองใช้ Validator.nu Html5 จะมีฟังชั่นนึง ที่วิเคราะห์โครงสร้างโค๊ตที่เราเขียนออกมาเป็น tree structure คล้ายๆจะ Group หมวดหมู่ content ให้เรา และหลังจากนั้นประมาณ 2เดือน ตัวฟังชั่นนี้ก็ถูกถอดออกไป เหลือแค่เช็ค Html5 ให้ถูกต้องตามมาตรฐาน W3C แค่นั้น แล้วก็มีคนพูดถึงและเริ่มใช้ Microdata กัน เป็นหน้าที่เรา (Respect) ที่คนเขียนโค๊ตแบบเราต้องรู้และเข้าใจ

ไมโครดาตา เป็นคุณสมบัติใหม่ของ Html5 ถูกสร้างมาเพื่อให้ตอบสนอง SEO ได้ดีขึ้น ต้องทำใจไว้เลย สายงานที่ต้องต่อสู้การแสดงผลของ Browser มันจะพัฒนาไปเรื่อยๆไม่มีวันสิ้นสุดเป็น Living Standard

ผมลองใส่ค่า attribute ของไมโครดาต้าเพิ่มลงไปในโค๊ตของ Html

Microdata

Microdata


จากนั้นเอาโค๊ต html ไปตรวจสอบที่ Structured Data Testing Tool ของ Google ก็จะได้ผลลัพธ์ดังรูป
Google

ผลลัพธ์
Google

Itemprop, itemtype ควรเลือกใช้ตาม tag element ที่เหมาะสม เช่นพวก tag H1-H6, p ,div ต่างๆ โดยสรุป คือเป็นการ mark up เพิ่มเข้าไปใน html ของเรา เพื่อบ่งบอกว่าเนื้อหาของ element นั้นๆ เกี่ยวกับอะไร เป็นการช่วยให้ Search Engine ชั้นนำ identify เนื้อหาเว็บของเราได้ดีขึ้น

หลังจากที่กลับไปดู Documentation จาก Schema.org ก็ผ่านไม่มีเออเร่อแล้ว

image

Comments

comments

You may also like...

Leave a Reply

Your email address will not be published.