Preview quality

좋은 OG 카드는 제목, 설명, 이미지, URL이 같은 메시지를 말한다

각 필드가 따로 맞는 것보다, 한 장의 공유 카드로 보일 때 사용자가 클릭 이유를 이해하는지가 더 중요하다.

og:image 1200x630

동적 페이지의 공유 미리보기

제목은 페이지 고유 주제, 설명은 클릭 맥락, 이미지는 내용을 보여준다.

commerce-lab.dev/next/metadata

title50~60자 안에 핵심 주제를 말하고 페이지마다 달라야 한다.

description본문 첫 문장보다 “왜 열어야 하는지”를 보충한다.

image축소되어도 내용이 보이는 대표 이미지를 절대 URL로 제공한다.

urlcanonical과 같은 공유 대상을 지정해 중복 카드와 캐시 혼선을 줄인다.

같은 주제검색 제목과 공유 제목의 의도가 어긋나지 않는다.

같은 대상canonical, og:url, 이미지 URL이 같은 배포 환경을 가리킨다.

실패 신호사이트명 반복, 로고만 있는 이미지, 쿼리별 다른 카드.