Next · metadata

generateMetadata 결정 요소

게시물이나 상품 데이터가 바뀌면 title, description, openGraph도 같은 기준으로 갱신되어야 합니다.

동적 메타데이터 입력값

runtime SEO

데이터 조회

params.slug로 post를 가져오고 page와 같은 fetch를 재사용합니다.

없는 콘텐츠

데이터가 없으면 404용 title과 description을 먼저 반환합니다.

상위 병합

parent의 openGraph 이미지는 현재 대표 이미지 뒤에 보존합니다.

갱신 주기

상품 가격이나 게시물 수정일은 ISR, revalidate 정책과 함께 봅니다.

공유 이미지

opengraph-image.tsx가 있으면 페이지별 OG 이미지를 자동으로 연결할 수 있습니다.

스트리밍

동적 페이지에서는 메타데이터 해결과 화면 렌더링 타이밍을 분리해 이해합니다.

route 값 data fetch fallback parent merge head 출력
metadata 데이터 기준

같은 데이터 출처에서 페이지 본문과 metadata를 만들면 검색 결과와 공유 미리보기가 실제 콘텐츠와 어긋나지 않습니다.