Metadatos en el diseño principal del sitio en NextJS
Entonces, en la lección anterior descubrimos que hay varias formas de insertar metadatos. La más simple es definirlos en el archivo de diseño usando la siguiente construcción:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
En este caso, el título y la metadescripción cambiarán a los que hemos especificado. Sin embargo, este enfoque tiene un problema significativo. Consiste en que los metadatos están codificados de forma rígida en el diseño principal del sitio. Es decir, resulta que para cada URL serán los mismos. Esto es incorrecto tanto desde el punto de vista de SEO, como desde el punto de vista de la usabilidad del sitio.
Cambie el título en su diseño principal del sitio. Compruebe que ha cambiado.
Cambie la metadescripción en su diseño principal del sitio. Luego abra el código fuente del sitio y compruebe que ha cambiado.