Open Graph 태그란?

Open Graph 태그(og:title, og:description, og:image, og:url, og:type)는 소셜 앱에 링크 미리보기 렌더 방식을 알려 주는 meta 요소입니다. 없으면 Facebook, LinkedIn, Slack이 약한 제목이나 잘못된 이미지를 추측하는 경우가 많습니다.

어떤 Open Graph 태그가 필요한가요?

og:title, og:type, og:image, og:url부터 시작하세요. og:description, og:site_name, og:locale은 있을 때 추가합니다. 이 생성기는 입력한 필드와 og:type(기본 website)만 출력합니다.

절대 https URL을 사용하세요. Facebook과 LinkedIn에서 흔한 가로 크기는 1200 x 630 pixels 입니다. 더 작으면 잘리거나 작은 썸네일로 대체될 수 있습니다.

Twitter Card 태그도 필요한가요?

X(Twitter)는 Open Graph를 읽을 수 있지만 twitter:card, twitter:title, twitter:description, twitter:image로 명시적으로 제어할 수 있습니다. 옵션을 켜면 포함됩니다. 이미지가 있으면 summary_large_image, 없으면 summary입니다.

HTML은 어디에 붙이나요?

HTML 문서 head(또는 프레임워크 metadata API) 안에 붙입니다. og:url로 지정한 공개 URL에 태그가 있어야 크롤러가 볼 수 있습니다.

입력 내용이 기기 밖으로 나가나요?

아니요. Open Graph 태그 생성기는 브라우저에서만 동작하며, 제목·URL·이미지 링크는 업로드되거나 저장되지 않습니다.

SEO 도구

Open Graph 태그 생성기

브라우저에서 Open Graph 및 Twitter Card 메타 태그를 만듭니다.

페이지 제목

0자

설명

0자

페이지 URL

이미지 URL

1200 x 630px를 권장합니다. 절대 https URL를 사용합니다.

og:type

사이트 이름

장소

en_US 또는 es_ES와 같은 오픈 그래프 형식을 사용하세요.

HTML 태그

태그를 생성하려면 제목, 설명, URL 또는 이미지를 입력하세요.

소셜 미리보기

공유 이미지를 미리 보려면 이미지를 추가하세요 URL

www.example.com

페이지 제목

링크가 공유되면 여기에 설명이 표시됩니다.

Open Graph 태그 생성기 정보

브라우저에서 Open Graph 및 Twitter Card 메타 태그를 만듭니다. 페이지 제목, 설명, URL, 이미지, type, 사이트 이름, locale을 입력한 뒤 live HTML을 head에 붙여 넣으면 Facebook, LinkedIn, Slack 등에서 깔끔한 공유 카드가 표시됩니다. 이미지 URL이 있을 때 선택 Twitter Card 태그는 summary_large_image를 사용합니다. 업로드되지 않습니다.

Open Graph 태그 생성기 사용 방법

페이지 제목, 설명, canonical URL, 이미지 URL을 입력합니다.
og:type(website, article, product, profile)을 선택합니다.
선택적으로 사이트 이름과 locale(예: ko_KR)을 추가합니다.
Open Graph만 필요하면 Twitter Card 태그를 끄고, 아니면 켜 둡니다.
HTML을 복사해 페이지 head 안에 붙여 넣습니다.

Open Graph 태그 생성기 예시

블로그 글 공유 카드

제목 "Open Graph tags for a blog post", type article, 1200 x 630 이미지, 글 URL이면 og:title, og:type, og:image, og:url이 생성되어 글 템플릿에 바로 붙일 수 있습니다.

사이트 이름이 있는 홈페이지

type website, 브랜드를 og:site_name, 홈 URL을 설정하면 Slack과 LinkedIn에서 제목 아래 브랜드명이 표시됩니다.

상품 목록

type product, 제목, 가격 중심 설명, 상품 URL, hero 이미지를 넣으면 Facebook과 iMessage에서 구매 가능한 카드처럼 보입니다.

따옴표와 앰퍼샌드

Shop "A & B" 같은 제목은 Shop "A & B"로 이스케이프되어 붙여 넣어도 HTML이 유효합니다.

Open Graph 태그 완전 가이드

전체 가이드 읽기

Open Graph 태그 생성기 사용 방법: 완벽 가이드 (2026) - 5 분 읽기

Open Graph 태그 생성기에 대한 자주 묻는 질문

Open Graph 태그란?: Open Graph 태그(og:title, og:description, og:image, og:url, og:type)는 소셜 앱에 링크 미리보기 렌더 방식을 알려 주는 meta 요소입니다. 없으면 Facebook, LinkedIn, Slack이 약한 제목이나 잘못된 이미지를 추측하는 경우가 많습니다.
어떤 Open Graph 태그가 필요한가요?: og:title, og:type, og:image, og:url부터 시작하세요. og:description, og:site_name, og:locale은 있을 때 추가합니다. 이 생성기는 입력한 필드와 og:type(기본 website)만 출력합니다.
og:image 크기는?: 절대 https URL을 사용하세요. Facebook과 LinkedIn에서 흔한 가로 크기는 1200 x 630 pixels 입니다. 더 작으면 잘리거나 작은 썸네일로 대체될 수 있습니다.
Twitter Card 태그도 필요한가요?: X(Twitter)는 Open Graph를 읽을 수 있지만 twitter:card, twitter:title, twitter:description, twitter:image로 명시적으로 제어할 수 있습니다. 옵션을 켜면 포함됩니다. 이미지가 있으면 summary_large_image, 없으면 summary입니다.
HTML은 어디에 붙이나요?: HTML 문서 head(또는 프레임워크 metadata API) 안에 붙입니다. og:url로 지정한 공개 URL에 태그가 있어야 크롤러가 볼 수 있습니다.
입력 내용이 기기 밖으로 나가나요?: 아니요. Open Graph 태그 생성기는 브라우저에서만 동작하며, 제목·URL·이미지 링크는 업로드되거나 저장되지 않습니다.

Twitter Card 생성기

카드 유형, 제목, 설명, 이미지, 사이트 핸들로 Twitter Card / X 메타 태그 생성. 실시간 HTML과 미리보기가 있는 무료 twitter:card 생성기.

Meta Description Checker & SERP Preview

무료 SERP 길이 checker와 meta description preview. 실시간 문자 수와 Google snippet preview - 또는 초안 생성. 150-160자 한도에 맞춤.

Slug Generator

제목·구절을 깨끗한 SEO-friendly URL slug로 변환. 소문자, 악센트 제거, hyphen 또는 underscore 구분 - 무료, 즉시, 비공개.