Open Graph 검사기

사용 방법

• 소스 선택. 크롤러가 지금 공개 페이지에서 가져올 수 있는 내용을 테스트하려면 라이브 URL 모드를 사용하고, 출시 전 마크업을 검증하려면 HTML 붙여넣기 모드로 전환하세요.
• URL 또는 HTML 입력. 사용자가 공유할 것으로 예상되는 정확한 URL을 붙여넣거나, 검사기가 Open Graph, Twitter 및 정규 태그를 읽을 수 있도록 head 섹션이 포함된 페이지 HTML을 붙여넣으세요.
• 검사기 실행. 스캔이 완료된 후 미리보기 카드, 누락 필드 경고, 중복 태그 발견 사항, 리다이렉트 참고 사항 및 필드 비교 테이블을 검토하세요.
• 공유 전 최종 소스 수정. 서버에서 렌더링된 응답이 하나의 명확한 태그 세트를 노출하도록 페이지를 업데이트한 다음 캠페인, 소셜 포스트, 뉴스레터 또는 내부 채팅 도구에 링크를 게시하기 전에 다시 확인하세요.

검사기가 검토하는 항목

흔한 실수 및 해석 팁

메타데이터가 중복되거나, JavaScript로 나중에 주입되거나, 잘못된 정규 URL에 연결되어 있다면 브라우저에서는 정상적으로 보여도 소셜 미리보기는 부실할 수 있습니다. 흔한 실수 중 하나는 페이지의 비정규 버전이나 파라미터가 포함된 버전에 대해 og:url을 게시한 다음, 캠페인이나 뉴스레터에서는 다른 URL을 공유하는 것입니다. 또 다른 실수는 브라우저 내부에서는 작동하지만 크롤러에게는 모호함을 주는 상대 이미지 경로에 의존하는 것입니다. 중복된 og:title이나 og:description 태그도 위험한데, 플랫폼에 따라 페이지를 가져오는 방식에 따라 첫 번째 값, 마지막 값 또는 캐시된 이전 값을 선택할 수 있기 때문입니다.

검사기가 리다이렉트를 보고하는 경우 요청된 URL, 최종적으로 가져온 URL, 정규 링크 및 og:url을 함께 비교하세요. 이 네 가지 값은 일반적으로 동일한 기본 페이지를 가리켜야 합니다. 그렇지 않은 경우 프로모션이나 제품 출시 전에 페이지를 수정하여 소셜 공유, 분석 및 인덱싱 신호가 모두 하나의 안정적인 URL을 가리키도록 하세요.

사용 사례

이 도구는 게시 전 기사 공유를 확인하는 편집 팀, 캠페인 전 제품 카드를 검증하는 이커머스 팀, 프레임워크 마이그레이션 후 SSR 출력을 검토하는 개발자에게 유용합니다. 또한 Slack, Discord, LinkedIn 또는 Facebook에 오래된 썸네일, 홈페이지 제목 또는 일반 폴백 이미지가 표시되는 이유를 디버깅할 때도 유용합니다. 이러한 상황에서 문제는 플랫폼 자체가 아니라 플랫폼이 가져온 페이지 소스에 노출된 메타데이터인 경우가 많습니다.

많은 AI 답변 서비스와 미리보기 시스템이 페이지 메타데이터를 재사용하므로, 잘 제어된 Open Graph 태그는 기존 소셜 미디어 이외의 곳에서 링크가 요약되거나 인용되는 방식도 개선할 수 있습니다. 태그 자체가 랭킹 요소는 아니지만, 클릭률과 공유 신뢰도에 영향을 미치는 페이지 품질 패키징의 일부입니다.