1. 노션 페이지 우측 상단 "Share" 클릭
2. "Publish to web" 토글 ON
3. "Allow search engines to index site" 체크
4. 생성된 URL 복사

// Next.js + Notion API 예시
import { Client } from '@notionhq/client';
import { NotionToMarkdown } from 'notion-to-md';

// Notion API 클라이언트 초기화
const notion = new Client({
  auth: process.env.NOTION_API_KEY
});

// 데이터베이스에서 게시글 목록 가져오기
export async function getPosts() {
  const response = await notion.databases.query({
    database_id: process.env.NOTION_DATABASE_ID,
    filter: {
      property: 'Status',
      select: { equals: 'Published' }
    },
    sorts: [
      { property: 'Date', direction: 'descending' }
    ]
  });
  
  return response.results;
}

// 개별 게시글 내용 가져오기
export async function getPostContent(pageId) {
  const n2m = new NotionToMarkdown({ notionClient: notion });
  const mdblocks = await n2m.pageToMarkdown(pageId);
  const mdString = n2m.toMarkdownString(mdblocks);
  
  return mdString;
}

<!-- 좋은 예시 -->
<title>노션 SEO 최적화 완벽 가이드 | My Blog</title>

<!-- 나쁨 예시 -->
<title>홈</title>
<title>제목없음</title>
<title>노션 노션 노션 블로그 블로그 만들기 방법 총정리 가이드</title>

<!-- 좋은 예시 -->
<meta name="description" content="노션 기반 웹사이트의 SEO 최적화 방법을 단계별로 설명합니다. 검색 엔진 상위 노출을 위한 필수 체크리스트와 실전 팁을 확인하세요." />

<!-- 나쁨 예시 -->
<meta name="description" content="블로그" />
<meta name="description" content="" />

<!-- 필수 OG 태그 -->
<meta property="og:title" content="페이지 제목" />
<meta property="og:description" content="페이지 설명" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="사이트 이름" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="페이지 제목" />
<meta name="twitter:description" content="페이지 설명" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "노션 SEO 최적화 가이드",
  "description": "노션 기반 블로그의 SEO 최적화 방법",
  "image": "https://example.com/cover.jpg",
  "author": {
    "@type": "Person",
    "name": "작성자 이름"
  },
  "publisher": {
    "@type": "Organization",
    "name": "블로그 이름",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2025-10-22",
  "dateModified": "2025-10-24"
}

1. 도메인 등록업체에서 도메인 구매
   - 추천: Namecheap, GoDaddy, Gabia (한국)
   
2. DNS 설정
   - A 레코드 또는 CNAME 레코드 추가
   
3. 서비스별 설정
   - Super.so: Custom domain 설정에서 도메인 입력
   - Vercel: Project settings에서 도메인 추가
   
4. SSL 인증서 설정
   - 대부분 자동 발급 (Let's Encrypt)

<!-- Google Analytics GA4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

1. 내 비즈니스/콘텐츠 주제 정의
2. 타겟 오디언스가 검색할 만한 키워드 나열
3. 관련 주제와 하위 주제 파악

1. 타겟 키워드 검색
2. 상위 10개 결과 분석
3. 콘텐츠 길이, 구조, 주제 파악
4. 차별화 포인트 발굴

# H1: 메인 제목 (키워드 포함)

서론: 문제 정의 및 글의 목적 (약 100-150단어)

## H2: 주요 섬션 1

핵심 내용 설명...

### H3: 세부 주제 1-1

구체적인 내용...

### H3: 세부 주제 1-2

구체적인 내용...

## H2: 주요 섬션 2

...

## H2: 결론

요약 및 CTA (Call to Action)

// Algolia DocSearch 예제
import docsearch from '@docsearch/js';
import '@docsearch/css';

docsearch({
  appId: 'YOUR_APP_ID',
  apiKey: 'YOUR_API_KEY',
  indexName: 'YOUR_INDEX_NAME',
  container: '#docsearch',
});

1. 노션 페이지 우측 상단 "Share" 클릭
2. "Publish to web" 토글 ON
3. "Allow search engines to index site" 체크
4. 생성된 URL 복사

// Next.js + Notion API 예시
import { Client } from '@notionhq/client';
import { NotionToMarkdown } from 'notion-to-md';

// Notion API 클라이언트 초기화
const notion = new Client({
  auth: process.env.NOTION_API_KEY
});

// 데이터베이스에서 게시글 목록 가져오기
export async function getPosts() {
  const response = await notion.databases.query({
    database_id: process.env.NOTION_DATABASE_ID,
    filter: {
      property: 'Status',
      select: { equals: 'Published' }
    },
    sorts: [
      { property: 'Date', direction: 'descending' }
    ]
  });
  
  return response.results;
}

// 개별 게시글 내용 가져오기
export async function getPostContent(pageId) {
  const n2m = new NotionToMarkdown({ notionClient: notion });
  const mdblocks = await n2m.pageToMarkdown(pageId);
  const mdString = n2m.toMarkdownString(mdblocks);
  
  return mdString;
}

<!-- 좋은 예시 -->
<title>노션 SEO 최적화 완벽 가이드 | My Blog</title>

<!-- 나쁨 예시 -->
<title>홈</title>
<title>제목없음</title>
<title>노션 노션 노션 블로그 블로그 만들기 방법 총정리 가이드</title>

<!-- 좋은 예시 -->
<meta name="description" content="노션 기반 웹사이트의 SEO 최적화 방법을 단계별로 설명합니다. 검색 엔진 상위 노출을 위한 필수 체크리스트와 실전 팁을 확인하세요." />

<!-- 나쁨 예시 -->
<meta name="description" content="블로그" />
<meta name="description" content="" />

<!-- 필수 OG 태그 -->
<meta property="og:title" content="페이지 제목" />
<meta property="og:description" content="페이지 설명" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="사이트 이름" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="페이지 제목" />
<meta name="twitter:description" content="페이지 설명" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "노션 SEO 최적화 가이드",
  "description": "노션 기반 블로그의 SEO 최적화 방법",
  "image": "https://example.com/cover.jpg",
  "author": {
    "@type": "Person",
    "name": "작성자 이름"
  },
  "publisher": {
    "@type": "Organization",
    "name": "블로그 이름",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2025-10-22",
  "dateModified": "2025-10-24"
}

1. 도메인 등록업체에서 도메인 구매
   - 추천: Namecheap, GoDaddy, Gabia (한국)
   
2. DNS 설정
   - A 레코드 또는 CNAME 레코드 추가
   
3. 서비스별 설정
   - Super.so: Custom domain 설정에서 도메인 입력
   - Vercel: Project settings에서 도메인 추가
   
4. SSL 인증서 설정
   - 대부분 자동 발급 (Let's Encrypt)

<!-- Google Analytics GA4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

1. 내 비즈니스/콘텐츠 주제 정의
2. 타겟 오디언스가 검색할 만한 키워드 나열
3. 관련 주제와 하위 주제 파악

1. 타겟 키워드 검색
2. 상위 10개 결과 분석
3. 콘텐츠 길이, 구조, 주제 파악
4. 차별화 포인트 발굴

# H1: 메인 제목 (키워드 포함)

서론: 문제 정의 및 글의 목적 (약 100-150단어)

## H2: 주요 섬션 1

핵심 내용 설명...

### H3: 세부 주제 1-1

구체적인 내용...

### H3: 세부 주제 1-2

구체적인 내용...

## H2: 주요 섬션 2

...

## H2: 결론

요약 및 CTA (Call to Action)

// Algolia DocSearch 예제
import docsearch from '@docsearch/js';
import '@docsearch/css';

docsearch({
  appId: 'YOUR_APP_ID',
  apiKey: 'YOUR_API_KEY',
  indexName: 'YOUR_INDEX_NAME',
  container: '#docsearch',
});