Open Graph

Open Graph 메타데이터

App Router에서는 metadata 객체나 generateMetadata 함수로 정적/동적 OG 정보를 페이지별로 구성할 수 있다.

공유 메타데이터

social preview

기본 태그

og:title, og:description, og:image가 공유 카드의 핵심 정보를 만든다.

정적 설정

페이지나 레이아웃의 metadata 객체로 고정된 공유 정보를 선언한다.

동적 생성

slug나 DB 데이터를 읽어 generateMetadata에서 페이지별 값을 만든다.

metadataOG tagcrawlerpreview
공유 메타데이터

OG 태그는 SEO 장식이 아니라 사용자가 링크를 공유했을 때 콘텐츠를 판단하는 첫 화면이다.