6XC

Open Graph & 트위터 카드 생성기

og: 및 twitter: 메타 태그를 실시간 공유 카드 미리보기와 함께 생성 — 소셜 플랫폼에서 링크가 어떻게 보일지 직접 제어하세요.

조회수 965회

공유된 링크가 멋져 보이는 이유(또는 엉망으로 보이는 이유)

URL을 소셜 플랫폼이나 메신저에 붙여넣으면 미리보기 카드는 Open Graph 태그(Facebook, LinkedIn, WhatsApp, Telegram, Slack 등)와 twitter: 태그(X)에서 만들어집니다. 태그가 없으면 플랫폼이 추측하는데, 대개 결과가 좋지 않습니다. 핵심 네 가지는 og:title, og:description, og:image, og:url이며 — 여기에 작은 요약형과 가로 폭 전체를 채우는 summary_large_image 중 하나를 고르는 twitter:card가 더해집니다.

이미지 규칙이 모든 것을 좌우합니다. 1200×630이 안전한 범용 크기(1.91:1)이며, 약 1MB 이하 파일이라야 안정적으로 로드되고, URL은 반드시 절대경로(https://...)여야 합니다. 배포 후에는 각 플랫폼의 디버거로 확인하세요 — Facebook Sharing Debugger 등은 이전 카드의 캐시도 함께 지워줍니다.

자주 묻는 질문

카드에 여전히 예전 이미지가 나옵니다 — 왜 그런가요?

플랫폼은 캐시를 적극적으로 유지합니다. Facebook Sharing Debugger에 URL을 붙여넣고 "다시 스크랩"을 눌러(각 플랫폼마다 유사 기능이 있습니다) 카드를 새로고침하세요.

og: 태그가 있는데 twitter: 태그도 따로 필요한가요?

X는 대부분의 항목에서 Open Graph를 그대로 사용하지만, twitter:card(요약형 vs 큰 이미지)만은 별도로 결정됩니다 — 최소한 이것만은 설정하세요. 이 생성기는 두 세트를 모두 출력하므로 안전한 기본값입니다.

비슷한 도구

메타 태그 생성기 (제목 & 설명) 실시간 구글 미리보기와 길이 가이드로 제목과 설명을 작성 — 깔끔한 HTML 메타 태그를 복사하세요. 생성하기 Google 검색결과 미리보기(SERP 스니펫) 게시하기 전에 제목, URL, 메타 설명이 Google 검색결과에서 어떻게 보일지 확인하세요 — 실시간 글자수/픽셀 잘림 경고 포함. 사용하기 URL 슬러그 생성기 어떤 제목이든 깔끔한 URL 슬러그로 바꿔줍니다 — 발음 기호는 로마자로 변환, 문장부호는 제거, 여러 줄 일괄 처리도 지원합니다. 생성하기 키워드 밀도 검사기 텍스트를 붙여넣으면 가장 자주 등장하는 단어와 2~3단어 구문을 밀도(%)와 함께 보여줍니다 — 불용어는 자동 제외, 모든 처리는 브라우저 안에서만 이루어집니다. 확인하기