피드로 돌아가기
Sanity SEO done right: Open Graph, JSON-LD, fallbacks
Dev.toDev.to
Frontend

Fallback 전략 기반의 계층적 SEO 스키마 설계로 콘텐츠 무결성 확보

Sanity SEO done right: Open Graph, JSON-LD, fallbacks

Jono2026년 5월 19일9intermediate

Context

Sanity CMS의 Unopinionated 특성으로 인해 프로젝트마다 일관된 SEO 표준 부재. 에디터의 입력 누락 시 메타데이터가 비어버리는 렌더링 결함과 운영 효율 저하 문제 발생.

Technical Solution

  • Baseline 및 Override 구조의 2단계 계층 스키마 설계로 데이터 가용성 보장
  • 최상위 Title/Description을 기본 Fallback으로 설정하여 빈 값 렌더링 방지
  • 전용 SEO Tab을 통한 Meta Override 기능을 제공하여 마케팅 요구사항과 페이지 콘텐츠의 분리 구현
  • Open Graph 필드를 최하단 레이어로 배치하여 검색 스니펫과 소셜 카드의 독립적 제어 구조 설계
  • JSON-LD의 수동 입력을 배제하고 Next.js 페이지 단에서 구조화된 데이터를 자동 생성하는 매핑 로직 채택
  • GROQ 쿼리에 seoHideFromLists 플래그를 적용하여 Indexing 여부와 리스트 노출 여부를 분리 제어

- CMS 스키마 설계 시 '기본값(Baseline) -> 우선순위 값(Override) -> 최종 Fallback'의 계층 구조 검토 - JSON-LD 등 정형 데이터는 CMS 입력값이 아닌 기존 구조화 데이터를 활용한 자동 생성 방식으로 구현 - 검색 엔진 색인 제어(noIndex)와 UI 노출 제어(hideFromLists)를 분리한 플래그 설계 적용

원문 읽기