Metadata i huvudlayouten för en webbplats i NextJS
Så, i föregående lektion fick vi reda på att det finns olika sätt att infoga metadata. Det enklaste sättet är att ange dem i layoutfilen med hjälp av följande konstruktion:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
I det här fallet kommer titeln och metabeskrivningen att ändras till de vi har angett. Men detta tillvägagångssätt har ett betydande problem. Det ligger i att metadata är hårdkodade i webbplatsens huvudlayout. Det betyder att de kommer att vara desamma för varje URL. Detta är felaktigt både ur SEO-synpunkt och ur användarvänlighetssynpunkt.
Ändra titeln i din huvudsakliga webbplatslayout. Kontrollera att den har ändrats.
Ändra metabeskrivningen i din huvudsakliga webbplatslayout. Öppna sedan webbplatsens källkod och kontrollera att den har ändrats.