Open Graph를 쉽게 말하면 무엇인가요?

누군가 링크를 공유할 때 Facebook, X, LinkedIn, WhatsApp이 어떤 제목·설명·이미지를 보여줄지 알려주는 표준 메타 태그 묶음입니다. 없으면 플랫폼이 추측하는데, 대개 엉망입니다.

이 도구는 어떤 og 메타 태그를 읽나요?

og:title, og:description, og:image(width/height/alt 포함), og:url, og:type, og:site_name, og:locale과 함께 twitter:card, twitter:title, twitter:description, twitter:image를 읽고, 태그가 없으면 페이지 제목 대체값을 보여줍니다.

왜 링크 미리보기가 플랫폼마다 다른가요?

플랫폼마다 자르는 방식이 다르고 캐시가 공격적입니다. X는 큰 이미지에 twitter:card가 필요하고, LinkedIn은 재스크랩이 드물며, WhatsApp 썸네일은 작습니다. 그래서 이 뷰어가 넷을 나란히 렌더링합니다.

og:image 크기는 얼마가 좋나요?

1200×630px가 안전한 범용 크기(1.91:1)이고, 약 2MB 미만, 안정적인 URL에서 https로 제공하세요. 이 도구가 상태, 타입, 크기를 검증해 줍니다.

플랫폼이 아직 옛날 카드를 보여줍니다, 어떻게 새로고침하나요?

플랫폼은 스크랩을 캐시합니다. 태그를 고친 뒤 쿼리 문자열(?v=2)을 붙여 다시 공유하거나 플랫폼 자체 디버거로 재스크랩하세요. 다만 한 번만 캐시를 비우도록, 먼저 이 도구에서 새 태그를 확인하세요. (참고: 카카오톡 전용 카드 미리보기는 지원하지 않으며 표준 Open Graph 태그를 해석합니다.)

OG 태그 확인·미리보기

Open Graph란 무엇이며 어떤 og 메타 태그가 중요한가

Open Graph란 무엇일까요? 플랫폼에 링크를 카드로 펼치는 방법을 알려주는 작은 메타 태그 묶음(Facebook에서 만든 Open Graph 프로토콜)입니다. og:title, og:description, og:image, og:url이 4대 태그이고, twitter:card는 X의 동반 태그입니다. 이들이 풍부한 소셜 카드와 밋밋한 회색 링크를 가릅니다. 이 OG 태그 확인 도구는 실제 HTML에서 그 태그들을 읽어 각 플랫폼의 해석을 렌더링합니다.

테스트할 만한 실패 유형은 이렇습니다. 리다이렉트 뒤나 http URL에 있는 og:image(많은 플랫폼이 거부), 약 5MB가 넘는 이미지(건너뜀), 없는 twitter:card(X는 작은 요약으로 대체), 리디자인 후 낡은 스크레이퍼 캐시 등입니다. 큰 출시 전에 이 도구로 이미지를 확인하고, 템플릿을 바꿀 때마다 검증 도구로 삼고, 공유가 이상해 보일 때 디버거로 쓰세요. 그런 다음 각 수정 후 링크 미리보기를 다시 확인하세요. 소셜 카드는 조용히 깨지고, WhatsApp 변형이 가장 먼저 깨집니다.