Sivuston pääasettelun metatiedot NextJS:ssä
Siis, edellisessä oppitunnissa havaitsimme, että on olemassa erilaisia tapoja lisätä metatietoja. Yksinkertaisin niistä on asettaa ne asettelutiedostoon käyttämällä seuraavaa rakennetta:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
Tässä tapauksessa otsikko ja metakuvaus vaihtuvat määrittämiimme. Kuitenkin, tällä lähestymistavalla on merkittävä ongelma. Se piilee siinä, että metatiedot on kovakoodattu sivuston pääasetteluun. Eli käy niin, että ne ovat samat jokaiselle URL-osoitteelle. Tämä on väärin sekä SEO-näkökulmasta, että sivuston käytettävyyden kannalta.
Vaihda otsikko sivustosi pääasettelussa. Tarkista, että se muuttui.
Vaihda metakuvaus sivustosi pääasettelussa. Avaa sitten sivuston lähdekoodi ja tarkista, että se muuttui.
