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

 

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

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

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

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

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

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

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

https://avada.tistory.com/1301

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

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

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

https://avada.tistory.com/2146

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

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

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

https://avada.tistory.com/1847

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

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

마치며

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

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

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

참고

https://avada.tistory.com/2279

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

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