구조화 데이터 & 시맨틱 웹

Speakable Schema

Speakable 스키마는 구글 어시스턴트 같은 음성 AI가 뉴스 기사를 소리 내어 읽어줄 때, 본문 전체가 아니라 요약이나 핵심 문단만 선택적으로 낭독하도록 CSS 셀렉터로 지정하는 마크업이다. 현재는 미국 영어 뉴스 콘텐츠를 중심으로 제한적으로 지원되지만, 스마트 스피커·차량용 음성 비서 시장이 커지면서 향후 지원 범위가 확대될 가능성이 있다. 지정한 셀렉터의 문단은 2~3문장 내외로 간결하게 핵심만 요약된 형태여야 음성으로 들었을 때도 자연스럽다.

실무 적용 및 비즈니스 영향#

구글 어시스턴트 등 스마트 스피커 음성 검색 답변으로 콘텐츠가 직접 낭독 노출

구현 가이드 및 주의사항#

2~3문장 내외의 요약성이 뛰어난 본문 단락을 CSS 셀렉터로 정확히 지정

코드 예시#

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "코어 웹 바이탈 완벽 정리",
  "speakable": {
    "@type": "SpeakableSpecification",
    "cssSelector": [".article-summary", "h1"]
  }
}

음성 검색

Voice Search

스마트 스피커나 모바일 음성 비서를 통해 말로 질문하고 단일 답변으로 결과를 받는 검색 방식

FAQ 구조화 데이터

FAQPage Schema

자주 묻는 질문과 답변 세트를 스키마로 정의해 검색결과에 아코디언 형태로 노출시키는 마크업

Google Discover

Google Discover

구글이 사용자의 검색 기록과 관심사를 머신러닝으로 분석해 모바일 피드에 추천하는 서비스

JSON-LD 구조화 데이터

JSON-LD

JavaScript 객체 표기법을 사용해 HTML head 내 script에 스키마를 선언하는 구글 권장 규격

Q&A 구조화 데이터

QAPage Schema

질문 하나에 여러 사용자의 커뮤니티 답변이 달리는 질의응답 전용 구조화 데이터

RDFa

RDFa (Resource Description Framework in Attributes)

HTML 속성 형태로 데이터의 의미와 엔티티 관계를 부여하는 초기 구조화 데이터 규격