Metadane w głównym układzie strony w NextJS
A więc, w poprzedniej lekcji dowiedzieliśmy się, że istnieją różne sposoby wstawiania metadanych. Najprostszym z nich jest ustawienie ich w pliku layoutu za pomocą następującej konstrukcji:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
W tym przypadku tytuł i metaopis zmienią się na przez nas wskazane. Jednakże, takie podejście ma istotny problem. Polega on na tym, że metadane są sztywno wpisane w głównym układzie strony. To znaczy wychodzi na to, że dla każdego URL będą one takie same. Jest to nieprawidłowe zarówno z punktu widzenia SEO, jak i z punktu widzenia wygody użytkowania strony.
Zmień tytuł w swoim głównym layoucie strony. Sprawdź, czy się zmienił.
Zmień metaopis w swoim głównym layoucie strony. Następnie otwórz kod źródłowy strony i sprawdź, czy się zmienił.