AAiSense
/가이드/SEO/Open Graph / Twitter Card 메타
SEO

Open Graph / Twitter Card 메타

소셜 공유 시 미리보기를 풍부하게 — 클릭률·노출 향상

SEO 메타/타이틀 부속 (간접 기여), 클릭률 직접 향상

무엇을 측정하나요?

SNS·메신저에서 링크 공유 시 자동으로 추출되는 메타데이터입니다. og:title, og:description, og:image, twitter:card, twitter:title 등을 포함합니다.

AI 검색과의 연관성

소셜 트래픽의 클릭률은 미리보기 카드의 품질에 크게 좌우됩니다. og:image가 없으면 카드 자체가 생성되지 않거나 텍스트만 표시되어 시각적 어필이 사라집니다. AI 검색 엔진도 일부 OG 데이터를 인용 시 활용합니다.

목표 기준

og:title·og:description·og:image·og:url·og:type·twitter:card 6종 모두 명시

단계별 개선 방법

1

og:image는 1200×630px 권장 (Twitter Large Card 호환). 절대 URL 필수

2

og:type은 페이지 유형에 맞게 (website / article / product)

3

og:locale 명시 (예: "ko_KR")로 언어 명확화

4

twitter:card는 "summary_large_image" 권장

5

AiSense는 페이지의 title/description을 기반으로 자동 보충합니다

코드 예시

html
<head>
  <!-- Open Graph -->
  <meta property="og:title"       content="Page Title — Brand">
  <meta property="og:description" content="Concise 120–160 char summary.">
  <meta property="og:image"       content="https://example.com/og-image.jpg">
  <meta property="og:url"         content="https://example.com/page">
  <meta property="og:type"        content="website">
  <meta property="og:locale"      content="ko_KR">
  <meta property="og:site_name"   content="Example">

  <!-- Twitter Card -->
  <meta name="twitter:card"        content="summary_large_image">
  <meta name="twitter:title"       content="Page Title — Brand">
  <meta name="twitter:description" content="Concise 120–160 char summary.">
  <meta name="twitter:image"       content="https://example.com/og-image.jpg">
</head>

함께 개선하면 좋은 항목

더 알아보기 (외부 자료)

내 사이트의 Open Graph / Twitter Card 메타 점수 확인

URL 하나로 19개 항목 무료 진단 · 60초

무료 진단 시작 →