Метаданни в основния макет на сайта в NextJS

И така, в предишния урок разбрахме, че има различни начини за вмъкване на метаданни. Най-простият от тях е да ги зададем във файла на макета с помощта на следната конструкция:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

В този случай заглавието и мета описанието ще се променят на посочените от нас. Въпреки това, този подход има съществен проблем. Той се състои в това, че метаданните са твърдо зашити в основния макет на сайта. Тоест се оказва, че за всеки URL те ще бъдат еднакви. Това е неправилно както от гледна точка на SEO, така и от гледна точка на удобството на използване на сайта.

Задание 1

Променете заглавието във вашия основен макет на сайта. Проверете, че то се е променило.

Задание 2

Променете мета описанието във вашия основен макет на сайта. След това отворете изходния код на сайта и проверете, че то се е променило.