OG 프리뷰어 활용 가이드
클릭을 부르는 완벽한 소셜 미디어 공유 카드를 만드는 방법입니다.
1. 텍스트 잘림 현상 (Truncation) 방지
플랫폼마다 텍스트가 잘려 "..."으로 표시되는 기준이 다릅니다. 카카오톡은 보통 제목이 2줄까지 표시되지만, 트위터(X)는 1줄만 표시(truncate)됩니다. 프리뷰어를 통해 중요한 키워드가 잘리지 않고 앞단에 배치되었는지 확인하세요.
2. 검색엔진 1:1 크롭 대비
구글과 네이버의 통합검색 결과 썸네일은 보통 원본 이미지를1:1 (정방형) 비율로 가운데만 잘라서 노출합니다. 중요한 텍스트나 로고가 가장자리 밖으로 잘려나가지 않았는지 확인하세요.
💡 실무 팁: 트위터 카드(Twitter Card) 설정
기본 `og:image` 태그를 사용해도 트위터에서 링크가 노출되지만, 이미지가 꽉 차게 보이는 대형 카드를 띄우려면 반드시 아래의 메타태그를 HTML <head>에 추가해야 합니다. (이전 도구인 'SEO 메타태그 생성기'를 함께 활용하세요.)
<meta name="twitter:card" content="summary_large_image" />