템플릿8 min read

FAQ 스키마 마크업 추가 방법 (단계별 가이드)

웹사이트에 FAQ 스키마(JSON-LD)를 추가하는 완벽 가이드. 워드프레스, Webflow, Next.js, Framer 플랫폼별 방법과 오늘 바로 쓸 수 있는 JSON-LD 템플릿을 제공합니다.

cozy·

FAQ 스키마는 오늘 할 수 있는 기술적 SEO 변경 중 ROI가 가장 높은 작업입니다. 구현에 30분도 채 걸리지 않으며, AI 시스템 — ChatGPT, Gemini, Perplexity — 이 내 콘텐츠를 읽고 인용하는 방식을 직접적으로 개선합니다.

이 가이드는 플랫폼별 지침을 포함한 정확한 단계를 안내합니다.

FAQ 스키마란 무엇인가요?

FAQ 스키마는 JSON-LD(JavaScript Object Notation for Linked Data)를 사용해 웹페이지에 추가하는 구조화 데이터의 한 유형입니다. 검색 엔진과 AI 시스템이 파싱할 수 있는 형식으로 질문/답변 콘텐츠를 명시적으로 마크업합니다.

올바르게 구현하면:

  • Google이 검색에서 내 FAQ를 리치 결과로 표시하도록 도움
  • AI 시스템에 내 페이지가 정확히 어떤 질문에 답변하는지 신호를 보냄
  • AI 생성 응답에서 인용될 가능성 증가

JSON-LD 템플릿

기본 템플릿입니다. 질문과 답변을 직접 수정해 사용하세요:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "여기에 질문을 작성하세요?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "여기에 답변을 작성하세요. 구체적이고 간결하게 — 40~120단어가 최적입니다."
      }
    },
    {
      "@type": "Question",
      "name": "두 번째 질문?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "두 번째 답변."
      }
    }
  ]
}
</script>

플랫폼별 FAQ 스키마 추가 방법

Next.js

Next.js App Router에서는 페이지 컴포넌트에 JSON-LD를 추가합니다:

export default function YourPage() {
  const faqSchema = {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "제품이 무엇을 하나요?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "ClariCard는 어떤 콘텐츠에서든 FAQ 스키마 마크업을 몇 초 만에 생성합니다."
        }
      }
    ]
  }

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }}
      />
      {/* 나머지 페이지 */}
    </>
  )
}

워드프레스

방법 1: Yoast SEO (권장)

  1. 워드프레스에서 페이지/포스트 편집
  2. Yoast SEO 블록까지 스크롤
  3. "스키마" 탭 클릭
  4. "페이지 유형"을 FAQ 페이지로 설정
  5. 편집기의 FAQ 블록으로 질문 추가

방법 2: <head>에 직접 붙여넣기

  1. "Insert Headers and Footers" 플러그인 설치
  2. 설정 → Insert Headers and Footers로 이동
  3. Header 섹션에 JSON-LD 스크립트 붙여넣기
  4. 페이지별 스키마는 플러그인의 페이지별 설정 사용

Webflow

  1. Webflow 프로젝트 열기
  2. 페이지 설정(왼쪽 패널에서 페이지의 기어 아이콘 클릭)
  3. Custom Code → Head Code까지 스크롤
  4. JSON-LD <script> 블록 붙여넣기
  5. 사이트 게시

Framer

  1. Framer 프로젝트 열기
  2. 사이트 설정(오른쪽 상단 메뉴)
  3. Custom Code → <head> 섹션으로 이동
  4. JSON-LD <script> 블록 붙여넣기
  5. 게시

HTML / 정적 사이트

HTML 파일의 <head> 태그 안에 직접 JSON-LD 스크립트를 추가합니다:

<head>
  <title>페이지 제목</title>
  <script type="application/ld+json">
    { ... 여기에 스키마 ... }
  </script>
</head>

AI를 위한 좋은 FAQ 답변 작성법

스키마는 그 안의 답변만큼만 유용합니다. 다음 원칙을 따르세요:

직접적으로. 전문 서론 없이 답변으로 시작하세요.

❌ "좋은 질문이에요! 많은 요인이 있는데..." ✅ "ClariCard는 어떤 콘텐츠든 붙여넣으면 FAQ를 생성하는 데 약 10초 걸립니다."

구체적으로. 모호한 답변은 인용되지 않습니다.

❌ "가격이 합리적입니다." ✅ "ClariCard 스타터 플랜은 월 29달러이며, 월 최대 50개의 FAQ 생성을 포함합니다."

적절한 길이로. 40~120단어가 최적입니다. 너무 짧으면 맥락이 부족하고, 너무 길면 잘립니다.

FAQ 항목은 몇 개가 좋을까요?

대부분의 페이지에서:

  • 최소: 3개(이보다 적으면 신호가 약함)
  • 이상적: 5~8개
  • 최대: 10~12개(이 이상은 보통 품질이 낮아짐)

내용 없는 질문으로 채우지 마세요. 모든 질문은 실제 고객이 묻는 것이어야 합니다.

구현 확인하기

FAQ 스키마 추가 후 작동 여부를 확인하세요:

  1. Google 리치 결과 테스트: search.google.com/test/rich-results에서 URL 붙여넣기
  2. Schema.org 유효성 검사기: validator.schema.org에서 확인
  3. ClariCard AI Score: 스키마 검증뿐만 아니라 AI 가시성 전체 분석 제공

FAQ 스키마 자동 생성

FAQ 스키마를 수동으로 작성하는 건 번거롭습니다. ClariCard가 이 과정을 자동화합니다:

  1. 웹페이지 콘텐츠, 블로그 포스트, 제품 설명 붙여넣기
  2. ClariCard가 AI로 최적화된 Q&A 쌍 생성
  3. 바로 사용 가능한 JSON-LD 코드 복사
  4. 사이트에 붙여넣기

생성된 FAQ는 일반적인 질문이 아닌, 실제 타깃 고객이 검색하는 쿼리에 맞춰 AI 검색 가시성을 위해 조정됩니다.

요약

FAQ 스키마 추가는 SEO와 AEO 모두를 위해 할 수 있는 30분 투자 중 가장 영향력 있는 작업입니다. JSON-LD 형식은 모든 주요 플랫폼에서 지원되며, 올바른 Q&A 쌍만 있으면 구현이 간단합니다.

지금 ClariCard로 FAQ 스키마를 생성하세요 — 어떤 콘텐츠든 붙여넣으면 몇 초 만에 스키마 준비 완료 결과물을 얻을 수 있습니다.

#faq스키마#json-ld#구조화데이터#seo#aeo#튜토리얼

AI가 인용하는 FAQ를 지금 만들어보세요.

7일 무료 · 언제든지 해지