티스토리 스키마 태그 리치 스니펫 FAQ 적용하기
- TECH
- 2022. 12. 1.
| 티스토리 스키마 태그 리치 스니펫 FAQ 적용하기 |
안녕하세요. 일상 속 다양한 꿀팁을 전하는 꿀팁 저장소 -쇼핑백입니다. 오늘은 티스토리에 스키마 태그 중 하나인 리치 스니펫 적용하는 방법에 대해 알아보도록 하겠습니다. 최근 네이버 상단 웹 문서 영역에서 FAQ 리치 스니펫을 적용한 블로그가 종종 보이더라고요.
워드프레스의 경우 RANKMATH를 통해 바로 적용이 가능하지만 현재 티스토리에서는 HTML 코드로 리치 스니펫을 적용해야 합니다. 방법은 간단하니 하단 본문에서 자세하게 살펴볼도록 하겠습니다.
▼ 이 블로그의 다른 꿀팁
스키마 태그 (리치 스니펫)이란?
먼저 스키마 태그 (리치 스니펫)이 무엇인지 간단하게 요약하겠습니다. 리치 스니펫이란 구글 검색 결과에서 추가 데이터를 표시할 수 있는 구글 검색 결과입니다. 대표적인 리치 스니펫에는 브레드크럼 (탐색경로), 아티클 (글), FAQ, 레시피 등이 있습니다. 리치 스니펫이 적용된 글은 보다 풍부한 검색 결과를 사용자에게 보여주기에 비교적 높은 CTR을 올릴 수 있습니다. 단, 리치 스니펫이 검색 결과를 상위로 올리는 마법의 도구는 아닙니다. 어디까지나 보조용이죠.
FAQ 리치 스니펫 적용하기
리치 스니펫 적용은 Json 형태의 데이터 송출 방법과 Html으로 적용하는 방법 두 가지가 있습니다. Json 형태는 코드를 모르는 분이 직접 적용하기에 어려움이 많으므로 html 코드로 직접 작성하시는 것이 편리합니다.
FAQ 리치 스니펫 Html 코드
<div itemscope="" itemtype="https://schema.org/FAQPage">
<blockquote>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
<h4 itemprop="name">질문 1</h4>
<div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<span itemprop="text">
<p>답변 1</p>
</span>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
<h4 itemprop="name">질문 2</h4>
<div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<span itemprop="text">
<p>답변 2</p>
</span>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
<h4 itemprop="name">질문 3.</h4>
<div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<span itemprop="text">
<p>답변3.</p>
</span>
</div>
</div>
</blockquote>
</div>
위 코드를 자신의 블로그 포스팅에 맞게 질문과 답변을 적절하게 수정하여 적용하면 됩니다. 현재 질문은 h4로 감싸져 있는데 필요에 따라 h3 또는 h2로 변환해서 사용할 수도 있습니다.
리치 스니펫 적용 확인
리치 스니펫이 잘 적용되었는지 바로 확인하는 방법은 search.google.com/test/rich-results에서 url을 입력하는 것입니다. 하단 버튼을 통해 해당 사이트에서 직접 url을 검색해보세요.
마무리
이상으로 오늘의 포스트 '티스토리 스키마 태그 리치 스니펫 FAQ 적용하기'를 마치겠습니다. 간단하게 FAQ 리치 스니펫 작성법을 알아봤는데요, 핵심만 썼더니 글이 많이 짧네요... 추가로 궁금한 사항이 있다면 아래 댓글로 문의 부탁드리겠습니다.