Metadados no layout principal do site em NextJS
Então, na aula anterior, descobrimos que existem várias maneiras de inserir metadados. A mais simples delas é defini-los no arquivo de layout usando a seguinte construção:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
Nesse caso, o título e a meta descrição mudarão para os que especificamos. No entanto, essa abordagem tem um problema significativo. Ele reside no fato de que os metadados estão rigidamente fixos no layout principal do site. Ou seja, acontece que para cada URL eles serão iguais. Isso é incorreto tanto do ponto de vista de SEO, quanto do ponto de vista da usabilidade do site.
Altere o título no seu layout principal do site. Verifique se ele mudou.
Altere a meta descrição no seu layout principal do site. Em seguida, abra o código-fonte do site e verifique se ela mudou.