무료 도구전체 도구 보기 →
무료 OG 태그 미리보기
Open Graph 태그를 넣으면 Facebook·X·카카오톡·Slack에서 링크가 어떻게 보일지 바로 그려 줍니다. 공유하기 전에 잘리는 글자부터 확인하세요.
- 회원가입 없음
- 플랫폼 4곳
- OG 태그 코드 생성
입력
Edgelink 단축 링크에는 링크마다 OG 태그를 따로 넣을 수 있어요.
플랫폼별 미리보기입력하는 대로 바로 반영
카카오톡잘리는 글자 없음
모먼트 커피 가을 세일
가을 블렌드와 핸드드립 세트를 한자리에 모았어요. 링크에서 구성을 확인해 보세요.
shop.example.com
생성된 OG 태그
<!-- Open Graph --> <meta property="og:title" content="모먼트 커피 가을 세일" /> <meta property="og:description" content="가을 블렌드와 핸드드립 세트를 한자리에 모았어요. 링크에서 구성을 확인해 보세요." /> <meta property="og:image" content="https://edgelink.me/og-image.png" /> <meta property="og:url" content="https://shop.example.com/event/autumn" /> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="모먼트 커피 가을 세일" /> <meta name="twitter:description" content="가을 블렌드와 핸드드립 세트를 한자리에 모았어요. 링크에서 구성을 확인해 보세요." /> <meta name="twitter:image" content="https://edgelink.me/og-image.png" />
사용법
공유 전에 확인하는 순서
- 01
OG 태그 입력
제목과 설명에 이미지 URL까지 채우세요.
- 02
플랫폼 고르기
Facebook·X·카카오톡·Slack 중 확인할 곳을 고릅니다.
- 03
미리보기 확인
입력하는 대로 카드가 바뀌니 잘리는 글자를 바로 확인하세요.
OG 태그가 뭔가요?
OG(Open Graph) 태그는 페이지가 소셜 미디어에 공유될 때 보이는 제목과 설명, 이미지를 정하는 HTML 메타 태그입니다.
어떤 플랫폼을 지원하나요?
Facebook·X(Twitter)·카카오톡·Slack 네 곳의 링크 미리보기를 볼 수 있어요.
OG 이미지는 몇 픽셀이 좋나요?
보통 1200x630px을 권장합니다. Facebook을 비롯한 대부분의 플랫폼에서 가장 잘 보이는 크기예요.
OG 미리보기 도구는 무료인가요?
네, 무료입니다. 가입하지 않아도 횟수 제한 없이 미리보기를 확인할 수 있어요.
Free Tools
함께 쓰기 좋은 도구
메타 태그 생성기
title과 description부터 Open Graph와 Twitter Card 태그까지 한 번에 만들어 줘요.
사용하기 →소셜 링크 포맷터
플랫폼마다 다른 글자 수 제한과 미리보기 방식을 URL 하나로 확인하세요.
사용하기 →URL 파서
URL을 프로토콜부터 쿼리 파라미터까지 조각내 보여 줍니다.
사용하기 →QR 코드 생성기
URL을 넣으면 QR 코드가 바로 나옵니다. PNG나 SVG로 받으세요.
사용하기 →UTM 빌더
Google Analytics에서 읽히는 캠페인 URL 만들기
사용하기 →CTR 계산기
클릭률을 구하고 채널별 평균과 비교해요
사용하기 →