Metadata i hovedlayoutet af et websted i NextJS
Så i den forrige lektion fandt vi ud af, at der er forskellige måder at indsætte metadata på. Den enkleste af dem er at indstille dem i layoutfilen ved hjælp af følgende konstruktion:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
I dette tilfælde vil titlen og metabeskrivelsen blive ændret til dem, vi har angivet. Denne tilgang har dog et væsentligt problem. Det består i, at metadata er hårdt kodet i webstedets hovedlayout. Det vil sige, at de vil være de samme for enhver URL. Dette er forkert både fra et SEO-synspunkt og fra et brugervenlighedssynspunkt.
Skift titlen i dit hovedlayout for webstedet. Kontroller, at den er ændret.
Skift metabeskrivelsen i dit hovedlayout for webstedet. Åbn derefter kildekoden for webstedet og kontroller, at den er ændret.