seo-guide

# SaaS SEO 최적화 가이드

> SaaS 프로젝트의 검색엔진 최적화(SEO)를 위한 완벽 가이드

---

## 1. 메타태그 설정

### Next.js App Router (권장)

```typescript
// src/app/layout.tsx
import type { Metadata } from 'next';

export const metadata: Metadata = {
  // 기본 메타데이터
  title: {
    default: 'MySaaS - 서비스 설명',
    template: '%s | MySaaS',
  },
  description: '서비스에 대한 150-160자 설명. 핵심 키워드 포함.',
  keywords: ['SaaS', '키워드1', '키워드2', '키워드3'],
  authors: [{ name: 'Your Name' }],
  creator: 'Your Company',
  publisher: 'Your Company',

  // 로봇 설정
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },

  // Open Graph (소셜 공유)
  openGraph: {
    type: 'website',
    locale: 'ko_KR',
    url: 'https://mysaas.com',
    siteName: 'MySaaS',
    title: 'MySaaS - 서비스 설명',
    description: '서비스에 대한 설명',
    images: [
      {
        url: 'https://mysaas.com/og-image.png',
        width: 1200,
        height: 630,
        alt: 'MySaaS',
      },
    ],
  },

  // Twitter Card
  twitter: {
    card: 'summary_large_image',
    title: 'MySaaS - 서비스 설명',
    description: '서비스에 대한 설명',
    images: ['https://mysaas.com/twitter-image.png'],
    creator: '@yourhandle',
  },

  // 아이콘
  icons: {
    icon: '/favicon.ico',
    shortcut: '/favicon-16x16.png',
    apple: '/apple-touch-icon.png',
  },

  // 기타
  manifest: '/manifest.json',
  alternates: {
    canonical: 'https://mysaas.com',
    languages: {
      'ko-KR': 'https://mysaas.com/ko',
      'en-US': 'https://mysaas.com/en',
    },
  },

  // 검증
  verification: {
    google: 'google-site-verification-code',
    naver: 'naver-site-verification-code',
  },
};
```

### 동적 페이지 메타데이터

```typescript
// src/app/blog/[slug]/page.tsx
import { Metadata } from 'next';

type Props = {
  params: { slug: string };
};

export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const post = await getPost(params.slu