OG 태그 테스터
URL 하나로 카카오톡·페이스북·X·라인·슬랙·디스코드 등 10개 플랫폼의 공유 미리보기를 동시에 확인하고, Open Graph·Twitter Card·JSON-LD 의 누락과 오류를 자동으로 검증합니다.
URL 을 입력하고 '미리보기 가져오기' 를 누르세요
카카오톡·페이스북·X·라인·슬랙 등 10개 플랫폼의 공유 카드를 한 번에 확인합니다.
사용 가이드
Open Graph 프로토콜은 2010년 페이스북이 발표한 메타데이터 표준으로, 이후 카카오톡·슬랙·디스코드·링크드인·텔레그램 등 거의 모든 메신저·SNS 가 공유 카드를 만들 때 og:* 태그를 참조합니다. og:title · og:description · og:image · og:url 네 가지만 올바르게 설정해도 링크를 붙여넣었을 때 제목·설명·이미지가 의도한 대로 보입니다.
한국 사용자에게 가장 중요한 것은 카카오톡 미리보기입니다. 카카오톡은 og:image 를 1200×630(1.91:1) 로 권장하며, 최소 200×200 을 요구합니다. 다만 실제로는 800×400 미만 이미지일 때 이미지 자체가 드롭되어 텍스트 카드만 표시되는 경우가 많으므로 권장치에 가깝게 준비하는 편이 안전합니다. 이 도구는 카카오톡 카드가 실제로 어떻게 렌더링되는지 데스크탑·모바일 변형을 모두 보여주고, 800×400 미만 이미지에 대해 별도 경고를 출력합니다.
플랫폼마다 캐시 동작이 다릅니다. 페이스북·링크드인은 한 번 긁은 카드를 오래 캐시하므로 페이지를 수정한 뒤에는 각 플랫폼의 공식 디버거(Facebook Sharing Debugger · LinkedIn Post Inspector)에 URL 을 제출해 재긁기(rescrape)를 요청해야 반영됩니다. 이 도구의 '공유' 탭에서 각 디버거로 바로 이동할 수 있습니다.
- Open Graph
- 페이스북이 2010년 발표한 메타 태그 표준. og:title · og:description · og:image · og:url 이 핵심 4종. 이후 사실상 모든 메신저·SNS 가 이 규격을 따름.
- Twitter Card
- X(구 트위터) 전용 메타. og:* 가 없거나 별도로 지정하고 싶을 때 twitter:title · twitter:description · twitter:image 를 사용. card 값은 summary · summary_large_image · player · app 중 하나.
- JSON-LD
- schema.org 기반 구조화 데이터를 script type="application/ld+json" 으로 HTML 에 임베드하는 방식. 구글 검색 결과의 리치 스니펫(별점·가격·FAQ 등)을 노출하는 데 사용.
- Canonical URL
- 같은 콘텐츠가 여러 URL 로 노출될 때 '대표 URL' 을 지정하는 link rel="canonical". SEO 와 OG 공유 양쪽에서 중요하며, og:url 과 일치시키는 것이 원칙.