Open Graph

Open Graph 미리보기 계약

제목, 설명, 이미지, URL이 같은 메시지를 말해야 메신저와 SNS에서 클릭 이유가 분명해집니다.

content

페이지 내용과 일치

OG 제목과 설명이 실제 H1, 본문, 상품명과 다른 이야기를 하지 않도록 맞춥니다.

visual

이미지로 맥락 전달

어두운 배경이나 작은 글자만 있는 이미지는 공유 목록에서 정보 전달력이 떨어집니다.

platform

플랫폼별 확인

카카오톡, Slack, X 같은 서비스마다 캐시와 노출 방식이 달라 실제 미리보기를 확인합니다.

동적 페이지

게시물과 상품 페이지는 OG도 데이터 기반으로 바꾼다

generateMetadata에서 콘텐츠별 이미지와 설명을 생성하면 공유 링크가 개별 페이지를 정확히 대표합니다.

문제 발생 시 확인

캐시플랫폼이 예전 OG 정보를 들고 있는지 확인합니다.
접근OG 이미지 URL이 로그인 없이 접근 가능한지 봅니다.
중복canonical, metadataBase, 실제 배포 도메인이 일치하는지 점검합니다.