UrlEdge
카카오톡 · Open Graph · X Cards

카카오톡 링크 미리보기
& Open Graph 검증

Facebook Debugger를 기다리기 전에 캠페인 링크의 링크 미리보기를 확인하고 수정하세요. 카카오톡, Slack, X, Facebook에서 깨진 카드가 나가기 전에 잡습니다.

edge 모드
플랫폼 캐시 우회
내 브랜드
@yourbrand · 1m

새 기능을 공개했습니다. 캠페인 링크를 확인해 보세요.

Preview
urledge.com
소셜 카드 검증과 디버깅 | UrlEdge
코드 배포 없이 Open Graph 이미지, 제목, 설명을 edge에서 수정하고 깨진 링크 미리보기를 점검하세요.
카드 타입: summary_large_image

공식 디버거만으로 부족한 이유

Facebook Sharing Debugger와 X Card Validator는 플랫폼별로 따로 확인해야 하고, 제목 오타 하나를 고치려 해도 사이트 배포가 필요할 수 있습니다. 캠페인 공개 전에는 더 빠른 점검 흐름이 필요합니다.

edge override

코드베이스를 건드리지 않고 제목 오타를 고치거나 이미지를 교체합니다. 크롤러 요청에는 수정된 tag를 제공합니다.

여러 플랫폼 미리보기

X, Facebook, Slack, LinkedIn, Discord 미리보기를 한 대시보드에서 비교합니다.

이미지 규격 점검

주요 텍스트가 잘리지 않도록 OG 이미지 비율과 안전 영역을 확인합니다.

주요 플랫폼 호환


소셜 웹 생태계

플랫폼마다 미리보기 처리 방식이 다릅니다. X는 `summary_large_image`를 원하고, 카카오톡과 메신저 앱은 이미지 비율과 캐시에 민감하며, Slack은 구조화된 데이터를 읽습니다. UrlEdge는 User-Agent를 보고 필요한 형식을 제공합니다.

X / Twitter 카드
큰 요약 카드와 player card
Facebook OG
Feed & Messenger 미리보기
Slack unfurling
구조화된 rich preview
LinkedIn 게시물
Inspector에서 확인 가능한 metadata
KakaoTalk / iMessage
이미지 크기와 비율 점검
Discord 임베드
커스텀 색상과 필드
metadata-injector.ts
// edge에서 주입되는 metadata
const meta = {
"og:title": "런칭 당일",
"og:description": "깨진 링크 미리보기 수정...",
"og:image": "https://cdn.urledge.com/og.png",
"twitter:card": "summary_large_image",
"og:site_name": "UrlEdge"
}
검증 완료
edge 처리

깨진 미리보기를 세 단계로 수정

meta tag 하나 때문에 개발자 배포를 기다리지 않아도 됩니다.

URL 분석

링크를 붙여 넣습니다. Twitterbot과 Facebook crawler 관점에서 어떤 metadata를 보는지 확인합니다.

태그 override

새 이미지를 올리거나 대시보드에서 제목을 수정합니다. UrlEdge가 proxy rule을 만듭니다.

캐시 우회

새 metadata를 고유한 edge URL에서 제공해 플랫폼이 미리보기를 다시 가져오도록 합니다.

문제 해결 가이드

소셜 디버깅과 OG tag에 대한 자주 묻는 질문입니다.

X/Twitter는 이미지와 meta tag를 캐시합니다. 사이트의 meta tag를 바꿔도 즉시 다시 가져오지 않을 수 있습니다. UrlEdge는 URL에 고유 버전 hash를 붙여 새 데이터를 가져오게 할 수 있습니다.

공유 전 모든 링크 카드를 확인하세요

깨진 미리보기 때문에 캠페인 클릭을 잃지 않도록 소셜 카드를 검증하고 수정하세요.

카드 등록 없이 시작 · 미리보기 검증