Metadaten im Hauptlayout der Website in NextJS

Also, in der vorherigen Lektion haben wir festgestellt, dass es verschiedene Möglichkeiten gibt, Metadaten einzufügen. Die einfachste davon ist, sie in der Layout-Datei mit der folgenden Konstruktion festzulegen:

export const metadata = {
	title: 'Test site',
	description: 'This is my page description.',
};

In diesem Fall ändern sich der Titel und die Meta-Beschreibung auf die von uns angegebenen. Allerdings hat dieser Ansatz ein wesentliches Problem. Es besteht darin, dass die Metadaten fest im Hauptlayout der Website codiert sind. Das bedeutet, dass sie für jede URL gleich sein werden. Das ist sowohl aus SEO-Sicht als auch aus Sicht der Benutzerfreundlichkeit der Website falsch.

Ändern Sie den Titel in Ihrem Hauptlayout der Website. Prüfen Sie, ob er sich geändert hat.

Ändern Sie die Meta-Beschreibung in Ihrem Hauptlayout der Website. Öffnen Sie dann den Quellcode der Website und prüfen Sie, ob sie sich geändert hat.