Metadata in de hoofdlayout van de website in NextJS
Dus, in de vorige les hebben we ontdekt dat er verschillende manieren zijn om metadata in te voegen. De eenvoudigste manier is om ze in te stellen in het layoutbestand met behulp van de volgende constructie:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
In dit geval worden de titel en metabeschrijving gewijzigd naar de door ons opgegeven waarden. Deze aanpak heeft echter een significant probleem. Het zit hem in het feit dat de metadata vast ingebakken zijn in de hoofdlayout van de website. Dat betekent dat ze voor elke URL hetzelfde zullen zijn. Dit is niet correct, noch vanuit SEO-oogpunt, noch vanuit het oogpunt van gebruiksvriendelijkheid van de website.
Wijzig de titel in uw hoofdlayout van de website. Controleer of deze is veranderd.
Wijzig de metabeschrijving in uw hoofdlayout van de website. Open vervolgens de broncode van de website en controleer of deze is veranderd.
