Next.js에서 SEO 최적화하는 방법

Next.js SEO 최적화 체크리스트:

// app/page.tsx — Metadata API
export const metadata: Metadata = {
  title: "사이트 제목",
  description: "사이트 설명 (160자 이내)",
  openGraph: {
    title: "OG 제목",
    description: "OG 설명",
    images: ["/og-image.png"],
  },
  robots: { index: true, follow: true },
  alternates: { canonical: "https://example.com" },
};

추가 설정:

• sitemap.xml — app/sitemap.ts에서 동적 생성
• robots.txt — app/robots.ts
• JSON-LD — 구조화된 데이터 (Article, FAQ 등)
• 이미지 최적화 — next/image 컴포넌트 사용
• 서버 컴포넌트 — SSR로 검색 엔진이 콘텐츠 읽기 가능