메타태그·Open Graph 점검 체크리스트

먼저 배포할 HTML을 확인하세요

HTML 메타 미리보기에 head를 붙여 넣고 title, description, canonical, viewport를 확인하세요. 이 도구는 입력한 코드만 읽습니다. 사이트 주소를 대신 가져오지는 않습니다.

<title>Image to PDF Converter | Example</title>
<meta name="description" content="Combine JPG and PNG images into a PDF.">
<link rel="canonical" href="https://example.com/image-to-pdf/">

공유 카드용 태그를 확인하세요

Open Graph의 기본 속성은 og:title, og:type, og:image, og:url입니다. og:description으로 카드 설명을 보완할 수 있습니다. 이미지 주소가 공개적으로 열리는지 확인하세요. HTML 도구는 원격 이미지를 요청하지 않고 주소만 표시합니다.

<meta property="og:title" content="Image to PDF Converter">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/image-to-pdf/">
<meta property="og:image" content="https://example.com/share.png">

상대 주소와 배포 결과를 확인하세요

이미지 주소가 /share.png처럼 상대 경로라면 기준 URL을 입력해 주소가 어떻게 해석되는지 확인하세요. 배포 후에는 URL 정보 확인 도구로 공개 페이지에서 실제로 가져오는 값을 비교하세요. 로그인 페이지나 크롤러 차단이 있으면 결과가 비어 있을 수 있습니다.

태그 수정 후에도 옛 카드가 보일 수 있습니다

공유 서비스가 카드 정보를 캐시하면 HTML을 바꿔도 즉시 반영되지 않을 수 있습니다. 해당 서비스의 공식 공유 점검 도구에서 다시 수집하세요. 검색엔진은 검색어에 따라 설명을 다시 작성할 수 있어 입력한 description과 검색 결과가 항상 같지는 않습니다.

관련 도구

• HTML 메타태그 미리보기
• URL 메타태그 확인

참고 자료

• The Open Graph protocol
• Google: Control your snippets