OG 배포 점검

Open Graph 미리보기 확인

소셜 플랫폼은 OG 태그를 캐시하므로, 배포 후 디버거에서 새 이미지와 제목이 실제로 읽히는지 확인해야 합니다.

1. 작성

페이지 유형에 맞는 필드

website, article, product처럼 콘텐츠 성격에 맞는 type과 설명을 둡니다.

openGraph
2. 이미지

공유 카드 소재 확인

이미지 URL, width, height, alt가 플랫폼이 읽을 수 있는 값인지 봅니다.

1200x630
3. 배포

head 출력 확인

빌드된 페이지에서 meta property 값이 의도한 URL과 제목인지 확인합니다.

<head>
4. 갱신

디버거로 캐시 새로고침

플랫폼 미리보기가 예전 이미지를 쓰면 공유 디버거에서 다시 읽게 합니다.

debugger
Twitter Card

Twitter/OG 태그 정합성

summary_large_image를 쓰면 OG 이미지와 같은 대표 소재를 X 공유 카드에 맞게 연결할 수 있습니다.

대상
카드 메타값
수정 신호
메신저
제목, 설명, 이미지 표시
이미지 누락이나 오래된 카드
소셜
article type과 정규 URL
잘못된 canonical 주소
X 카드
card 타입과 대표 이미지
작은 요약 항목으로 표시