เมตาดาต้าในเลย์เอาต์หลักของเว็บไซต์ใน NextJS

ดังนั้น ในบทเรียนที่แล้วเราได้ทราบแล้วว่า มีวิธีการแทรกเมตาดาต้าหลายวิธี วิธีที่ง่ายที่สุดคือการกำหนดมันในไฟล์ เลย์เอาต์โดยใช้โครงสร้าง ต่อไปนี้:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

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