오픈그래프 디버거란 무엇인가요?

소셜 미디어 크롤러와 동일한 방식으로 URL을 가져와 오픈그래프(og:*) 및 트위터 카드(twitter:*) 메타 태그를 읽고, Facebook, X, LinkedIn, 카카오톡 등에 공유했을 때 링크 미리보기 카드가 어떻게 보일지 정확히 보여주는 도구입니다.

왜 링크에 이미지가 잘못 나오거나 아예 안 나오나요?

가장 흔한 원인은 og:image 태그가 없거나, 이미지 URL이 깨졌거나 접근이 막혀 있거나, 사이트가 자바스크립트로만 오픈그래프 태그를 삽입하는 경우입니다(크롤러는 자바스크립트를 실행하지 못합니다). 절대 경로의 og:image 메타 태그를 정적으로 추가하면 해결됩니다.

직접 공유했을 때 보이는 미리보기와 결과가 다른 이유는 무엇인가요?

Facebook, X 등은 크롤링한 오픈그래프 정보를 캐시합니다. 이미 공유된 링크의 태그를 나중에 수정했다면, 해당 플랫폼의 캐시 새로고침 도구(예: Facebook 공유 디버거의 'Scrape Again')를 사용해 강제로 다시 가져오게 해야 합니다.

확인한 URL이 저장되거나 공유되나요?

아니요. 분석을 위해 서버에서 페이지의 메타 태그만 읽어올 뿐, 어떤 것도 저장하거나 공유하지 않습니다.

왜 특별한 User-Agent로 페이지를 가져오나요?

많은 사이트가 실제 방문자와 크롤러에게 다른 콘텐츠를 보여줍니다. Facebook과 동일한 소셜 크롤러 User-Agent로 요청해서, Facebook·X 등이 실제로 보는 것과 동일한 오픈그래프 태그를 확인할 수 있게 합니다.

오픈그래프 디버거

Facebook, X, LinkedIn, 카카오톡에 공유했을 때 링크가 어떻게 보이는지 미리 확인하세요. 오픈그래프와 트위터 카드 태그를 즉시 검사합니다.

Facebook, X와 동일한 소셜 크롤러 User-Agent로 서버에서 페이지를 가져옵니다.

작동 방식

URL 입력

확인하고 싶은 공개 페이지의 URL을 입력하세요.

서버에서 가져오기

Facebook이나 X와 동일한 소셜 크롤러 User-Agent로 페이지를 요청합니다.

결과 확인

링크 미리보기가 어떻게 렌더링되는지, 감지된 전체 메타 태그와 경고 목록을 확인하세요.

오픈그래프 팁

링크를 공유할 때 항상 최상의 모습으로 보이도록 하세요.

1200×630 이미지 사용

대부분의 플랫폼이 기대하는 1.91:1 비율에 맞아 og:image가 어색하게 잘리지 않습니다.

og:image:width/height 설정

Facebook을 포함한 일부 크롤러는 너비·높이 메타 태그가 없는 이미지는 건너뜁니다.

제목은 60자 이내로

제목이 길면 피드 미리보기에서 잘려서 메시지가 온전히 전달되지 않습니다.

twitter:card 추가

설정하지 않으면 X가 일반 오픈그래프 태그로 대체해 더 작은 미리보기를 표시할 수 있습니다.