무료 OG 검사기 및
Open Graph 검사기

Open Graph 태그란 무엇이며 왜 중요한가요?

Open Graph(OG) 태그는 페이지의 다음 영역에 배치되는 HTML 메타 코드 조각입니다: <head> 영역에 있습니다. Twitter/X, LinkedIn, Slack, iMessage, Facebook 공유 시 표시를 결정합니다. 없으면 플랫폼이 추측해 대개 좋지 않은 결과가 나옵니다.

모든 페이지에 필요한 네 가지 태그

• og:title — 링크 미리보기 제목(60자 미만)
• og:description — 보충 요약(150~160자 권장)
• og:image — 미리보기 이미지(1200×630px, JPEG 또는 PNG)
• twitter:card — 다음으로 설정 summary_large_image 최적의 Twitter 레이아웃을 위해

북마크 미리보기가 사라지는 이유는 무엇인가요?

사이트가 디자인을 바꾸거나 CMS를 변경하거나 코드베이스를 업데이트하면 OG 태그도 바뀝니다. 6개월 전에 멋진 미리 보기와 함께 저장한 링크가 지금은 빈 이미지를 표시할 수 있습니다. 사이트가 OG 이미지 경로를 삭제하거나 이름을 바꿨기 때문입니다. Savebase 같은 도구는 저장 시점의 원래 미리 보기 썸네일을 보관할 수 있어 컬렉션의 시각적 일관성을 영구적으로 유지할 수 있습니다.

이 도구의 작동 방식

이 검사기는 브라우저 CORS 제한을 우회해 서버에서 대상 URL을 가져오고 HTML의 다음 영역 끝까지 읽습니다.<head> 영역까지 읽고 OG, Twitter Card와 표준 메타 태그를 추출합니다. 주요 6개 태그의 존재와 품질로 100점 만점 점수를 냅니다.

OG 검증 및 디버깅 도구로 활용

브라우저에서 페이지가 정상으로 보여도 소셜 미리보기는 실패할 수 있습니다. 진단으로 누락된 태그, 빈 값, 잘릴 수 있는 제목·설명, 접근 불가 이미지, Open Graph와 Twitter Card 메타데이터 간 불일치를 찾으세요. 원본 HTML을 수정하고 URL을 다시 검사한 뒤, 여전히 이전 버전이 보이면 소셜 네트워크에 캐시된 미리보기 갱신을 요청하세요.

Open Graph 검사기 활용 사례

• LinkedIn, Facebook, X 또는 Slack에 게시하기 전에 블로그 게시물을 미리 보세요.
• 다음을 확인하세요 og:image 공개되어 있고 크기가 맞으며 올바른 페이지에 연결되어 있습니다.
• 플랫폼별 미리보기가 다르면 Open Graph 태그와 Twitter Card 필드를 비교하세요.
• CMS 이전, 리디자인 또는 도메인 변경 후 랜딩 페이지를 점검하세요.

OG 검사기는 무엇을 확인하나요?

공개 URL을 입력해 다음을 확인하세요 og:title, og:description,og:image, 표준 URL, Twitter Card, 파비콘 및 소셜 링크 미리보기에 영향을 주는 기타 메타데이터를 확인합니다. 진단 결과는 누락된 필드와 공유 시 잘릴 수 있는 제목 또는 설명 길이를 알려 줍니다.

Open Graph 이미지를 어떻게 확인하나요?

위에 페이지 URL을 붙여넣고 다음을 선택하세요: 검사. 페이지에서 다음을 제공하는 경우:og:image이 있으면 검사기가 X, Slack/iMessage 및 LinkedIn 미리보기에 표시합니다. 없으면 페이지의 Open Graph 메타데이터에 공개된 1200×630px 이미지 URL을 추가하세요.

OG 검사 도구 FAQ