Next.js 실전: SEO 최적화 블로그

SEO BLOG

// 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: [post.image] },
    alternates: {
      canonical: `/blog/${params.slug}`
    }
  }
}
// JSON-LD 구조화 데이터
const jsonLd = {
  '@type': 'BlogPosting',
  headline: post.title,
  author: { name: 'CYBERDYNE' }
}