Open Graph 태그 생성기 — OG·Twitter Card 미리보기

개발자 도구

Open Graph 태그 생성기는 제목·설명·이미지 URL을 입력하면 SNS 공유 카드에 쓰이는 OG 태그와 Twitter Card 태그 세트를 만들어 주는 도구입니다.

개념 설명

Open Graph는 페이스북·카카오톡·슬랙 같은 서비스가 링크 공유 카드(제목·설명·이미지)를 그릴 때 읽는 메타 태그 규약이고, Twitter Card는 X(트위터)용 확장입니다. 이 도구는 og:title, og:description, og:url, og:image, og:site_name과 twitter:card 계열 태그를 생성하고, 입력값 기준으로 공유 카드 미리보기를 함께 보여줍니다. 실제 카드 렌더링은 서비스별 캐시와 정책에 따라 다를 수 있습니다.

출력 = <meta property="og:*"> 세트 + <meta name="twitter:*"> 세트

사용법

  1. 1공유 카드에 표시할 제목, 설명, 페이지 URL, 이미지 URL을 입력합니다.
  2. 2og:type과 Twitter 카드 형식을 선택합니다.
  3. 3생성 버튼을 눌러 태그를 복사하고 <head>에 붙여넣은 뒤 Open Graph 검사기로 확인합니다.

참조표

Open Graph 태그 생성기 — OG·Twitter Card 미리보기 참조표
태그필수설명
og:title필수공유 카드 제목
og:type필수콘텐츠 유형(website, article 등)
og:image필수카드 이미지 — 1200×630px(1.91:1) 권장
og:url필수페이지 대표 URL
twitter:card권장X 카드 형식(summary, summary_large_image)

출처/기준

자주 묻는 질문

입력한 값이나 이미지 URL이 서버로 전송되나요?

아니요. 태그 생성과 카드 미리보기는 브라우저에서만 처리됩니다. 미리보기 이미지는 입력한 URL에서 브라우저가 직접 불러올 뿐 이 서비스 서버를 거치지 않습니다.

og:image 권장 크기는 얼마인가요?

1200×630픽셀(비율 1.91:1)이 가장 널리 쓰이는 권장 크기입니다. 최소 600×315픽셀 이상이어야 대부분의 서비스에서 큰 카드로 표시됩니다.

OG 태그가 있으면 Twitter Card 태그는 없어도 되나요?

X는 twitter:* 태그가 없으면 OG 태그로 대체(fallback)하지만, 카드 형식을 지정하는 twitter:card는 명시하는 것이 안전합니다.

관련 도구