피드로 돌아가기
GeekNewsFrontend
원문 읽기
개인 웹사이트를 위한 JSON-LD 설명
Schema.org 기반 JSON-LD 설계를 통한 검색 엔진 최적화 및 지식 그래프 구축
AI 요약
Context
Semantic HTML만으로는 현실 세계의 구체적인 맥락(인물, 소프트웨어, 게시글 관계)을 표현하는 데 한계가 존재함. 단순한 마크업 구조를 넘어 검색 엔진과 LLM 크롤러가 데이터 간의 논리적 관계를 정확히 파악하게 하는 구조화된 데이터 전달 체계가 필요함.
Technical Solution
- Schema.org 표준 기반의 JSON-LD를 내 script 태그로 삽입하여 브라우저 실행 없이 크롤러만 파싱하는 구조 설계
- @graph를 통해 WebSite, Person, BlogPosting 등의 노드를 방향성 그래프 형태로 배치하여 엔티티 간 관계 정의
- @id 식별자를 활용하여 여러 페이지에 분산된 동일 노드의 속성을 병합함으로써 데이터 일관성 확보
- Person 노드를 전 페이지에 배치하여 콘텐츠 품질 지표를 강화하고 LLM의 인용 신뢰도 향상
- BreadcrumbList를 통한 논리적 경로 제어로 검색 결과 페이지의 가독성 및 경로 최적화
- SoftwareApplication 타입을 적용하고 FOSS 프로젝트라도 offers 필드에 가격 0을 명시하여 정형 데이터 규격 준수
실천 포인트
- 루트 페이지에는 상세 WebSite 노드를 배치하고 서브 페이지에는 축약 버전을 적용하여 페이로드 최적화 - 인물 식별성 강화를 위해 Person 노드의 sameAs 속성에 외부 프로필 링크 연결 - BlogPosting의 image 속성을 OpenGraph 이미지와 동기화하여 미리보기 일관성 유지 - 검색 엔진의 제로 클릭 현상에 대비해 단순 노출을 넘어 LLM이 인식 가능한 고밀도 메타데이터 구조 설계