다양한 SEO 방법 중에서 스키마 마크업 SCHEMA MARKUP 에 대해 알려드리겠습니다. SEO 꿀팁 1 : 스키마 마크업 serp 에서 눈에 띄게 설정하기 중 첫번째로, 검색 엔진이 정보를 더 잘 이해할 수 있는 방법에 대해 알려드리겠습니다.
스키마 마크업 이란? (SCHEMA MARKUP ? ) 🙂
우리가 블로그 글을 작성하고 나서 웹사이트의 글을 검색엔진에 노출시키면 우리의 글을 확인할 때 검색엔진에서는 다양한 컴퓨터 정보를 읽게 됩니다. 검색 엔진이 더욱 쉽게 읽어갈 수 있는 정보들로 구성되어 있는 구조로 글을 작성하게 된다면 우리 글의 내용을 더욱 쉽게 잘 이해할 수 있습니다.
스키마는 이 데이터들을 조직화해서 정의한 것을 말하는 단어입니다.
- 구글
- MS
- Yahoo!
- yandex
등과 같이 우리가 쉽게 알 수 있는 검색엔진들에서는 스키마.org 라는 것으로 정의를 내렸습니다. 오늘은 우선 스키마 마크업에 대해 설명해드리도록 하겠습니다. 추가로 알고 싶다면 아래의 정의를 확인하세요. ✅ Schema.org란? ✅
중요한가요? 🙂
그렇다면 위에서 알려드린 이 ‘스키마 마크업’ 사용이 중요한가요? 라는 질문에 그렇다. 라고 답할 수 있습니다. 다양한 정보들 중에서 더욱 정확한 정보를 알려드리기 위해 사용되는 이 작업은 사용자가 더 질 좋은 정보를 얻을 수 있도록 도와줍니다.
게다가 구글에서는 Google Knowledge Graph 를 사용해서 사용자가 원하는 검색 결과를 확인 할 수 있도록 하는 프로그래밍이 되어 있기 때문에 스키마로 만들어진 구조화된 정보를 읽어 자동으로 사용자가 원하는 정보라는 것을 확인 할 수 있습니다.
그럼 스키마를 사용하게 된다면 어떻게 나오는지 확인해볼까요?
이렇게 일반검색 결과가 아닌 위 이미지처럼 조금 다른 검색 결과가 나오게 됩니다. 물론 무조건 위 사진처럼 나오게 되는 것은 아닙니다. 검색엔진이 사이트를 어떻게 인식하느냐에 따라서 다르게 나오겠죠?
영상으로 확인하는 것이 더 편하실 분들을 위해 영상도 준비했습니다.
스키마 마크업 사용 예시 🙂
여러 방법들이 있지만 3가지 방법을 알려드리도록 하겠습니다.
- JSON-LD
- Microdata
- RDFa
JSON-LD 의 예시 🙂
<script type=”application/ld+json” class=”saswp-custom-schema-markup-output”> { “@context”: “https://schema.org”, “@type”: “HowTo”, “name”: “인스타그램 API – Instagram Graph API (Instagram API V2) 연동일지”, “image”: { “@type”: “ImageObject”, “url”: “url”, “height”: “400”, “width”: “400” }, “step”: [ { “@type”: “HowToStep”, “url”: “url”, “name”: “페이스북 개발자 로그인, 앱 개설”, “itemListElement”: [{ “@type”: “HowToDirection”, “text”: “페이스북 개발자 센터로 이동하여 로그인 후, ‘내 앱 – 앱 만들기’ 버튼을 클릭합니다.” }, { “@type”: “HowToDirection”, “text”: “앱의 기본 정보를 입력한 후 ‘앱 ID 만들기’ 버튼을 클릭하여 APP을 생성해줍니다.” }] }, ] } </script>
Microdata 의 예시 🙂
<div itemtype=”https://schema.org/HowTo”> <div itemprop=”name”>인스타그램 API – Instagram Graph API (Instagram API V2) 연동일지</div> <div itemprop=”step” itemtype=”https://schema.org/HowToStep”> <div itemprop=”url”>url</div> <div itemprop=”name”>페이스북 개발자 로그인, 앱 개설</div> <div itemprop=”itemListElement” itemtype=”https://schema.org/HowToDirection”> <div itemprop=”text”>앱의 기본 정보를 입력한 후 ‘앱 ID 만들기’ 버튼을 클릭하여 APP을 생성해줍니다</div> </div> </div> </div>
RDFa 의 예시 🙂
<div vocab=”https://schema.org/” typeof=”HowTo”> <div property=”name”>인스타그램 API – Instagram Graph API (Instagram API V2) 연동일지</div> <div property=”step” typeof=”HowToStep”> <div property=”url”>url</div> <div property=”name”>페이스북 개발자 로그인, 앱 개설</div> <div property=”itemListElement” typeof=”HowToDirection”> <div property=”text”>앱의 기본 정보를 입력한 후 ‘앱 ID 만들기’ 버튼을 클릭하여 APP을 생성해줍니다</div> </div> </div> </div>
이렇게 입니다. 텍스트 내용만 바꿔 사용해주면 될 것 같습니다.
이번 SEO 꿀팁 : 스키마 마크업 ( SCHEMA MARKUP ) 관련 글이 도움이 되셨다면 아래의 관련 글 보러 가기 부분을 확인해 다른 꿀팁 글도 확인해주세요.
그럼 즐거운 하루 보내시길 바랍니다.
🙂 TOPINFO.KR 다른 글 보러가기 🙂
