L-App Router għandu Metadata API integrat għat-tags SEO (<title>, <meta>, Open Graph, eċċ.) — inti tesporta metadata minn layout.tsx jew page.tsx u Next.js jirrender it-tags <head> koretti.
L-App Router għandu Metadata API integrat għat-tags SEO (<title>, <meta>, Open Graph, eċċ.) — inti tesporta metadata minn layout.tsx jew page.tsx u Next.js jirrender it-tags <head> koretti.
// app/about/page.tsx
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "About Us",
description: "Learn about our company and team.",
openGraph: {
title: "About Us",
images: ["/og-about.png"],
},
};
export default function About() { return <h1>About</h1>; }
Next.js jaqra l-oggett metadata esportat u jiġġenera <title>, <meta name="description">, tags OG, eċċ. — mingħajr bżonn tħarreġ <head> manwalment.
Għal paġni li t-titlu tagħhom jiddipendi fuq kontenut imfetax (post blog, prodott), esporta funzjoni generateMetadata asincrona:
// app/blog/[slug]/page.tsx
export async function generateMetadata({ params }): Promise<Metadata> {
const post = await getPost(params.slug); // fetch the post
return {
title: post.title,
description: post.excerpt,
openGraph: { images: [post.coverImage] },
};
}
Dan jaħdem fuq is-server u jippermetti kull paġna dinamika li jkollha metadata preċiz u speċifiku għall-kontenut — essenzjali għal-SEO u għall-aqsam soċjali ta' kontenut dinamiku.
// app/layout.tsx — defaults + a title template
export const metadata: Metadata = {
title: { default: "My Site", template: "%s | My Site" }, // child titles become "About | My Site"
};
Metadata definit f'layout jingħaqdu ma' (u jistgħu jitlaħħqu minn) paġni tat-tfal — sabiex tisettja valuri predefiniti fil-livell tal-websajt darba u valuri għal kull paġna fejn meħtieġ. It-template awtomatikament iżżid il-ħin tas-sit.
app/favicon.ico, app/opengraph-image.png, app/robots.ts, app/sitemap.ts
Fajlijiet speċjali jiġġeneraw il-metadata/roti korrispondenti awtomatikament.
Metadata tajba tmeċċa SEO u previews tal-aqsam soċjali.
L-Metadata API jagħmluha deklarattiva u safe tat-tip — metadata statiku għal paġni fissi, generateMetadata asincrona għal paġni mgħammsa mad-data, u valuri predefiniti tal-livell ta' layout ma' templates — tissostitwixxi l-ġestjoni manwali ta' <head> b'sistema nadifa u rendirizata fuq is-server.