Open Graph 생성기
og:와 twitter: 메타 태그 세트 전체를 만들고, 붙여 넣기 전에 공유 카드 미리 보기가 실시간으로 갱신되는 걸 확인하세요. 설치도 가입도 필요 없습니다.
HTML snippet
Share card preview
example.com
Page title
이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.
사용 방법
- 1페이지 제목, 디스크립션, 캐노니컬 URL을 입력하기.
- 2공유 이미지 URL(1200 × 630px면 어디서든 통합니다)을 넣고 카드 유형을 정하기.
- 3태그를 <head>에 복사하고 미리 보기 카드를 확인하기.
Open Graph 생성기
링크가 X, Facebook, LinkedIn, Slack, iMessage에 공유되면 미리 보기 카드는 거의 전부 Open Graph 태그에서 만들어지고 빈틈은 Twitter 카드 태그가 채웁니다. 이 생성기는 두 네임스페이스를 모두 출력합니다. og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description, og:locale에 twitter:card, twitter:site, twitter:creator까지.
대부분의 플랫폼은 twitter: 태그가 없으면 og: 태그로 대체하므로, 별도 태그는 차이가 필요한 곳에만 있으면 됩니다. 실시간 미리 보기가 큰 이미지 또는 요약 카드의 렌더링을 근사합니다.
자주 묻는 질문
og:image는 어떤 크기가 맞나요?
1200 × 630픽셀(1.91:1)이 Facebook, X, LinkedIn 모두에서 통하는 안전한 기본값입니다. 파일은 8MB 이하, 절대 URL을 쓰고, 접근성을 위해 og:image:alt는 항상 넣으세요.
og:와 twitter: 태그를 둘 다 넣어야 하나요?
twitter:title, twitter:description, twitter:image는 og: 대응 태그로 대체됩니다. og: 세트 위에 꼭 필요한 것은 twitter:card(summary 또는 summary_large_image)와 twitter:site, 선택으로 twitter:creator입니다.
og:type은 어떤 걸 고르죠?
홈페이지와 일반 페이지는 website, 뉴스와 블로그 글은 article(가능하면 article:published_time 추가), 전자상거래 상세 페이지는 product입니다. 유형에 따라 일부 플랫폼의 링크 분류가 달라집니다.
관련 도구
메타 태그 생성기
title, description, keywords, robots, viewport 메타 태그를 실시간 HTML 출력으로 만들어 <head>에 바로 붙일 수 있게 해 줍니다.
전체 도구 →
SERP 미리보기
구글 스니펫을 데스크톱과 모바일로 미리 봅니다 — 픽셀 단위 절단 처리와 제목·디스크립션 길이 게이지를 함께 보여 줍니다. 설치도 가입도 필요 없습니다.
전체 도구 →
스키마 마크업 생성기
Organization, LocalBusiness, Product, Article, FAQPage, HowTo용 유효한 JSON-LD 구조화 데이터를 이스케이프까지 마쳐 바로 붙일 수 있게 만듭니다.
전체 도구 →
UTM 링크 빌더
어떤 URL에든 utm_source, medium, campaign, term, content를 붙여 올바르게 인코딩된 추적 링크를 만들어 복사하거나 공유하세요.
전체 도구 →
도구 삽입
한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.
<iframe src="https://zoyku.com/ko/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>