소셜 공유 미리보기
Open Graph + Twitter Card 태그를 실시간 Facebook/Twitter 스타일 미리보기 카드와 함께 생성
네 플랫폼, 공유 카드에 대한 하나의 진실
Facebook, X, LinkedIn, WhatsApp은 OG 태그를 서로 다르게 렌더링합니다 — 네 가지 목업을 모두 확인하고 게시 전에 가장 약한 카드부터 고치십시오.
하나의 폼, 두 가지 태그 세트
Facebook, LinkedIn, Slack용 Open Graph 태그와 X용 Twitter Card 태그를 하나의 제목·설명·이미지·URL에서 함께 생성합니다.
공유 전 카드 미리보기
미리보기 카드가 1.91:1 비율의 이미지를 도메인·제목·설명과 함께 렌더링합니다. 링크 공유 시 사용자가 보는 레이아웃을 배포 전에 확인하세요.
두 가지 카드 변형
전체 너비 이미지용 summary_large_image 또는 간결한 summary 카드를 선택하면, 그에 맞는 twitter:card 값과 태그를 생성합니다.
자주 묻는 질문
왜 Open Graph와 Twitter Card 태그를 함께 생성하나요?
전용 twitter:* 태그가 없으면 Twitter/X는 자동으로 Open Graph 태그를 대신 사용합니다. 즉 실제 공유 카드는 같은 필드 세트로 만들어지므로, 따로 입력하면 동일한 title/description/image를 두 번 입력하는 셈이 됩니다.
이미지는 어떤 크기를 사용해야 하나요?
1200×630px(약 1.91:1 비율)는 Facebook, Twitter/X, LinkedIn, Slack에서 "summary_large_image" 카드에 안전하게 권장되는 크기입니다. 그보다 작거나 비율이 이상한 이미지는 각 플랫폼에서 예측하기 어렵게 잘릴 수 있습니다.
제 콘텐츠가 어딘가에 업로드되나요?
아니요. 모든 작업은 순수 JavaScript로 브라우저 안에서 처리됩니다. 입력한 내용은 서버로 전송되지 않습니다.
플랫폼별로 읽어들이는 항목
| 플랫폼 | 기본 소스 | 이미지 비율 |
|---|---|---|
| Facebook / LinkedIn | og:title, og:description, og:image | 1.91:1 (최소 200×200) |
| X / Twitter | twitter:card, 없으면 OG 대체 | 2:1 large, 1:1 summary |
| og:title/image (설명은 종종 숨겨짐) | 거의 정사각형 크롭 |
크기가 모자란 이미지, 치수 태그 누락(재스크랩을 강제함), 네트워크별 절단 기준을 넘은 제목을 표시합니다.
관련 도구
소셜 공유 미리보기란 무엇인가요?
누군가 Facebook, X, LinkedIn, Slack에 링크를 공유하면, 플랫폼은 메타 태그——대부분의 SNS는 Open Graph, X는 Twitter Card——를 읽어 이미지, 제목, 설명이 담긴 카드를 만듭니다. 이 태그가 없으면 카드가 어긋나 보이거나 URL 하나만 덩그러니 표시되어 클릭률이 크게 떨어집니다. 이 도구는 하나의 폼에서 두 태그 세트를 모두 생성하고 미리보기 카드를 실시간으로 렌더링하므로, 어디에 공유하기 전에 링크가 어떻게 보일지 정확히 확인할 수 있습니다. 마케터, 콘텐츠 팀, 사이트 운영자는 출시할 때마다 사용합니다.
만들어 내는 것
- 🖼️ 한 세트의 입력으로 Open Graph와 Twitter Card 태그 동시 생성
- 📱 입력과 동시에 갱신되는 Facebook/Twitter 스타일 미리보기 카드
- 🗂️ X용 summary 또는 큰 이미지 카드 유형 선택
- 🔗 og:url과 og:site_name 지원
- 📋 결합된, 바로 붙여넣을 수 있는 태그 블록
공유 전에 확인할 때
- 널리 공유될 제품 페이지나 랜딩 페이지를 출시할 때
- 캠페인 발송 전에 기사 링크의 표시를 확인할 때
- 선택한 이미지가 1.91:1 비율로 잘 어울리는지 확인할 때
- 몇 달째 공유 카드가 깨진 사이트를 점검할 때
모든 것이 브라우저 안에서 생성되며 콘텐츠는 업로드되지 않습니다. 알아 둘 플랫폼 특성이 하나 있습니다. SNS는 URL의 메타데이터를 캐시하므로 태그를 추가한 뒤에는 해당 플랫폼의 디버깅 도구로 캐시를 갱신해야 새 카드가 표시될 수 있습니다.
마지막 업데이트 · 2026-09-01