스키마 마크업이란 무엇인가요?
스키마 마크업 (Schema Markup) 은 사람이 웹 페이지를 보고 내용을 이해하듯 검색 엔진이 웹 페이지의 의미를 파악하도록 돕는 도구입니다. 검색 엔진은 텍스트와 이미지를 해석하지만, 숨은 의미까지 완벽하게 이해하기는 어렵습니다.
스키마 마크업은 웹 페이지에 대한 추가 정보를 제공하여 검색 엔진이 콘텐츠를 더 잘 이해하도록 돕는 역할을 합니다. 웹 페이지의 내용, 콘텐츠 유형, 구조 등을 명확하게 전달하여 검색 엔진과의 “대화”를 가능하게 합니다.
마치 사람들이 서로 소통하기 위해 언어를 사용하는 것처럼, 스키마 마크업은 검색 엔진과 웹 페이지 사이의 소통을 위한 표준화된 언어라고 할 수 있습니다.
즉, 스키마 마크업은 웹 페이지의 HTML에 표준화된 태그 형태로 추가되어 검색 엔진이 콘텐츠와 컨텍스트를 이해하고 검색 결과에 더 효과적으로 반영하도록 지원합니다.
예를 들어, 레시피 페이지에 스키마 마크업을 적용하면 재료, 조리 시간, 온도, 칼로리 등의 정보를 검색 엔진에 명확하게 전달할 수 있습니다. 사용자가 ‘닭고기 레시피’를 검색할 때, 검색 결과에 해당 레시피의 주요 정보가 바로 표시되어 클릭을 유도할 수 있습니다.
스키마 마크업 구현 방법
스키마 마크업은 웹 페이지에 정보를 추가하는 다양한 방법을 제공합니다. JSON-LD, Microdata, RDFa 등이 있으며, 각 방법은 장단점과 특징을 가지고 있습니다. 웹 페이지의 목적과 구조, 개발 환경 등을 고려하여 적절한 방법을 선택하는 것이 중요합니다.
JSON-LD
JSON-LD(JavaScript Object Notation for Linked Data)는 구조화된 데이터를 표현하기 위한 JSON 기반의 표준입니다. HTML 웹 페이지의 <head> 또는 <body>에 <script> 태그를 통해 구현되며, 다른 HTML 태그와 분리되어 관리가 용이합니다.
JSON-LD는 구글에서 추천하는 스키마 마크업 형식으로 비교적 간단하고 이해하기 쉬워 초보자도 쉽게 사용할 수 있다는 장점이 있습니다. HTML 코드와 분리되어 있어 코드 가독성을 유지하고, 유지보수를 용이하게 합니다. 하지만 일부 플랫폼이나 도구에서 JSON-LD를 지원하지 않을 수도 있다는 점을 고려해야 합니다.
Microdata
Microdata는 HTML 또는 XHTML과 같은 마크업 언어에 속성을 추가하여 웹 페이지의 데이터를 구조화하는 방식입니다. 별도의 태그나 구조 없이 웹 페이지의 콘텐츠와 함께 메타 데이터를 표현할 수 있다는 장점이 있습니다.
하지만 HTML 코드 내에 직접 마크업을 추가해야 하므로 코드가 복잡해지고 유지보수가 어려워질 수 있다는 단점이 있습니다.
RDFa
RDFa(Resource Description Framework in Attributes)는 HTML, XHTML, SVG 등의 XML 기반 언어에 RDF를 표현하기 위한 방법입니다. Microdata와 마찬가지로 HTML 코드 내에 마크업을 추가하는 방식이지만, Microdata보다 복잡하고 배우기 어렵다는 단점이 있습니다.
| 구현 방법 | 장점 | 단점 |
| JSON-LD | 구글에서 추천하는 방식, 간단하고 이해하기 쉬움, HTML 코드와 분리되어 관리 용이 | 일부 플랫폼/도구에서 지원하지 않을 수 있음 |
| Microdata | HTML 코드 내에 직접 마크업 추가 가능, 별도의 태그 불필요 | 코드가 복잡해질 수 있음, 유지보수 어려움 |
| RDFa | HTML 코드 내에 마크업 추가 가능, XML 기반 언어 지원 | Microdata보다 복잡하고 배우기 어려움 |
스키마 마크업 적용 효과
스키마 마크업을 웹 페이지에 적용하면 검색 엔진 최적화(SEO), 웹 접근성 향상, 데이터 활용 등 다양한 이점을 누릴 수 있습니다.
SEO (검색 엔진 최적화)
스키마 마크업은 검색 엔진 최적화에 매우 중요한 역할을 합니다. 검색 엔진이 웹 페이지를 더 잘 이해하도록 도와 검색 결과에서 웹사이트의 가시성을 높이고, 사용자 경험을 개선하여 웹사이트 트래픽 증가에 기여합니다.
- 향상된 검색 결과 가시성
- 스키마 마크업은 검색 결과에서 웹사이트의 가시성을 향상시킵니다. 검색 결과에 더 많은 정보를 제공하여 클릭률(CTR)을 높이고 검색 엔진이 페이지의 콘텐츠와 컨텍스트를 더 잘 이해하여 보다 정확하고 관련성 높은 결과를 얻을 수 있도록 도와줍니다.
- 또한, 리치 스니펫 및 기타 풍부한 결과에 표시될 가능성이 높아져 검색 결과에서 눈에 띄게 됩니다. 스키마 마크업을 통해 웹사이트는 검색 결과 페이지에서 더 많은 공간을 차지할 수 있으며, 이는 유료 광고와 유사한 효과를 제공하지만 비용이 발생하지 않는다는 장점이 있습니다.
- 사용자 경험 개선
- 스키마 마크업은 이벤트 날짜, 제품 가격, 리뷰 평점 등 사용자가 클릭하기 전에 유용한 정보를 제공함으로써 사용자 환경을 개선합니다.
- 세부 정보에 쉽게 액세스할 수 있으므로 사용자가 검색 결과에서 페이지를 선택할 가능성이 높아집니다.
- E-E-A-T 향상
- 스키마 마크업, 특히 조직/로컬 비즈니스 스키마는 웹사이트의 E-E-A-T를 향상시키는 데 도움이 될 수 있습니다. E-E-A-T는 웹사이트의 전문성, 권위성, 신뢰성 등 을 나타내는 개념으로, Google 검색 순위에 영향을 미치는 중요한 요소입니다.
- 스키마 마크업을 통해 웹사이트 정보를 명확하게 제공함으로써 E-E-A-T를 높이고 검색 엔진의 신뢰도를 얻을 수 있습니다.
- Google MUM 업데이트 대응
- Google MUM(Multitask Unified Model) 업데이트는 다양한 형식의 정보를 이해하고 연결하여 사용자에게 더욱 포괄적인 검색 결과를 제공하는 것을 목표로 합니다.
- 스키마 마크업은 웹 페이지의 엔터티와 이들 간의 관계를 구축하는 데 도움이 되므로, Google MUM 업데이트에 효과적으로 대응할 수 있습니다.
- 음성 검색 최적화
- 스키마 마크업은 음성 어시스턴트가 웹 페이지의 내용을 쉽게 이해하고 사용자에게 전달할 수 있도록 돕습니다.
- 음성 검색 사용이 증가하는 추세에 따라, 스키마 마크업을 통해 음성 검색 결과에서 웹사이트의 가시성을 높일 수 있습니다.
| Schema Type | Description | Example Use Case |
| Product | 제품에 대한 정보 (이름, 가격, 리뷰 등) | 전자상거래 웹사이트 |
| Event | 이벤트에 대한 정보 (날짜, 시간, 장소 등) | 이벤트 목록 웹사이트 |
| LocalBusiness | 지역 비즈니스에 대한 정보 (주소, 연락처, 영업 시간 등) | 오프라인 매장이 있는 비즈니스 |
| Recipe | 레시피에 대한 정보 (재료, 조리 시간, 영양 정보 등) | 요리 레시피 웹사이트 |
| Article | 기사 또는 블로그 게시물에 대한 정보 (제목, 작성자, 게시일 등) | 뉴스 웹사이트, 블로그 |
웹 접근성
스키마 마크업은 웹 페이지의 정보를 구조화하여 웹 접근성을 향상시키는 데 도움을 줄 수 있습니다. 스크린 리더와 같은 보조 기술은 스키마 마크업을 사용하여 웹 페이지의 내용을 더 잘 이해하고 사용자에게 전달할 수 있습니다.
이는 시각 장애인이나 인지 장애가 있는 사용자들이 웹 콘텐츠에 더 쉽게 접근할 수 있도록 도와줍니다.
데이터 활용
스키마 마크업은 웹 페이지의 데이터를 구조화하여 데이터 활용도를 높이는 데 기여합니다. 스키마 마크업을 통해 웹 페이지의 정보를 추출하고 분석하여 다양한 용도로 활용할 수 있습니다. 예를 들어, 제품 정보를 추출하여 가격 비교 웹사이트에 활용하거나, 이벤트 정보를 추출하여 캘린더 앱에 활용할 수 있습니다.
스키마 마크업 적용 시 주의 사항
스키마 마크업을 적용할 때는 몇 가지 주의해야 할 사항이 있습니다.
- 오류 발생 시 문제 해결
- 스키마 마크업에 오류가 발생하면 검색 엔진이 웹 페이지를 제대로 이해하지 못할 수 있습니다. 따라서 스키마 마크업 유효성 검사 도구를 사용하여 오류를 확인하고 수정해야 합니다.
- Google Search Console과 같은 도구를 활용하여 스키마 마크업의 오류를 진단하고 해결할 수 있습니다.
- 최신 정보 업데이트
- 스키마 마크업은 지속적으로 업데이트되므로 최신 정보를 따라가는 것이 중요합니다.
- Schema.org 웹사이트에서 최신 스키마 마크업 정보를 확인하고, 필요에 따라 웹 페이지의 마크업을 업데이트해야 합니다.
- 정확한 정보 제공
- 스키마 마크업에는 웹 페이지의 내용을 정확하게 반영하는 정보를 제공해야 합니다.
- 잘못된 정보를 제공하면 검색 엔진의 신뢰도를 떨어뜨리고 검색 순위에 부정적인 영향을 미칠 수 있습니다.
- 과도한 마크업 지양
- 모든 콘텐츠에 스키마 마크업을 적용할 필요는 없습니다.
- 중요한 정보를 중심으로 스키마 마크업을 적용하고, 과도한 마크업은 지양해야 합니다.
- 구조화된 데이터 가이드라인 준수
- Google의 구조화된 데이터 가이드라인을 준수하여 스키마 마크업을 구현해야 합니다.
- 가이드라인을 준수하지 않으면 검색 엔진에서 스키마 마크업을 인식하지 못하거나 페널티를 받을 수 있습니다.
- 작성자 정보 마크업
- 웹 페이지에 작성자로 표시되는 모든 작성자는 마크업에 포함되어야 합니다.
- 작성자 정보를 마크업할 때는 사람인 경우 Person 유형을 사용하고, 조직인 경우 Organization 유형을 사용해야 합니다.
- 잘못된 유형을 사용하면 검색 엔진이 정보를 잘못 해석할 수 있습니다.
- 이미지 가이드라인
- 스키마 마크업에 이미지를 사용할 때는 마크업된 콘텐츠를 나타내는 이미지를 사용해야 하며, Google 이미지에서 지원되는 파일 형식이어야 합니다.
- 최상의 결과를 위해서는 가로세로 비율이 16×9, 4×3, 1×1인 여러 개의 고해상도 이미지(너비와 높이의 곱이 최소 50,000픽셀)를 제공하는 것이 좋습니다.
유용한 도구 및 리소스
스키마 마크업을 생성하고 검증하는 데 도움이 되는 다양한 도구와 리소스가 있습니다.
- 스키마 마크업 생성 도구: 스키마 마크업 생성 도구는 코딩 없이 스키마 마크업을 생성할 수 있도록 도와줍니다. Google의 구조화된 데이터 마크업 도우미, Hall Analysis Schema Markup Generator 등 다양한 도구가 있습니다.
- 검증 도구: 스키마 마크업 검증 도구는 스키마 마크업의 오류를 확인하고 수정하는 데 도움을 줍니다. Google의 리치 결과 테스트, Schema.org의 스키마 마크업 유효성 검사 도구 등을 사용할 수 있습니다.
- 학습 자료: Schema.org 웹사이트는 스키마 마크업에 대한 자세한 정보와 다양한 예제를 제공합니다. Google의 검색 센터 가이드에서도 스키마 마크업에 대한 정보를 얻을 수 있습니다.
결론
스키마 마크업은 검색 엔진이 웹 페이지를 더 잘 이해하도록 돕는 중요한 도구입니다. 스키마 마크업을 통해 웹 페이지의 가시성을 높이고, 웹 접근성을 향상시키며, 데이터 활용도를 높일 수 있습니다. 스키마 마크업을 적용할 때는 주의 사항을 숙지하고, 유용한 도구와 리소스를 활용하는 것이 좋습니다.
스키마 마크업은 웹사이트 소유자와 개발자가 웹사이트의 가시성, 접근성 및 전반적인 성능을 개선하기 위해 활용해야 하는 필수적인 도구입니다. 끊임없이 진화하는 디지털 환경에서 웹사이트의 경쟁력을 유지하고 사용자에게 더 나은 경험을 제공하기 위해 스키마 마크업을 적극적으로 활용해야 합니다.
