Metadati nel layout principale del sito in NextJS
Quindi, nella lezione precedente abbiamo scoperto che ci sono vari modi per inserire i metadati. Il più semplice è impostarli nel file di layout utilizzando la seguente costruzione:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
In questo caso, il titolo e la meta descrizione cambieranno con quelli da noi specificati. Tuttavia, questo approccio ha un problema sostanziale. Consiste nel fatto che i metadati sono rigidamente incorporati nel layout principale del sito. Cioè, risulta che per ogni URL saranno gli stessi. Ciò non è corretto sia dal punto di vista SEO, sia dal punto di vista dell'usabilità del sito.
Cambiate il titolo nel vostro layout principale del sito. Verificate che sia cambiato.
Cambiate la meta descrizione nel vostro layout principale del sito. Poi aprite il codice sorgente del sito e verificate che sia cambiata.