Open Graph 디버거
URL이 공유될 때 어떻게 보이는지 미리보고 Open Graph·Twitter 카드 태그를 검증합니다.
이 도구에 대해
URL을 입력하면 소셜 플랫폼과 메신저에서 공유될 때 어떻게 보일지, 그리고 페이지가 노출하는 Open Graph·Twitter 카드 태그 원본을 보여줍니다. 페이지는 크롤러 user-agent로 서버 사이드에서 가져오므로 Facebook, X, Slack 등이 실제로 받는 내용을 볼 수 있고, 순수 브라우저 fetch가 부딪히는 CORS 제약을 우회합니다.
누락되거나 잘못된 태그(og:image 없음, 상대 경로 이미지, twitter:card 누락)를 표시해주므로 출시 전에 링크 미리보기를 고칠 수 있습니다.
자주 묻는 질문
여기 미리보기가 Slack이나 Facebook과 다른 이유는?+
그 플랫폼들은 캐시를 적극적으로 합니다. 태그를 고친 뒤에는 각 플랫폼의 캐시 갱신 기능(Facebook Sharing Debugger의 "Scrape Again" 등)으로 강제 새로고침하세요. 이 도구는 항상 실시간으로 가져옵니다.
og:image는 왜 절대 URL이어야 하나요?+
크롤러는 페이지 컨텍스트 밖에서 이미지를 가져오므로 /og.png 같은 상대 경로는 기준이 될 호스트가 없습니다. 항상 전체 https:// URL을 쓰세요.
제 사이트는 아무것도 안 나오는데요?+
일부 사이트는 브라우저가 아닌 user-agent를 차단하거나, meta 태그를 클라이언트 사이드 JavaScript로만 렌더링합니다. 크롤러(와 이 도구)는 JS를 실행하지 않으므로, OG 태그는 서버 렌더링된 HTML에 있어야 합니다.
og:image 권장 크기는?+
1200×630(1.91:1)이 플랫폼 전반에서 안전한 기본값이며 5MB 이하여야 합니다. 600×315보다 작으면 큰 카드 대신 작은 썸네일로 표시되는 플랫폼이 많습니다.