🔗

OG 태그 미리보기

배포 전 메타 태그를 입력하고 SNS 공유 시 어떻게 보이는지 확인하세요

📝 메타 정보 입력

0/100
0/300
권장 크기: 1200×630px (1.91:1 비율)

💻 메타 태그 코드 

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="">

👁️ 미리보기

🖼️

이미지 URL을 입력하세요

제목을 입력하세요
example.com
🖼️

이미지 URL을 입력하세요

제목을 입력하세요
설명을 입력하세요

✅ 검증 결과

💡 OG 태그란?

🔗

Open Graph

Facebook이 만든 프로토콜로, 웹페이지가 SNS에서 공유될 때 표시되는 정보를 정의합니다.

📊

클릭률 향상

매력적인 제목, 설명, 이미지를 설정하면 SNS에서의 클릭률이 크게 향상됩니다.

🎯

SEO 개선

검색엔진도 메타 태그를 참고하므로, 적절한 설정은 SEO에도 도움이 됩니다.

🌐

플랫폼 호환

Facebook, Twitter, LinkedIn, 카카오톡 등 대부분의 플랫폼이 OG 태그를 지원합니다.

📚 최적화 가이드

📌

제목 (og:title)

  • 60자 이내 권장
  • 핵심 키워드 포함
  • 브랜드명은 뒤에 배치
📄

설명 (og:description)

  • 155자 이내 권장
  • 행동 유도 문구 포함
  • 핵심 가치 전달
🖼️

이미지 (og:image)

  • 1200×630px 권장
  • 1.91:1 비율 유지
  • 파일 크기 8MB 이하