Metadata i hovedlayouten til nettstedet i NextJS
Så, i forrige leksjon fant vi ut at det er forskjellige måter å sette inn metadata på. Den enkleste måten er å definere dem i layoutfilen ved hjelp av følgende konstruksjon:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
I dette tilfellet vil tittelen og metabeskrivelsen endres til det vi har spesifisert. Imidlertid har denne tilnærmingen et betydelig problem. Det ligger i at metadata er hardkodet i hovedlayouten til nettstedet. Det vil si at de blir de samme for hver URL. Dette er feil både fra et SEO-synspunkt og fra et brukervennlighetsperspektiv.
Endre tittelen i hovedlayouten på nettstedet ditt. Sjekk at den har endret seg.
Endre metabeskrivelsen i hovedlayouten på nettstedet ditt. Åpne deretter kildekoden til nettstedet og sjekk at den har endret seg.