많은 테마 또는 빌더가 자체적으로 breadcrumbs 기능을 제공하고 있지만 Elementor에서는 제공하지 않아 Yoast 또는 Rank Math와 같은 SEO 플러그인을 사용해야 합니다. 이 포스팅에서는 Elementor에서 Rank Math 플러그인을 이용해 페이지에서 breadcrumbs를 추가하는 방법을 살펴보겠습니다.
플러그인 > Add New Plugin에서 Rank Math를 검색하여 설치 후 활성화 합니다. 해당 기능은 무료에서 사용할 수 있습니다.
Rank Math 검색엔진 최적화 > 일반 설정 > Breadcrumbs 에서 Breadcrumbs 기능을 활성화 해줍니다. 아래 구분 문자로 디자인을 선택할 수 있어요.
페이지 내에 Breadcrumbs를 보여주는 방법은 테마 템플릿 파일에서 코드를 복사해거나 숏코드를 이용하는 방법이 있는데 간단한 방법은 코드 변경 없는 숏코드 사용입니다.
[rank_math_breadcrumb]
해당 페이지 > Elementor으로 편집으로 편집 화면에 들어와 Breadcrumbs를 위치 시킬 영역에 텍스트 편집기 위젯을 추가한 후 복사한 숏코드를 붙여넣기합니다.
페이지 발행 후 현재 위치가 잘 나타난 것을 확인하여 마무리 합니다.
Rank Math에서 사이트 제목, 설명글 설정
Elementor 글꼴, 색상 바꾸기
Opengraph 오픈그래프 썸네일 적용 (Rank Math)