Generatepress Breadcrumb 설정하는 방법으로 내가 아는 것은 2가지 입니다. Rankmath 플러그인 사용자를 위한 방법과 breadcrumb 전용 플러그인을 설치하는 방법으로 오늘은 간단하게 기록형으로 3가지 설정 방법에 대해 알아 보려 합니다.
Breadcrumb이란?
Breadcrumb은 웹사이트에서 사용자의 현재 위치를 보여주는 탐색 경로를 말합니다. 이 용어는 ‘빵 부스러기’를 뜻하는 것으로, 사용자가 사이트에서 이동할 때 거쳐온 경로를 빵 부스러기 흘린 것을 보듯이 시각적으로 보여줍니다
Breadcrumb 필요성과 역할?
일반적으로 이 경로는 상위 수준의 페이지부터 시작하여 현재 페이지까지의 연결을 나타내며, 사용자가 이전 페이지로 돌아가거나 더 상위 수준으로 이동할 수 있는 링크를 제공합니다.이것은 사용자 경험을 향상시키고, 웹사이트 내에서 방문한 곳을 쉽게 파악할 수 있도록 도와줍니다. 구글 SEO에 긍정적인 역할을 한다는 설이 있어 많은 사람들이 이용하고 있습니다. 사이트맵의 긍정적인 효과와 비슷한 이론이 아닐까란 생각을 해 봅니다.
Rankmath 플러그인 사용자
Rankmath > 일반 설정 > Breadcrumbs 메뉴에서 기능을 활성화 후 위 노란색 박스 안내 따라 코드만 넣어 주면 됩니다. PHP 구문이나 숏코드 중 하나를 선택해서 노출하려는 곳에 코드 추가 해 주면 작동 합니다. Generatepress 사용자라면 엘리먼트 > Hook 추가로 쉽게 설정 할 수 있습니다.
All in one SEO 플러그인 사용자
올인원 SEO 사용자라면 이전 포스팅을 참고하면 됩니다.
Breadcrumb NavXT 플러그인
전용 플러그인을 이용하는 방법으로 위 rankmath 방법보다 더 정교한 설정을 할 수 있다는 장점이 있습니다. 90만개 이상 설치된 플로그인으로 신뢰는 가는 편이라 이용하고 있습니다. 플러그인 활성화 후 워드프레스 설정 메뉴 아래에서 찾을 수 있습니다.
이 플러그인에 대한 안내는 여기 >> 참고 하세요.
기본 사용 코드
사용을 위해 아래 기본 코드를 원하는 곳에 추가해야 합니다. 위와 동일하게 GP 사용자는 엘리먼트를 이용해 간단하게 삽입 가능 합니다.
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
<?php if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>엘리먼트로 추가하기
- 엘리먼트 타입을 Hook으로 선택 후 추가 합니다.
- 기본 코드를 추가, Hook이 노출 될 위치 설정, PHP 사용에 체크
- 2번째 탭인 display rules 에서는 Location을 All singular를 선택
- 실제 노출되는 샘플
