Tá Metadata API ionsuite sa App Router le haghaidh tags SEO (<title>, <meta>, Open Graph, etc.) — exportaíonn tú metadata ó layout.tsx nó page.tsx agus rendróidh Next.js na tags <head> ceart.
Tá Metadata API ionsuite sa App Router le haghaidh tags SEO (<title>, <meta>, Open Graph, etc.) — exportaíonn tú metadata ó layout.tsx nó page.tsx agus rendróidh Next.js na tags <head> ceart.
// 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>; }
Leann Next.js an réad metadata a exportáiltear agus gineann sé <title>, <meta name="description">, OG tags, etc. — gan aon chóiriú láimhe ar <head>.
I gcás leathanaigh a bhfuil an teideal ag brath ar ábhar a fuarthas (post bhlag, táirge), exportáil feidhm async generateMetadata:
// 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] },
};
}
Ritheann sé seo ar an bhfreastalaí agus tugann sé deis do gach leathanach dinimiciúil metadata cruinn, sonraí-dhírithe a bheith aige — riachtanach do SEO agus scéimh dhá pháirtí den ábhar dinimiciúil.
// 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"
};
Tá metadata a sainmhíníonn tú i leagan comhthogtha le (agus is féidir a thrasnáil ag) leathanaigh dhéide — mar sin socraíonn tú na réamhroghnna ar fud an tsuíomh oíche amháin agus luachanna in aghaidh an leathanaigh nuair is gá. Cuireann an template an t-ainm an tsuíomh go huachtrach.
app/favicon.ico, app/opengraph-image.png, app/robots.ts, app/sitemap.ts
Gineann comhaid speisialta an metadata/routes comhfhreagrach go huathoibríoch.
Tarraingíonn metadata maith SEO agus réamhbhreacadh roinn shóisialta.
Déanann an Metadata API é dearbhtha agus sábhálte go cineálach — metadata statach do leathanaigh fhochairithe, generateMetadata async do leathanaigh dhonasaithe sonraí, agus réamhroghnna leibhéal leagan le teimpléid — in ionad bainisteoireachta láimhe <head> a chur in ionad córas geal, freastalaí-rendíthe.