티스토리 리치 스니펫 적용하기

리치스니펫은 간단하게는 각 웹페이지를 분야에 맞게 구조화하여 검색엔진등에서 적절한 컨텐츠를 추출할 수 있도록 도와주는 기능이다.

특히 구글의 웹마스터 도구에 보면 검색노출에 "구조화된 데이터"가 있고 이것은 리치스니펫을 이용한 데이터 구조를 통하여 검색결과에 페이지를 잘 인덱싱하기 위해서 지원하고 있는 듯 하다.

여러가지 SEO 팁들 중에서 빠지지 않고 나오는 것이 이 리치스니펫을 이용하는 방법인데, 분야가 방대하여 이것이 쉽게 익숙해 지지는 않지만 꽤 연습하다 보면 쉽게 사용가능하리라고 생각해 본다.

특히 티스토리에서는 약간 몇몇개가 적용되기가 쉽지 않은데, 뭐 이런거 때문에 티스토리를 떠나거나 하지는 않을 것 같다.

먼저 리치스니펫을 알아보려면 http://www.schema.org를 찾아가 보자.

카테고리별, 문서 특성별 각각의 요소 분류들이 되어 있는 것도 있고, 같이 사용하는 태그도 있다.

일단은 나 또한 공부해가면서 작업하는 것이라서 틀리는 부분이 많이 있을 수 있다.

티스토리에서 리치 스니펫은 스킨을 만들때 사용을 하여야 한다.

schema.org 에서 https://schema.org/BlogPosting 을 찾아본다.

그러면 블로그에 구조화된 태그가 얼마나 많은지 알 수 있다.

이것들 중에서 필요한 부분만 하나둘씩 찾아 보도록 하자.

포스트 태그를 하나씩 입혀보자!!!

포스트 본문을 기준으로 이야기 하자면 블로그에 대한 리치 스니펫은 본문, 저작자, 발행자, 발행일, 제목, 댓글, 댓글수등을 차용할 수 있다.

물론 아주 다양한 부분을 이용할 수 있는데 딱 보이는 것이 그정도 이다.

그럼 스킨에서 포스트 글이라고 어떻게 설정할까?

나는 스킨 제작을 할때 본문 부분에 일단은 DIV를 하나 씌워서

<divitemscopeitemtype="http://schema.org/BlogPosting">

이렇게 입력해 주었다.

즉, 스키마 중에서 블로그 포스트부분이라는 표시를 해 준것이다.

< span itemprop="articleSection" class ="post-header-category text-center"> Web/SEO</span >

카테고리 노출 부분에 이렇게 이 포스트의 섹션을 표시해 주었다.

</h2>

참 신기한 일인데 리치 스니펫에서는 블로그의 제목을 title이 아닌 name으로 쓰고 있었다.

그래서 위와 같이 제목을 선정하여 준다.

리치스니펫은 간단하게는 각 웹페이지를 분야에 맞게 구조화하여 검색엔진등에서 적절한 컨텐츠를 추출할 수 있도록 도와주는 기능이다.

특히 티스토리에서는 약간 몇몇개가 적용되기가 쉽지 않은데, 뭐 이런거 때문에 티스토리를 떠나거나 하지는 않을 것 같다.

먼저 리치스니펫을 알아보려면 http://www.schema.org를 찾아가 보자.

카테고리별, 문서 특성별 각각의 요소 분류들이 되어 있는 것도 있고, 같이 사용하는 태그도 있다.

일단은 나 또한 공부해가면서 작업하는 것이라서 틀리는 부분이 많이 있을 수 있다.

티스토리에서 리치 스니펫은 스킨을 만들때 사용을 하여야 한다.

schema.org 에서 https://schema.org/BlogPosting 을 찾아본다.

그러면 블로그에 구조화된 태그가 얼마나 많은지 알 수 있다.

이것들 중에서 필요한 부분만 하나둘씩 찾아 보도록 하자.

포스트 태그를 하나씩 입혀보자!!!

포스트 본문을 기준으로 이야기 하자면 블로그에 대한 리치 스니펫은 본문, 저작자, 발행자, 발행일, 제목, 댓글, 댓글수등을 차용할 수 있다.

물론 아주 다양한 부분을 이용할 수 있는데 딱 보이는 것이 그정도 이다.

그럼 스킨에서 포스트 글이라고 어떻게 설정할까?

나는 스킨 제작을 할때 본문 부분에 일단은 DIV를 하나 씌워서

<divitemscopeitemtype="http://schema.org/BlogPosting">

이렇게 입력해 주었다.

즉, 스키마 중에서 블로그 포스트부분이라는 표시를 해 준것이다.

< span itemprop="articleSection" class ="post-header-category text-center"> </span >

카테고리 노출 부분에 이렇게 이 포스트의 섹션을 표시해 주었다.

</h2>

참 신기한 일인데 리치 스니펫에서는 블로그의 제목을 title이 아닌 name으로 쓰고 있었다.

그래서 위와 같이 제목을 선정하여 준다.

그리고 본문은 articleBody로 감싸 주었다.

BlogPosting 부문에는 특이한 것이 comment 부분이 있다.

comment, commentCount가 있는데 이 부분은 간단하게 아래와 같이 처리 하였다.

물론, 스킨중에서 Comment가 펼침 설정이 되어 있는 스킨만 가능할 것이다.

<s_rp_count>

댓글이 <span itemprop="commentCount" > </span> 개가 있습니다.

</s_rp_count>

< p itemprop="comment"> </p>

또한 저작자가 설정을 위해서 아래와 같이 적용해 주었다.

< span itemprop="author" itemscope itemtype="http://schema.org/Person">< span itemprop ="name" class ="writer-name">온후파파 </span></ span>

특이한점은 itemtype을 설정하고 해당 값을 넣어줘야 한다는 것이다.

이 정도로 리치 스니펫 설정을 해 주었다.

여기서 빠진것이 날짜인데, 원래는

이런식으로 설정하여야 하는데, 티스토리가 지원되지 않아서 일단은

< meta itemprop= "datePublished" content="" />

이렇게 설정해 주었다.

</div>