Open Graph 메타 일괄 검사기

Open Graph 메타 일괄 검사기 사용 가이드

사이트 페이지가 많아지면 일부 페이지에서 공유 이미지가 빠지거나, 템플릿 실수로 og:title이 두 번 들어가는 일이 생깁니다. 페이지를 하나씩 열어 소스를 보는 대신 HTML을 모아 한 번에 검사할 수 있습니다.

이 검사기는 HTML 파일 여러 개를 고르거나, 붙여 넣은 HTML을 '<!-- 다음 -->' 줄로 나눠 문서별로 검사합니다. title, canonical, og:title, og:description, og:image, og:url, twitter:card 일곱 항목이 하나씩만 있고 값이 비어 있지 않은지 봅니다.

canonical·og:image·og:url이 전체 주소가 아니면 공유 미리보기가 깨진다고 알려 주고, canonical과 og:url이 서로 다른 주소를 가리키면 따로 표시합니다. og:title이 70자를 넘으면 길다고 알려 줍니다.

사용 방법

1. 1'HTML 파일 (여러 개 선택 가능)'에서 검사할 페이지 파일을 고릅니다.
2. 2파일이 없으면 'HTML 붙여넣기 (여러 문서는 <!-- 다음 --> 줄로 구분)' 칸에 페이지 소스를 붙여 넣습니다.
3. 3'실행'을 누르면 문서마다 '✓ 통과' 또는 '⚠ 문제 목록'이 한 줄씩 나옵니다.
4. 4문제가 있는 페이지의 템플릿을 고친 뒤 다시 검사합니다.

문서 1: title, og:title, og:image=/img/linen.png만 있음
<!-- 다음 -->
문서 2: 모든 태그가 전체 주소로 들어 있음

문서 1	⚠ canonical 없음, og:description 없음, og:url 없음, twitter:card 없음, og:image 값이 상대 주소입니다 (/img/linen.png) — 공유 미리보기는 전체 주소가 필요합니다
문서 2	✓ 통과

이럴 때 쓰면 좋아요

• 사이트 개편 뒤 공유 태그가 모든 페이지에 들어갔는지 확인할 때
• 상품 상세 템플릿의 og:image 누락을 찾을 때
• 정적 사이트 빌드 결과물을 배포 전에 점검할 때
• SNS 공유가 이상하게 뜨는 페이지를 골라낼 때

문제가 생겼을 때

활용 팁

• 파일로 검사할 때는 파일 하나당 3MB까지 읽습니다.
• 통과한 페이지도 실제 이미지가 열리는지는 공유 디버거로 한 번 더 확인하세요.
• 같은 og:title을 쓰는 페이지들은 제목·메타 설명 중복 탐지기로 따로 찾을 수 있습니다.

자주 묻는 질문