RDFa 기반 Open Graph 프로토콜을 통한 소셜 플랫폼 링크 프리뷰 최적화 설계

Context

표준 HTML name 속성 기반의 메타데이터만으로는 플랫폼별 링크 프리뷰의 일관성 유지에 한계가 존재함. 플랫폼 크롤러의 임의적 스크래핑으로 인한 잘못된 이미지 노출 및 설명 누락 문제를 해결하기 위한 표준화된 메타데이터 체계가 필요함.

Technical Solution

• HTML head 내 RDFa property 속성을 활용한 og: 네임스페이스 기반 데이터 구조 설계
• 필수 4가지 속성(title, type, image, url)을 통한 최소한의 신뢰할 수 있는 프리뷰 정보 제공
• 1200x630 표준 해상도 적용으로 다양한 플랫폼 대응 및 고품질 시각적 일관성 확보
• article subtype 속성 도입을 통한 블로그 콘텐츠의 발행 시간, 저자, 태그 등 상세 메타데이터 세분화
• og:locale 및 og:locale:alternate 패턴을 활용한 다국어 페이지의 타겟팅 최적화
• Twitter Cards 부재 시 Open Graph 설정을 Fallback으로 활용하는 계층적 메타데이터 전략 수립