회원가입 없는 무료 온라인 도구

OG 태그 생성기 + 미리보기

제목, 설명, 이미지를 입력하면 오픈그래프(og:title, og:description, og:image, og:url) 메타태그 코드를 생성함과 동시에 카카오톡·슬랙·페이스북에서 링크를 공유했을 때 표시되는 미리보기 카드를 실시간으로 렌더링해주는 무료 OG 태그 생성기입니다. SNS 공유 시 이미지가 안 뜨거나 제목이 깨지는 문제를 원인별로 진단하고 올바른 og 태그를 만들어줍니다. 이미지 권장 크기(1200×630px), 파일 크기(200KB 이하), 절대 URL 사용 등 SNS 크롤러가 요구하는 조건을 가이드로 함께 제공해 초보자도 쉽게 최적의 미리보기를 만들 수 있습니다. 트위터 카드까지 함께 생성하려면 트위터 카드 생성기를 병행 사용하는 것을 추천합니다.

회원가입 없이 브라우저에서 바로 사용할 수 있습니다.

도구 사용

입력·계산·미리보기 같은 대화형 기능을 사용하려면 JavaScript를 켜 주세요. 아래 사용 방법과 입력 처리 안내는 로그인 없이 읽을 수 있습니다.

OG 태그란?

오픈그래프(Open Graph) 태그는 링크를 카카오톡, 슬랙, 페이스북에 올릴 때 표시되는 미리보기 카드(제목, 설명, 이미지)를 제어하는 메타태그입니다.

핵심 태그

og:title — 미리보기 제목
og:description — 설명 문구
og:image — 썸네일 이미지(절대 URL, 1200×630 권장)
og:url — 정식 URL

이 도구는 입력값으로 태그 코드를 생성함과 동시에 카톡에 올렸을 때의 미리보기를 실시간 렌더링합니다. 단축 URL과 결합하면 깔끔한 링크 + 풍부한 미리보기를 동시에 가져갈 수 있습니다.

미리보기가 안 뜰 때 점검 순서

og:image 크기 — 가로 1200px 이상, 가로:세로 1.91:1 비율이 권장입니다. 200KB 이하로 유지하세요.
절대 URL — https://로 시작하는 풀 경로여야 크롤러가 이미지를 불러옵니다. 상대경로(/img/a.png)는 인식되지 않습니다.
캐시 갱신 — 카카오톡은 링크를 지웠다 다시 보내면 캐시가 초기화되는 경우가 많습니다. 페이스북은 'Sharing Debugger', 트위터는 'Card Validator'에서 강제 갱신합니다.
HTTPS — 혼합 콘텐츠(http 이미지)는 차단됩니다. 이미지 URL도 https여야 합니다.
서버 응답 속도 — 크롤러가 페이지를 불러올 때 5초 이상 걸리면 미리보기를 포기할 수 있습니다.

플랫폼별 권장 값

제목(og:title) — 한글 25자 이내. 클릭률에 가장 큰 영향.
설명(og:description) — 한글 50~70자. 행동 유도문(예: "오늘까지 30% 할인") 포함 시 클릭률 상승.
이미지(og:image) — 1200×630px, 텍스트는 이미지 면적의 20% 이하 권장(페이스북 정책).

트위터까지 커버하려면 트위터 카드 생성기로 twitter:card 태그를 함께 넣으세요. 카톡·페이스북·트위터·슬랙이 모두 안정적으로 미리보기를 표시합니다.

자주 묻는 질문

카톡에 링크 넣으면 미리보기가 안 떠요.

og:title, og:description, og:image가 없거나 이미지가 너무 작으면 안 뜹니다. 이미지는 1200×630, 200KB 이하를 권장합니다.

og 태그는 어디에 넣나요?

HTML의 안에 넣습니다. 웹사이트, 블로그 스킨, 워드프레스 헤더 등에 복사해 붙여넣으면 됩니다.

이미지는 절대경로여야 하나요?

네. og:image는 https://로 시작하는 절대 URL이어야 SNS 크롤러가 불러올 수 있습니다.

바뀐 정보가 바로 반영되나요?

카톡·페이스북은 캐시가 있어 반영까지 시간이 걸립니다. 카톡은 링크를 지웠다 다시 보내면 캐시가 갱신되는 경우가 많습니다.