본문으로 건너뛰기

소셜 미리보기 검사기

Facebook/Twitter/Zalo에서 링크가 어떻게 보이는지 미리 보세요 — Open Graph, Twitter Card, hreflang 검사

왜 소셜 공유 미리보기를 검사해야 하나요?

Open Graph 태그가 없거나 잘못되면 공유된 링크가 소셜 미디어에서 보기 안 좋게 나타나(이미지 없음, 엉뚱한 설명) 클릭률이 떨어집니다. 이 도구는 미리보기를 재현하고 모든 태그를 나열합니다.

Facebook, Zalo, Twitter/X에서 링크가 공유되면 플랫폼은 실제 페이지 내용이 아니라 Open Graph 태그(og:title, og:description, og:image)와 Twitter Card 메타를 읽어 미리보기를 만듭니다. 이 태그가 없으면 플랫폼이 페이지에서 임의의 이미지나 문단을 골라 보통 어설프게 보이고 클릭률이 떨어집니다. 소셜 미리보기 검사기는 페이지의 OG 및 Twitter Card 태그를 직접 읽고, Facebook 스타일의 미리보기를 재현해 미리 확인할 수 있게 하며, 선언된 모든 hreflang 쌍(vi/en 같은 다국어 사이트에서 중요)을 나열해 빠진 언어를 빠르게 찾아낼 수 있게 합니다.

  • Facebook 공유처럼 미리보기를 재현
  • Open Graph 및 Twitter Card 체크리스트
  • 다국어 SEO를 위해 선언된 hreflang 태그 나열
무료로 시작하기

예시: 발견된 문제를 해석하고 수정하기

설명을 위한 예시일 뿐, 내 웹사이트를 검사한 결과가 아닙니다.

기사 이미지를 바꿨는데 공유에는 옛 이미지가 뜬다면 공개 HTML의 og:image와 이미지 URL 응답부터 확인하세요.

데이터가 맞다면 소셜 플랫폼 자체 캐시가 원인일 수 있습니다. 제공되는 디버거와 실제 카드를 확인하세요. 이 미리보기는 메타데이터 모의 화면이며 hreflang 목록도 Google의 수락을 증명하지 않습니다.

광고

3단계로 사용하기

  1. 1공유하기 전에 미리 보고 싶은 URL을 입력하세요.
  2. 2"지금 미리보기"를 클릭하세요. 도구가 OG/Twitter Card 태그를 읽습니다.
  3. 3재현된 미리보기, 태그 체크리스트, hreflang 목록을 검토하세요.

자주 묻는 질문

og:image는 어떤 크기여야 하나요?
Facebook은 1.91:1 비율로 최소 1200×630px를 권장합니다. 더 작은 이미지는 미리보기에서 흐릿하게 보이거나 잘릴 수 있습니다.
공유할 때 Zalo/Facebook에 엉뚱한 이미지가 표시되는 이유는 무엇인가요?
보통 og:image가 없거나 이미지 URL을 불러오지 못해서입니다(robots.txt에 의한 차단, 잘못된 경로). 그러면 플랫폼이 페이지에서 다른 이미지를 고릅니다.
Open Graph 외에 Twitter Card도 필요한가요?
필수는 아닙니다. 없으면 Twitter/X가 Open Graph 태그로 대체합니다. 하지만 twitter:card를 별도로 선언하면 미리보기 형식을 더 세밀하게 제어할 수 있습니다.
hreflang은 무엇에 쓰이나요?
어떤 언어/지역 버전의 페이지를 어떤 사용자에게 보여줄지 Google에 알려, 서로 다른 언어 버전이 중복 콘텐츠로 취급되는 것을 막습니다.