오픈 그래프 미리보기 — SNS에서 링크가 어떻게 보이는지 확인

URL을 입력하면 Facebook, LinkedIn, X, Slack이 보여 줄 카드 그대로, 찾은 모든 태그와 빠진 항목까지 확인할 수 있습니다.

요청하실 때만 서버에서 페이지의 태그를 가져오며, 사용자에 관한 정보는 저장하지 않습니다. 모든 무료 도구 보기.

문제를 발견하셨거나 개선할 점이 있나요? 모든 메시지를 읽고 빠르게 고칩니다.

이 무료 오픈 그래프 미리보기 도구는 공개된 페이지를 가져와 Facebook, LinkedIn, X, Slack이 그 태그로 만들어 낼 링크 카드를 각 플랫폼과 같은 방식으로 보여 줍니다. 제목, 설명, 이미지, 사이트 이름이 플랫폼마다 잘리고 줄어드는 모습 그대로입니다. 찾아낸 og:와 twitter: 태그를 모두 나열하고, 공유 이미지를 측정하며, 실패한 항목마다 구체적인 해결 방법과 함께 점수를 매깁니다.

링크 미리보기는 몇 개의 메타 태그만으로 결정되며, 문제가 생겨도 아무 경고 없이 실패합니다. og:image가 없으면 공유한 글이 밋밋한 회색 링크가 되고, 너비가 600 px 미만인 이미지는 썸네일로 줄어들며, 70자를 넘는 제목은 단어 중간에서 잘립니다. 공유하기 전이나 배포한 뒤에 여기서 확인하면 10초 만에 이 모든 문제를 잡아낼 수 있습니다. 요청에 따라 저희 서버가 페이지를 가져오기 때문에, 로그인된 내 브라우저가 아니라 크롤러가 보는 그대로를 보여 줍니다.

사용 방법

페이지 URL을 붙여 넣고 미리보기를 누르세요. 페이지는 공개적으로 접근할 수 있어야 하며, localhost나 비밀번호로 보호된 스테이징 사이트는 가져올 수 없습니다.
세 개의 카드를 보세요. 제목만 덩그러니 있거나 이미지가 없다면 태그가 빠졌거나 이미지가 로드되지 않는 것입니다.
검사 결과를 읽으세요. 실패한 각 줄에 무엇을 추가하거나 바꿔야 하는지 나와 있으며, 빠진 태그는 메타 태그 생성기로 만들 수 있습니다.
수정하고 배포한 뒤 다시 확인을 누르세요. Facebook이나 LinkedIn에 여전히 이전 카드가 보인다면 캐시된 것이므로 Facebook 공유 디버거나 LinkedIn Post Inspector에서 다시 스크랩하세요.

자주 묻는 질문

미리보기가 LinkedIn이나 Facebook에 보이는 것과 다른 이유는 무엇인가요?

캐시 때문입니다. 두 플랫폼 모두 처음 본 링크 카드를 저장해 두며, 때로는 몇 주씩 유지합니다. 이 도구는 항상 현재 태그를 가져옵니다. 플랫폼의 캐시를 새로 고치려면 Facebook 공유 디버거(Instagram과 WhatsApp도 함께 갱신됨)나 LinkedIn Post Inspector를 사용하세요. X는 보통 하루 정도면 알아서 갱신합니다.

og:image는 어떤 크기여야 하나요?

1200 × 630픽셀, 비율 1.91:1, 약 5 MB 미만이어야 하며, HTTPS를 통해 절대 URL로 제공해야 합니다. 그러면 어디서나 큰 카드로 표시됩니다. 너비가 600 px보다 좁은 이미지는 Facebook과 LinkedIn에서 작은 썸네일로 대체됩니다. 정사각형 이미지는 잘리므로 피사체를 가운데에 두세요.

최소한 어떤 태그가 필요한가요?

og:title, og:description, og:image, og:url입니다. 여기에 og:site_name과 og:type을 추가하고, X가 큰 이미지를 쓰도록 twitter:card를 summary_large_image로 설정하세요. X는 twitter: 태그가 지정하지 않은 항목은 og: 태그를 대신 읽습니다.

도구에 페이지가 리디렉션되었다고 나옵니다. 문제가 되나요?

대개는 아닙니다. http에서 https로, www 없는 주소에서 www로 가는 리디렉션은 정상이며 도구도 이를 따라갑니다. 문제가 되는 경우는 공유 링크가 태그를 제공하지 않는 추적 도메인을 거쳐 리디렉션되거나, 리디렉션 체인이 너무 느려서 플랫폼 크롤러가 포기할 때입니다. 가능하면 최종 URL을 직접 공유하세요.

로그인이 필요한 페이지나 localhost도 미리 볼 수 있나요?

아니요. 페이지는 저희 서버에서 가져오므로 익명 방문자가 보는 것만 볼 수 있으며, 이는 SNS 크롤러가 보는 것과 같습니다. 로컬 페이지라면 먼저 미리보기 URL에 배포하세요. 사설 네트워크 주소로의 요청은 설계상 거부됩니다.

저장되는 것이 있나요?

요청이 있을 때 URL을 가져와 태그를 브라우저로 돌려줄 뿐 아무것도 보관하지 않습니다. 페이지의 head 태그만 최대 1 MB까지 읽습니다.

플랫폼별로 카드를 만드는 방식

Facebook과 LinkedIn은 og:*를 읽어 이미지, 제목, 도메인을 보여 줍니다(LinkedIn은 피드에서 설명을 생략합니다). X는 twitter:*를 먼저 읽고 없으면 og:*를 쓰며, twitter:card에 따라 큰 레이아웃과 작은 레이아웃을 고릅니다. Slack, Discord, iMessage는 og:*를 읽어 사이트 이름, 제목, 설명, 이미지를 그 순서로 보여 줍니다. WhatsApp은 og:image로 만든 썸네일과 제목을 보여 줍니다. 이들 중 JavaScript를 실행하는 것은 없으므로 클라이언트 측에서 삽입한 태그는 보이지 않습니다. 태그는 서버에서 렌더링하세요.

미리보기가 깨지는 흔한 원인

• og:image가 상대 경로이거나, https 사이트에서 http URL을 사용합니다.

• 이미지가 robots.txt로 차단되어 있거나 로그인이 필요합니다.

• CDN이나 봇 차단 계층이 크롤러에게 확인(챌린지) 페이지를 보여 줍니다.

• 페이지가 로드된 뒤 JavaScript로 태그를 설정합니다.

• og:url이 다른 페이지를 가리켜 플랫폼이 그 페이지를 대신 미리 보여 줍니다.

오픈 그래프 미리보기 — SNS에서 링크가 어떻게 보이는지 확인

사용 방법

자주 묻는 질문

플랫폼별로 카드를 만드는 방식

미리보기가 깨지는 흔한 원인

관련 무료 도구