seo-optimization

name	seo-optimization
description	블로그 SEO(검색 엔진 최적화) 전문 스킬. 메타데이터, sitemap, robots.txt, 구조화된 데이터, 캐노니컬 URL 등 기술적 SEO 구현을 담당합니다.
triggers	["SEO 최적화해줘","메타데이터 추가해줘","sitemap 생성해줘","검색 최적화"]

SEO 최적화 스킬

개요

이 스킬은 Next.js 블로그 앱의 SEO(Search Engine Optimization)를 담당합니다. 검색 엔진이 콘텐츠를 효과적으로 크롤링하고 인덱싱할 수 있도록 기술적 최적화를 수행합니다.

핵심 영역

1. 메타데이터 최적화

• 동적 generateMetadata: 각 포스트별 title, description, keywords 자동 생성
• Open Graph 태그: 소셜 미디어 공유 최적화
• Twitter Card: Twitter 전용 메타 태그
• 캐노니컬 URL: 중복 콘텐츠 방지

// app/[category]/[slug]/page.tsx
export async function generateMetadata({ params }): Promise<Metadata> {
  const post = await getPost(params.slug);
  return {
    title: post.title,
    description: post.summary,
    keywords: post.keywords,
    : {
      : ,
    },
    : {
      : ,
      : post.,
      : post.,
      : post.,
      : post.,
      : [],
      : post.,
    },
    : {
      : ,
      : post.,
      : post.,
    },
  };
}