Metadata trong bố cục chính của trang web trong NextJS
Vậy là, trong bài học trước chúng ta đã tìm hiểu, rằng có nhiều cách khác nhau để chèn metadata. Cách đơn giản nhất là thiết lập chúng trong file bố cục bằng cách sử dụng cấu trúc sau:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
Trong trường hợp này, tiêu đề và mô tả meta sẽ thay đổi thành những gì chúng ta đã chỉ định. Tuy nhiên, cách tiếp cận này có một vấn đề đáng kể. Vấn đề nằm ở chỗ metadata bị gắn cứng trong bố cục chính của trang web. Tức là, kết quả là đối với mọi URL, chúng sẽ giống nhau. Điều này không đúng cả về góc độ SEO, lẫn góc độ trải nghiệm sử dụng trang web.
Hãy thay đổi tiêu đề trong bố cục chính của trang web của bạn. Kiểm tra xem nó đã thay đổi chưa.
Hãy thay đổi mô tả meta trong bố cục chính của trang web của bạn. Sau đó mở mã nguồn của trang web và kiểm tra xem nó đã thay đổi chưa.
