OG 프리뷰어 활용 가이드
클릭을 부르는 완벽한 소셜 미디어 공유 카드를 만드는 방법입니다.
1. 텍스트 잘림 현상 (Truncation) 방지
플랫폼마다 텍스트가 잘려 "..."으로 표시되는 기준이 다릅니다. 카카오톡은 보통 제목이 2줄까지 표시되지만, 트위터(X)는 1줄만 표시(truncate)됩니다. 프리뷰어를 통해 중요한 키워드가 잘리지 않고 앞단에 배치되었는지 확인하세요.
2. 최적의 이미지 비율 (1.91:1)
페이스북과 트위터의 기본 Open Graph 이미지 권장 사이즈는 1200 x 630 픽셀 (약 1.91:1 비율)입니다. 이 비율을 맞추지 않으면 이미지가 상하좌우로 크롭(Crop)되거나 여백이 생겨 전문성이 떨어져 보일 수 있습니다.
💡 실무 팁: 트위터 카드(Twitter Card) 설정
기본 `og:image` 태그를 사용해도 트위터에서 링크가 노출되지만, 이미지가 꽉 차게 보이는 대형 카드를 띄우려면 반드시 아래의 메타태그를 HTML <head>에 추가해야 합니다. (이전 도구인 'SEO 메타태그 생성기'를 함께 활용하세요.)
<meta name="twitter:card" content="summary_large_image" />