정적 속성
metadata.openGraph와 twitter에 기본 카드 정보를 선언한다.
static OG동적 생성
게시글이나 상품 상세는 params로 데이터를 읽어 generateMetadata에서 OG 값을 만든다.
per route이미지 검증
og:image URL, 비율, 파일 크기, 접근 권한을 실제 공유 디버거에서 확인한다.
debugger정적 OG
랜딩, 소개, 고정 페이지는 metadata 객체로 충분하다.
이미지는 공용 asset과 metadataBase 기준 URL을 사용한다.
simple page
동적 OG
콘텐츠 제목과 요약이 바뀌는 페이지는 generateMetadata를
사용한다.
데이터 fetch 실패 시 fallback metadata도 준비한다.
content-driven
이미지
1200x630 비율과 높은 대비 텍스트가 공유 카드에서
안정적이다.
어두운 crop이나 작은 글자는 모바일 미리보기에서 읽히지
않는다.
card quality
OG 검증
동적 metadata
export async function generateMetadata({ params }) {
const post = await getPost(params.slug);
return { openGraph: { title: post.title, images: [post.ogImage] } };
}