เมตาดาต้าในเลย์เอาต์หลักของเว็บไซต์ใน NextJS
ดังนั้น ในบทเรียนที่แล้วเราได้ทราบแล้วว่า มีวิธีการแทรกเมตาดาต้าหลายวิธี วิธีที่ง่ายที่สุดคือการกำหนดมันในไฟล์ เลย์เอาต์โดยใช้โครงสร้าง ต่อไปนี้:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
ในกรณีนี้ ไตเติลและคำอธิบายเมตา จะเปลี่ยนเป็นสิ่งที่เราระบุไว้ อย่างไรก็ตาม วิธีการนี้มีปัญหาสำคัญ ปัญหานั้นคือเมตาดาต้าถูกฝังตายตัวไว้ ในเลย์เอาต์หลักของเว็บไซต์ นั่นคือกลายเป็นว่า สำหรับทุก URL พวกมันจะเหมือนกัน นี่ไม่ถูกต้องทั้งจากมุมมองของ SEO และจากมุมมองของความสะดวกในการใช้เว็บไซต์
เปลี่ยนไตเติลในเลย์เอาต์หลัก ของเว็บไซต์ของคุณ ตรวจสอบว่าไตเติล เปลี่ยนแปลงแล้ว
เปลี่ยนคำอธิบายเมตาในเลย์เอาต์หลัก ของเว็บไซต์ของคุณ จากนั้นเปิดซอร์สโค้ด ของเว็บไซต์และตรวจสอบว่ามัน เปลี่ยนแปลงแล้ว