# 8편. SEO 최적화 — 메타태그·sitemap·RSS ## generateMetadata API ```tsx // src/app/(blog)/posts/[slug]/page.tsx import type { Metadata } from 'next' export async function generateMetadata({ params }: Props): Promise { const { slug } = await params const [post, settings] = await Promise.all([getPost(slug), getSettings()]) if (!post) return {} const siteUrl = process.env.NEXT_PUBLIC_SITE_URL ?? 'http://localhost:3000' const canonical = `${siteUrl}/posts/${post.slug}` return { title: `${post.title} | ${settings.blogTitle}`, description: post.excerpt ?? settings.blogDescription, alternates: { canonical }, openGraph: { title: post.title, description: post.excerpt ?? '', url: canonical, type: 'article', publishedTime: post.publishedAt?.toISOString(), authors: [post.author.name ?? ''], images: post.coverImage ? [post.coverImage] : [], }, twitter: { card: 'summary_large_image', title: post.title, description: post.excerpt ?? '', images: post.coverImage ? [post.coverImage] : [], }, } } ``` ## JSON-LD 구조화 데이터 ```tsx const jsonLd = { '@context': 'https://schema.org', '@type': 'BlogPosting', headline: post.title, description: post.excerpt ?? '', url: `${siteUrl}/posts/${post.slug}`, datePublished: post.publishedAt?.toISOString(), dateModified: post.updatedAt.toISOString(), author: { '@type': 'Person', name: post.author.name ?? '', url: post.author.github ?? undefined, }, image: post.coverImage ?? undefined, articleSection: post.category?.name, keywords: post.tags.map(({ tag }) => tag.name).join(', '), } return ( <>

모든 포스트

8편. SEO 최적화 — 메타태그·sitemap·RSS

모든 포스트

8편. SEO 최적화 — 메타태그·sitemap·RSS