Metadata & SEO

Next.js App Router má vstavaný Metadata API pre SEO, Open Graph, Twitter Cards, robots, canonical URL a ďalšie.

Statické metadáta tejto stránky

titleMetadata & SEO | Next.js Showcase

descriptionUkážka statických a dynamických metadát...

og:typewebsite

twitter:cardsummary_large_image

Statické metadáta

// page.tsx
export const metadata: Metadata = {
  title: "Stránka | App",
  description: "Popis stránky",
  openGraph: { title: "...", type: "website" },
  twitter: { card: "summary_large_image" },
};

Dynamické metadáta

// app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
  const post = await getPost(params.slug);
  return {
    title: post.title,
    description: post.excerpt,
    openGraph: {
      images: [{ url: post.coverImage }],
    },
  };
}