WordPress에서 탐색 경로 탐색 링크를 표시하는 방법

게시 됨: 2020-08-07

사이트 방문자가 웹사이트를 탐색하는 기능은 UX에서 중요한 역할을 합니다. 웹사이트를 방문하는 모든 사람이 웹사이트의 주요 구조를 즉시 이해할 수 있도록 해야 합니다. 그렇지 않으면 이탈률이 증가하고 잠재적인 리드를 잃을 위험이 있습니다. 이러한 유형의 문제를 방지하는 방법 중 하나는 이동 경로 탐색을 사용하는 것입니다. Breadcrumbs는 UX를 통해 웹사이트의 전반적인 성능을 높이는 동시에 WP 웹사이트 SEO에 기여할 수 있습니다. 이 기사에서는 WordPress에서 이동 경로 탐색 링크를 표시 하는 방법을 자세히 살펴봅니다.

이동 경로 탐색이란 무엇입니까?

  • Breadcrumb 탐색은 계층적 탐색 메뉴를 나타내는 링크의 흔적입니다. 사이트 계층 구조 내에서 페이지의 위치에 대한 정보를 사용자에게 제공하는 보조 탐색 시스템 역할을 합니다 .

이동 경로가 하는 일은 사용자를 홈 페이지로 다시 안내 하는 흔적을 만드는 것이므로 이름이 지정됩니다. 이것은 사용자가 다른 페이지로 쉽게 이동할 수 있어야 하는 특정 사이트에 특히 유용할 수 있습니다. 온라인 상점이 그 예 입니다. 그러나 SEO와 관련하여 이동 경로 탐색은 검색 엔진이 웹 페이지의 계층 구조와 구조를 이해하는 데 도움이 됩니다. 또한 탐색경로가 Google 검색 결과에 나타나 전체 웹사이트에 대한 가시성을 높일 수 있습니다.

WordPress에 Breadcrumb 탐색 링크를 추가하고 표시하는 방법

WordPress에서 이동 경로 탐색 링크를 추가하고 표시하는 것은 어렵지 않습니다. 따라서 초보자이든 코딩 전문가이든 관계없이 몇 가지 간단한 단계 를 통해 이 작업을 수행할 수 있습니다. 이 작업을 수행하는 더 많은 방법이 있으므로 다른 플러그인을 사용하여 이동 경로를 추가하고 표시하는 방법을 보여드리겠습니다.

탐색경로 NavXT 플러그인

이러한 유형의 탐색을 WordPress 사이트에 추가하는 가장 쉬운 방법은 Breadcrumb NavXT 플러그인입니다. 아시다시피 WordPress 플러그인은 다양한 용도로 사용할 수 있습니다. 플러그인을 사용하여 사이트를 복제 또는 복제하거나 소셜 미디어 또는 기타 목적으로 사용할 수 있습니다. 그러나 이동 경로 탐색과 관련하여 NavXT는 탐색 시스템을 배치하는 데 사용되는 WordPress 위젯을 제공하는 인기 있는 플러그인 입니다. 다양한 옵션을 통해 사용자의 탐색을 사용자 지정할 수 있습니다.

먼저 Breadcrumb NavXT 플러그인을 검색하여 설치해야 합니다. 완료되면 왼쪽 관리 패널을 클릭하고 새 옵션 추가 를 선택하면 기본 설정 페이지가 표시됩니다. 기본 설정은 대부분의 웹사이트에서 작동합니다. 다른 탭이 있으며 각 탭은 귀하의 웹사이트에 더 잘 맞는 다른 설정을 제공합니다.

  • 일반 설정 탭 에서 웹사이트 플러그인의 전역 설정을 결정할 수 있습니다.
  • 게시물 유형 탭 은 게시물 및 페이지에 대한 이동 경로 링크를 개별적으로 설정할 수 있으므로 매우 중요합니다.
  • 분류 탭 에서 범주를 적절하게 설정할 수 있으며 링크에 대한 유사한 템플릿을 찾을 수 있습니다.
  • 기타 탭 에서는 작성자의 설정을 변경할 수 있습니다.
  • 웹사이트에 가장 도움이 된다고 생각되는 변경 사항을 적용하고 " 변경 사항 저장 " 버튼을 클릭하여 변경 사항을 유지하십시오.

웹사이트에 탐색경로 NavXT 표시

WordPress에서 이동 경로 탐색 링크를 표시하려면 모양으로 이동하여 사용자 정의를 선택해야 합니다. 위치 드롭다운에서 이동 경로의 위치를 ​​선택할 수 있습니다. 또한 Breadcrumb 소스에서 Breadcrumb NavXT를 선택해야 합니다.

Yoast SEO 플러그인

또 다른 인기 있는 플러그인은 Yoast SEO이며 검색 엔진 순위를 추정하고 콘텐츠를 최적화하는 데 유용합니다. 그러나 웹 사이트의 가시성을 높이는 데 사용되는 몇 가지 기능이 있으며 이를 사용하여 WordPress에 이동 경로 링크를 추가하고 표시할 수도 있습니다.

검색 엔진 최적화
Yoast SEO에는 더 많은 것이 있습니다.

가장 먼저 해야 할 일은 빵가루를 넣을 위치를 결정하는 것 입니다. 그에 따라 원하는 위치 에 다음 코드를 추가 해야 합니다.

  • <?php
  • if (function_exists('yoast_breadcrumb')) {
  • yoast_breadcrumb( '<p id="빵 부스러기">' , ' </p>' ) ;
  • }
  • ?>
코드, 때때로 WordPress에서 이동 경로 탐색 링크를 표시하는 데 필요합니다.
WordPress에서 이동 경로 탐색 링크를 표시하는 데 코드가 필요한 경우가 있습니다.

YOAST SEO로 이동 경로 탐색 링크를 표시하는 방법

테마 및 업데이트에 따라 코드 재정의의 기회가 있습니다. 이 경우 테마 개발자에게 문의해야 합니다. 스니펫을 배치한 후 SEO로 이동하여 검색 모양 을 선택하고 이동 경로를 클릭합니다. Breadcrumbs 설정에서 Breadcrumbs를 활성화합니다. 사이트를 미리 볼 때 웹사이트의 원하는 부분에서 이동 경로를 볼 수 있어야 합니다.

유연한 빵 부스러기

Flexy Breadcrumd는 WordPress에서 이동 경로를 추가하는 데 사용할 수 있는 플러그인 중 하나입니다. 플러그인을 설치하고 활성화하면 [flexy_breadcrumb] 단축 코드로 이동 경로를 추가할 수 있습니다. WordPress의 단축 코드에 익숙하지 않은 경우 단축 코드를 더 잘 이해하는 데 도움이 되는 많은 자료가 있습니다.

대시보드 사이드바에서 Flexy Breadcrumb 항목을 볼 수 있습니다. 클릭하면 홈 페이지를 수정할 수 있는 설정이 표시됩니다. 아이콘과 텍스트를 변경하고 글자 수 제한 및 계층 구조를 설정합니다. Typography 탭 을 사용하면 이동 경로의 글꼴 크기와 색상을 변경할 수 있습니다. 트레일 사용자 지정을 완료한 후 이동 경로를 저장하려는 위치에 언급된 단축 코드를 추가합니다.

WooCommerce 이동 경로

고객이 제품 페이지 간에 쉽게 이동할 수 있도록 이동 경로가 필요한 경우 WooCommerce Breadcrumb 설치를 고려하십시오. 이미 WooCommerce 플러그인을 사용하고 있으므로 이것이 가장 쉬운 옵션일 것입니다.

플러그인을 설치 및 활성화하고 설정으로 이동하여 WC Breadcrumbs를 찾으십시오. 이동 경로 활성화 를 잊지 말아야 합니다. 그런 다음 제품 페이지를 선택할 수 있습니다.

지금 바로 웹사이트 UX 개선 작업을 시작하세요.

WordPress에서 Breadcrumb 탐색 링크를 추가하고 표시하는 방법을 알고 있는 것이 좋습니다. 그러나 유명한 동화도 기억해야 합니다. 빵 부스러기를 사용하더라도 길을 잃을 수 있습니다. 그리고 이것은 방문자에게 일어나기를 원하는 것이 아닙니다. 이 시스템은 귀하의 웹사이트에 강력하게 추가된 것처럼 느껴지고 방문자가 귀하의 웹사이트 구조를 즉시 이해할 수 있도록 하는 영역에 배치되어야 합니다. 결국 방문자의 경험을 향상시키려면 방문자를 염두에 두는 것이 중요합니다.