구조화 데이터 & 시맨틱 웹

HowTo Schema

HowTo 스키마는 조립 설명서, 요리 외의 DIY 작업, 소프트웨어 설치 가이드처럼 순차적인 단계가 있는 콘텐츠를 마크업해 검색결과에 단계별 카드 형태로 노출시킨다. 각 HowToStep에는 텍스트뿐 아니라 이미지(image)나 영상(video)을 함께 첨부할 수 있어, 텍스트만 있는 일반 결과보다 시각적으로 훨씬 눈에 띄는 리치 결과를 얻을 수 있다. 2023년 구글은 IT 관련 HowTo 리치 결과의 데스크톱 노출을 축소했지만 모바일에서는 여전히 유효해, 대상 디바이스를 고려한 전략이 필요하다.

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

DIY 가이드나 설치 매뉴얼 검색 시 단계별 이미지 카드 형태로 노출되어 높은 유입 달성

구현 가이드 및 주의사항#

각 단계(step)별 텍스트와 이미지를 명확히 분리하고 상업적 광고 문구 배제

코드 예시#

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Astro 프로젝트에 테일윈드 설치하기",
  "step": [
    {
      "@type": "HowToStep",
      "text": "터미널에서 npx astro add tailwind 명령어를 실행합니다."
    }
  ]
}

리치 결과

Rich Results

파란색 단순 텍스트 링크 외에 별점 가격 FAQ 이미지 등이 함께 노출되는 풍부한 검색결과 형태

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 속성 형태로 데이터의 의미와 엔티티 관계를 부여하는 초기 구조화 데이터 규격