โปรดพิจารณารหัสต่อไปนี้ที่ทำเครื่องหมายด้วยคุณลักษณะเพื่อให้ microdata:
<!DOCTYPE html>
<html>
<head>
<title>Micro data test - Normal version</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Product name</h1>
<img alt="" itemprop="image" src="http://placehold.it/200x200" />
<div itemprop="description">This is the product description.</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta content="in_stock" itemprop="availability" />
<span content="GBP" itemprop="priceCurrency">£</span><span itemprop="price">100.00</span>
</div>
</div>
</body>
</html>การใช้เครื่องมือทดสอบข้อมูลที่มีโครงสร้างของ Google ให้ผลลัพธ์ที่เป็นบวก
นี่เป็นตัวอย่างที่ดีในการทดสอบอย่างไรก็ตามเราต้องการนำ microdata ไปใช้กับเว็บไซต์ต่างๆที่มีโครงสร้าง HTML แตกต่างกันอย่างมาก หากต้องการใช้แอททริบิวต์ด้วยวิธีนี้จะต้องมีคนแก้ไขมาร์กอัพ HTML ด้วยตนเองในแต่ละเว็บไซต์
เราอยากจะเรียกฟังก์ชั่นเดียวที่รวม microdata ทั้งหมดไว้ในที่เดียว ในทางเทคนิคสามารถทำได้โดยใช้เมตาแท็กด้วยวิธีต่อไปนี้:
<!DOCTYPE html>
<html>
<head>
<title>Micro data test - Meta tag version</title>
</head>
<body>
<meta itemscope itemtype="http://schema.org/Product" itemref="microName microImage microDescription microOffer" />
<meta id="microName" itemprop="name" content="Product name" />
<link id="microImage" itemprop="image" href="http://placehold.it/200x200" />
<meta id="microDescription" itemprop="description" content="This is the product description." />
<meta id="microOffer" itemprop="offers" itemscope itemtype="http://schema.org/Offer" itemref="microCurrency microPrice microAvail" />
<meta id="microAvail" itemprop="availability" content="in_stock" />
<meta id="microCurrency" itemprop="priceCurrency" content="GBP" />
<meta id="microPrice" itemprop="price" content="100.00" />
<div>
<h1>Product name</h1>
<img alt="" src="http://placehold.it/200x200" />
<div>This is the product description.</div>
<div>£100.00</div>
</div>
</body>
</html>การใช้เครื่องมือทดสอบข้อมูลที่มีโครงสร้างของ Google จะให้ผลลัพธ์ในเชิงบวกเช่นเดียวกับการทดสอบครั้งแรก
สำหรับการอ้างอิง (เราจะไม่ทำสิ่งนี้ในเว็บไซต์จริง) เครื่องมือทดสอบข้อมูลที่มีโครงสร้างของ Google จะส่งคืนข้อผิดพลาดหากคุณพยายามส่งไมโครดาต้าที่ซ่อนอยู่โดย CSS
ดังนั้นมาร์กอัปทั้งแท็กปกติและเมตาแท็กให้ผลลัพธ์เหมือนกันอย่างไรก็ตามฉันมีข้อกังวลบางอย่างเนื่องจากคำแถลงต่อไปนี้จาก Google และ Schema.org:
https://support.google.com/webmasters/answer/146750รัฐ:
โดยทั่วไป Google จะใช้เฉพาะข้อมูลที่มีการทำเครื่องหมายไว้ซึ่งผู้ใช้จะเห็นได้ ข้อมูลที่ซ่อนจะถูกละเว้น อย่างไรก็ตามในบางกรณีการใช้เนื้อหาของคุณในรูปแบบที่เครื่องสามารถอ่านได้และเป็นเนื้อหาที่มนุษย์สามารถอ่านได้ ตัวอย่างเช่นในขณะที่สตริงข้อความ "วันเกิดของเอลวิส" มีความสำคัญต่อผู้อ่านที่เป็นมนุษย์จำนวนมาก แต่ก็ไม่มีความหมายสำหรับเครื่องมือค้นหาในปี 1935-01-08 ผู้อ่านที่เป็นมนุษย์สามารถสรุปความหมายของสัญลักษณ์ $ ได้ แต่จะมีประโยชน์ในการบอกเครื่องมือค้นหาโดยเฉพาะว่าราคาของคุณเป็นเงินเปโซหรือดอลลาร์
http://schema.org/docs/gs.htmlสถานะ (ที่เกี่ยวข้องกับการใช้เมตาแท็ก):
ควรใช้เทคนิคนี้เท่าที่จำเป็น ใช้เมตาพร้อมเนื้อหาสำหรับข้อมูลที่ไม่สามารถทำเครื่องหมายเป็นอย่างอื่นได้
http://schema.org/docs/faq.html#13สถานะ:
ตามกฎทั่วไปคุณควรทำเครื่องหมายเฉพาะเนื้อหาที่ปรากฏแก่ผู้ที่เข้าชมหน้าเว็บไม่ใช่เนื้อหาในองค์ประกอบ div หรือองค์ประกอบของหน้าที่ซ่อนอยู่
คำถามของฉันคือ:
- ในขณะที่ไม่มีการส่งคืนข้อผิดพลาดเราจะถูกลงโทษโดยเสิร์ชเอ็นจิ้นสำหรับการใช้เมตาแท็กด้วยวิธีนี้ (เช่นเนื้อหาที่ซ้ำกันการซ่อนข้อมูล ฯลฯ ) หรือไม่
- หากไม่เหมาะสมคุณสามารถแนะนำวิธีแยก microdata จากข้อมูลจริงหรือเราจะต้องกัด bullet และใช้สิ่งนี้ใน HTML เป็นกรณี ๆ ?