แท็กที่มีโครงสร้างสามแท็กบอก Google ถึงความลับของหน้าของคุณ

การผลิตเว็บเพจ WebJX บทความบทนำ: บอกเครื่องมือค้นหาข้อมูลเพิ่มเติมด้วยการสรุปเว็บที่หลากหลายและแท็กที่มีโครงสร้าง (RDFA)

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

แล้วฉันจะทำอย่างไร? แนะนำหัวข้อ:

สรุปหน้าเว็บ Enrich (Microdata, Microformat และ RDFA)

ข้อมูลจำเพาะนี้ดูเหมือนเป็นนามธรรมและหลีกเลี่ยงปาก ความหมายดั้งเดิมของภาษาอังกฤษคือตัวอย่างที่อุดมไปด้วย (microdata, microformats และ RDFA) ซึ่งดูเหมือนจะเข้าใจง่ายขึ้นเล็กน้อย ดังนั้นเมื่อพูดถึงการเพิ่มคุณค่าตัวอย่างเว็บเพจและข้อมูลที่มีโครงสร้างมันเป็นวิศวกรส่วนหน้าที่แก้ไขซอร์สโค้ด HTML โดยใช้ microdata, ไมโครฟอร์ดและ RDFA (microdata, microformats และ RDFA) วิธีการติดแท็กของคุณ

ดูเหมือนว่าเป็นนามธรรมและยากที่จะเข้าใจเพียงแค่ใช้คำอธิบายข้อความ มาดูตัวอย่างด้านล่างแล้วคุณจะรู้ได้ทันที ^dish ^:

Douban ใช้ RDFA เพื่อให้ Google มี "1988 ฉันต้องการพูดคุยกับโลกนี้"

สิ่งที่เราเห็นคือข้อมูลที่ Google ได้รับเมื่อคลานหน้าโดย Douban จำนวนการให้คะแนนในบรรทัดด้านล่างชื่อคือ RDFA จากนั้นมีบทบาท ~~~

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

นี่คือสามวิธีในการบอกความลับของ Google ในหน้าของคุณ

ใช้ microdata เพื่อทำเครื่องหมายเนื้อหาและบอกข้อมูลของ Google

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

นี่คือโครงสร้าง HTML ที่เรียบง่าย:

<div> ชื่อของฉันคือ Bob Smith แต่มีคนเรียกฉันว่า Smithy นี่คือโฮมเพจของฉัน: <a href =/upload/201110/201110291316163nw.gif "โหลด =" true "ต้นฉบับ ="/ไฟล์/allimg/110818/1750391.gif "oldblock =" inline "jQuery1313662072609

Google รวบรวมคำอธิบายข้อมูลจาก Micro Data ที่จัดทำขึ้นโดย Micro

เมื่อคุณใช้ข้อมูลไมโครคุณควรให้ความสนใจกับชุดข้อมูลจำเพาะอ้างอิงนั่นคือ itemtype = http: //data-vocabulary.org/person แน่นอนเมื่อหน้าของคุณอธิบายข้อมูลอื่น ๆ

บทวิจารณ์ (itemtype = http: //data-vocabulary.org/reviews) ผู้คน (itemtype = http: //data-vocabulary.org/person) ผลิตภัณฑ์ (itemtype = http: //data-vocabulary.org/products) องค์กร (itemType = http: //data-vocabulary.org/organizations) สูตร (itemtype = http: //data-vocabulary.org/recipes) เหตุการณ์ (toalnta toalnated //data-vocabulary.org/events) ข้อมูล.

ไมโครฟอร์ดเป็นข้อกำหนดง่าย ๆ (เรียกว่า เอนทิตี ) ที่ใช้ในหน้าเว็บที่อธิบายประเภทของข้อมูลเฉพาะ โดยทั่วไปไมโครฟอร์ดกำหนดชื่อคำอธิบายสั้น ๆ ให้กับเอนทิตีและคุณสมบัติของมันโดยใช้แอตทริบิวต์คลาสในแท็ก HTML (มักจะ & lt; span & gt; หรือ & lt; div & gt;)

นี่คือโครงสร้าง HTML ที่เรียบง่าย:

<div> <img src = www.example.com/bobsmith.jpg/> <strong> Bob Smith </strong> บรรณาธิการอาวุโสที่ Acme Reviews 200 Main St Desertville, AZ 12345 </div>

HTML ติดแท็กด้วยไมโครฟอร์ม

<div class = vcard> <img class = photo src = www.example.com/bobsmith.jpg/> <strong class = fn> bob smith </strong> <span class = title> editor อาวุโส </span> ที่ <span class = org> acme บทวิจารณ์ class = locality> desertville </span>, <span class = region> az </span> <span class = postal-code> 12345 </span> </span> </div>

การสาธิตบุคคล

ข้อมูลที่บันทึกโดย Google:

Google รวบรวมข้อมูลในตำนานข้อมูลรูปแบบไมโคร

เมื่อใช้ไมโครฟอร์ดเป็นคำอธิบายที่มีโครงสร้างเราควรให้ความสนใจกับคลาส = Google ได้รับข้อมูลโครงสร้างผ่านแท็กคลาสนี้:

รีวิว (class = hreview) คน (class = vcard) ผลิตภัณฑ์ () ธุรกิจและองค์กร (class = vcard class = fn org) สูตร (class = hrecipe) เหตุการณ์ (class = vevent) วิดีโอนี้เป็นพิเศษและฉันจะพูดถึงการใช้ RDFA เพื่อทำเครื่องหมายเนื้อหาเพื่อบอกข้อมูลของ Google

RDFA เป็นวิธีการทำเครื่องหมายเนื้อหาและอธิบายประเภทของข้อมูลที่เฉพาะเจาะจง โดยปกติแล้ว RDFA จะใช้แอตทริบิวต์อย่างง่ายในแท็ก XHTML (มักจะ & lt; span & gt; หรือ & lt; div & gt;) เพื่อกำหนดชื่อคำอธิบายสั้น ๆ ให้กับเอนทิตีและแอตทริบิวต์

นี่คือโครงสร้าง HTML ที่เรียบง่าย:

<div> ชื่อของฉันคือ Bob Smith แต่มีคนเรียกฉันว่า Smithy นี่คือโฮมเพจของฉัน: <a href =/upload/201110/20111029131617pr6.gif "โหลด =" true "ต้นฉบับ ="/ไฟล์/allimg/110818/1750393.gif "oldblock =" inline "

Google รวบรวมข้อมูลตำนานอินโฟกราฟิกที่จัดทำโดย RDFA

ใช้ RDFA สำหรับการติดแท็กและทราบว่าคุณใช้การประกาศเนมสเปซของ XMLNs ที่จุดเริ่มต้น เริ่มโครงสร้างด้วย xmlns: v = http: //rdf.data-vocabulary.org/# การประกาศเนมสเปซและเลือกประเภทอื่นที่จะอธิบาย ตัวอย่างเช่น Type = V: บุคคลในตัวอย่างข้างต้น โปรดทราบว่าเมื่อเรียกการประกาศคุณต้องใช้ Slash และ #

บทวิจารณ์ (typeof = v: รีวิว-รวม) คน (typeof = v: บุคคล) ผลิตภัณฑ์ () ธุรกิจและองค์กร (typeof = v: องค์กร) สูตร (typeof = v: สูตร) ​​กิจกรรม (typeof = v: เหตุการณ์) วิดีโอนี้เป็นพิเศษและจะกล่าวถึงในภายหลังในภายหลัง

ข้างต้นแนะนำเครื่องหมายที่มีโครงสร้างสั้น ๆ สั้น ๆ แน่นอนว่าเครื่องหมายที่มีโครงสร้างของเนื้อหาที่หลากหลายมีคำอธิบายของแอตทริบิวต์เอนทิตีที่แตกต่างกัน ฉันจะแนะนำเนื้อหาเหล่านี้ในรายละเอียดเพิ่มเติมในภายหลัง