티스토리 스킨에 브레드크럼을 적용하는 방법 예시(+동영상)

2021. 9. 20. 09:25 | 댓글 3

 

블로그에 브레드크럼을 적용하면 SEO(검색엔진 최적화)에 도움이 됩니다. 일부 티스토리 유료 스킨에 브레드크럼을 기본적으로 표시할 수 있습니다. 브레드크럼을 지원하지 않는 스킨을 사용하는 경우 아래 영상을 참고하여 적용할 수 있습니다. 브레드크럼을 적용할 경우 구글 등 검색엔진 결과에 경로(브레드크럼)가 표시됩니다.

티스토리 스킨에 브레드크럼을 적용하는 방법 예시(Magazine 스킨)

티스토리 블로그에 브레드크럼(Breadcrumb)을 표시하는 방법은 이 블로그를 통해 여러 차례 설명한 적 있습니다. 브레드크럼을 적용하면 구글 서치 콘솔에서 "'itemListElement' 입력란이 누락되었습니다" 오류가 사라질 것입니다.

브레드크럼을 적용하는 데 어려움을 겪는 분들이 계셔서 동영상으로 브레드크럼을 추가하는 과정을 캡처해보았습니다.

각 스킨에 맞게 조금씩 응용해야 할 수 있습니다. 일부 티스토리 스킨에 브레드크럼을 추가하는 코드에 대해서는 다음 글들을 참고해보시기 바랍니다.

매거진, 북클럽, #1, Whatever 스킨에 브레드크럼 추가하기

Magazine, Book Club, #1, Whatever 등의 스킨에 이동 경로를 추가하려는 경우 다음 글에 제시된 코드를 사용할 수 있습니다. 

https://avada.tistory.com/1301

 

티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법

브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 그리고 구글 서치 콘솔에서 'itemListElement' 입력란이 누락되었습니다 오류가 발생하는 경우에도 브레

avada.tistory.com

오디세이 스킨에 브레드크럼 추가하기

다음 글에서는 Odyssey 스킨에 이동 경로를 표시하는 방법이 설명되어 있습니다.

https://avada.tistory.com/2146

 

티스토리 오디세이 스킨에 브레드크럼 표시하기

브레드크럼(이동 경로)을 표시하면 SEO에 도움이 됩니다. 그리고 브레드크럼을 추가하면 구글 서치 콘솔에서 ‘itemListElement’ 입력란이 누락되었습니다와 같은 오류가 발생하지 않는 것 같습니

avada.tistory.com

고래 스킨에 브레드크럼 추가하기

이 블로그에는 현재 고래 스킨이 사용되고 있습니다. 고래 스킨을 사용하는 경우 다음 글을 참고해보세요.

https://avada.tistory.com/1847

 

티스토리 고래 스킨에 브레드크럼 표시하는 방법 (SEO 향상)

티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에서 이동 경로를 표시하여 SEO

avada.tistory.com

다른 스킨에서도 동일한 방식으로 브레드크럼을 표시할 수 있습니다.

마치며

이 블로그에는 워드프레스 테마 중 하나인 Pluto에서 사용하는 브레드크럼을 응용하여 적용했습니다. 실제 위에 제시한 방법을 사용할 경우 검색엔진 결과에 경로가 노출되며, 구글 서치 콘솔에서 itemListElement 관련 오류가 사라질 것입니다. 또한, SEO를 위해 티스토리 블로그에 자동 목차(TOC)를 추가하는 것도 고려해볼 수 있습니다.

워드프레스의 경우 아바다 테마 등에서는 자체적으로 브레드크럼을 제공하며, 브레드크럼 기능이 없는 경우 SEO 플러그인을 사용하여 간단히 브레드크럼을 표시할 수 있습니다.

 

워드프레스 브레드크럼 적용 방법 (종합) - 워드프레스 정보꾸러미

워드프레스에 브레드크럼을 추가하면 사용자들이 쉽게 이동 경로를 클릭하여 이동할 수 있고 구글 같은 일부 검색엔진에 이동 경로가 표시되므로 SEO(검색엔진최적화)에 유리합니다. 이 글에서

www.thewordcracker.com

참고

https://avada.tistory.com/2279

 

워드프레스 수익형 블로그 만들기

블로그로 돈을 벌고 싶어 하는 분들은 많지만 실제 유의미한 수익을 올리는 분들은 많지 않습니다. 블로그로 수익을 올릴 수 있는 방법은 다양합니다. 수익을 목적으로 한다면 수익형 블로그 운

avada.tistory.com

 

효과적인 글쓰기를 위한 Rank Math 활용 방법 (SEO 글쓰기) - 워드프레스 정보꾸러미

이 워드프레스 블로그에 Yoast SEO 플러그인을 오랫동안 사용하다가 얼마 전에 Rank Math로 SEO 플러그인을 바꾸었습니다. 이 글에서는 효과적인 글쓰기를 위한 Rank Math 활용 방법에 대해 살펴보겠습

www.thewordcracker.com

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. thumbnail
    아트시

    Avada님! 보여주신 동영상에서 세군데 바꾸시는 걸 보고 제가 눈으로 찾아봤더니 정말 세군데가 있더라고요..ㅠㅠㅠ 이게 검색이 이상하게 안되는 거였어요. 그래서 html 코드 입력하고 css코드까지 넣어주니깐 브래드크럼이 잘 작동해서 글 위마다 카테고리가 잘 뜹니다! 너무 너무 감사해요~!!! 시간 많이 쓰셨을텐데 이렇게까지 도와주셔서 감사합니다~

  2. thumbnail
    空空(공공)

    알아 두면 좋을 것 같군요
    즐거운 추석 연휴 보내시기 바랍니다

  3. thumbnail
    짐농

    브레드크럼 알려주신 방법을 본문 하단에 넣어서 그런지 SEO상의 유의미한 변화가 없었습니다. 저는 구글 상위노출 포기했습니다. ㅠㅠ