รหัสด้านล่างทำสี่ขั้นตอนต่อไปนี้

  1. js ทำการเรียกไปยังไฟล์ .jsonld ในเครื่อง
  2. เมื่อไฟล์ถูกส่งคืน แท็กสคริปต์ application/ld+json จะถูกสร้างขึ้น
  3. เนื้อหาของไฟล์ .jsonld ถูกแทรกเป็นเนื้อหาของแท็กสคริปต์
  4. ข้อมูลแท็กพร้อมที่จะใช้โดยแอปพลิเคชันอื่นแล้ว

สคริปต์ใช้ jQuery แต่สามารถทำได้ด้วย js ธรรมดาหรือไลบรารี/เฟรมเวิร์กอื่น ๆ ที่เลือก รหัสนี้ยังสามารถเพิ่มได้โดยระบบการจัดการแท็ก เช่น Google Tag Manager

<script>
   // Add a schema tag to your
   $.getJSON( "/your-schema-file.jsonld", function( data ) {
     $( "<script/>", {
       "type": "application/ld+json",
       "html": JSON.stringify(data)
     }).appendTo( "head" );
   });
 </script>

Google คิดว่าข้อมูลที่มีโครงสร้างถูกต้องหรือไม่

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

การสร้างไฟล์ .jsonld

หากต้องการเรียนรู้เกี่ยวกับรายละเอียดทุกนาทีของการสร้างไฟล์ .jsonld โปรดดูที่ "ข้อมูลจำเพาะนี้" เกี่ยวกับไวยากรณ์ แต่โดยพื้นฐานแล้ว ไฟล์ .jsonld ก็ไม่มีความแตกต่างทางวากยสัมพันธ์กับไฟล์ JSON ไฟล์ JSON-LD เป็นเพียงวิธีเฉพาะที่บ่งบอกถึงเอนทิตีที่แตกต่างจาก JSON

หากคุณต้องการสร้างไฟล์ JSON-LD หลายไฟล์ ลองดู Bulk JSON-LD Generator for Google Sheets

ฉันหวังว่าคุณจะพบว่าสิ่งนี้มีประโยชน์ ฉันชอบที่จะได้ยินความคิดของคุณในความคิดเห็น