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

게시 됨: 2025-01-05

웹사이트를 방문하여 " 홈->쇼핑->내 계정" 과 같은 항목이 표시되는 경우 이를 탐색경로 라고 합니다.

이는 사용자가 사이트에서 현재 위치와 해당 위치에 도달한 방법을 이해하는 데 도움이 되는 "트레일" 역할을 합니다. 헨젤과 그레텔 이야기에서 이름을 딴 이동 경로는 사이트 탐색을 통해 사용자를 돕습니다.

오늘 글에서 다룰 내용은 다음과 같습니다.

  • 탐색경로 추가 의 이점
  • WordPress 사이트에서 탐색경로를 구현하는 가장 좋은 방법입니다.
  • 귀하의 웹 사이트에 이동 경로를 추가하는 최고의 WordPress 플러그인입니다 .

시간 낭비하지 말고 시작해 보세요.

웹사이트에 탐색경로를 추가하면 얻을 수 있는 이점

튜토리얼 부분을 시작하기 전에 탐색경로의 이점을 알아야 합니다.

  1. 이동 경로는 사용자에게 여정에 대한 명확한 지도를 제공하며 전자상거래 사이트나 블로그와 같은 대규모 웹사이트에 유용합니다.
  2. 이동 경로는 보다 원활한 탐색 경험에 기여합니다.
  3. 방문자는 기본 메뉴나 뒤로 버튼을 사용하지 않고도 페이지로 빠르게 이동할 수 있습니다.
  4. 검색 엔진은 탐색경로를 사용하여 웹사이트의 구조를 이해합니다.
  5. 이동 경로는 검색 엔진 결과에 표시되고, 클릭률을 높이며, 검색 엔진이 사이트를 더 잘 색인화하는 데 도움이 됩니다.
  6. 이동 경로는 이탈률을 줄이고 참여도를 높입니다.
  7. 가볍고 쉽게 적응할 수 있습니다.

이동 경로는 단순한 탐색 도움말이 아니라 사용자 친화적이고 검색에 최적화된 웹사이트의 중요한 구성 요소입니다.

이제 WordPress 사이트에 탐색경로 탐색을 추가하는 방법을 살펴보겠습니다.

WordPress 사이트에 탐색경로 탐색을 추가하는 방법

그래서 우리는 3가지 방법을 사용하여 WordPress 사이트에 탐색경로 탐색을 추가하는 방법을 보여 드리겠습니다.

  • WordPress 플러그인 사용
  • 사용자 정의 코드 사용
  • 테마 지원 사용.

시작하자-

1. WordPress 플러그인을 사용하여 탐색경로 탐색 추가

일반적으로 WordPress 사이트에 모든 종류의 기능을 추가하는 WordPress 플러그인이 항상 있습니다. 탐색경로 탐색을 추가하는 Breadcrumb NavXT 라는 플러그인이 있습니다.

이는 900,000개 이상의 활성 설치를 보유한 가장 인기 있는 WordPress 탐색경로 플러그인 중 하나입니다. 플러그인에는 웹사이트에 탐색경로 탐색을 추가하고 사용자 정의하는 데 도움이 되는 모든 필수 기능이 무료 버전에 포함되어 있습니다.

웹사이트에 탐색경로 탐색을 표시하는 단계는 다음과 같습니다.

1단계: 플러그인 설치 및 활성화

먼저 WordPress 대시보드에서 플러그인을 설치하세요. 플러그인 -> 새로 추가 로 이동하여 검색 상자에 Breadcrumb NavXT를 입력하세요. 그런 다음 플러그인을 설치하고 활성화하십시오.

이것은 breadcrumb navxt 플러그인 설치 스크린샷입니다.

2단계: 이동 경로 NavXT 설정 구성

설정 –> 이동 경로 NavXT 에서 플러그인의 사용자 정의 옵션을 찾을 수 있습니다. 탐색경로를 사용자 정의하는 다양한 옵션을 찾을 수 있습니다. 하지만 시간이 부족하거나 기술적인 지식이 거의 없다면 기본 설정을 유지하세요.

참고: 플러그인을 설치할 때 어떤 설정도 조정하지 않았습니다. 기본값을 유지했습니다. 나를 위해 잘 작동했습니다.

플러그인 설정 스크린샷입니다

3단계: 구텐베르크 블록 추가

설정을 구성한 후 이동 경로를 표시하려는 페이지나 게시물에 이동 경로 트레일 블록을 추가해야 합니다. 페이지나 게시물을 선택하고 탐색경로 트레일 블록을 선택한 후 추가하세요.

블록을 추가하는 스크린샷입니다.

그러면 페이지나 게시물에 탐색경로 탐색이 추가됩니다.

추가된 탐색경로의 스크린샷입니다.

위젯을 사용하여 탐색경로를 추가할 수도 있습니다. Appearance –> Widgets 로 이동하세요. Breadcrumb Trail 위젯을 찾아 웹 사이트에서 이동 경로를 표시할 위치를 추가하세요.

Appearance에서 추가된 위젯의 스크린샷입니다.

이것은 귀하의 웹사이트에 대한 이동경로 탐색을 얼마나 쉽게 할 수 있는지를 보여줍니다.

그러나 문제가 있습니다. 이 페이지는 페이지 단위 또는 게시물 단위로만 수행할 수 있습니다. 시간이 많이 걸릴 거예요.

사이트 전체에서 이 작업을 수행하려면 사용자 정의 코딩을 사용해야 합니다.

2. 사용자 정의 코드를 사용하여 탐색경로 탐색 추가

Breadcrumb NavXT 플러그인이 설치되어 있는 경우 약간의 코드를 사용하여 사이트 전체에 탐색경로를 표시할 수 있습니다.

Appearance에서 테마 파일 편집기 옵션을 사용하거나 CPanel에서 파일 관리자를 열고 header.php 파일을 찾을 수 있습니다.

이 코드를 추가하세요.

 if (function_exists('bcn_display')) { bcn_display(); } ?>

참고: 처음에는 “<!–?php”를 사용하여 이 코드를 추가하는 동안 문제가 발생했습니다. 하지만 코드에는 처음부터 이미 "<!–?php"가 있었습니다. 그래서 나에게 오류가 발생했습니다. 나는 당신이 사용해야 하는 코드의 유일한 부분을 제공했습니다. 복사하여 코드 끝에 넣으세요.

그러면 사이트 전체 탐색경로 탐색이 추가됩니다.

이것은 상점 페이지 탐색경로의 스크린샷입니다.

그것은 그렇게 간단합니다.

3. 테마 지원을 사용하여 이동 경로 추가

테마 지원을 사용하여 사이트에 탐색경로를 추가할 수도 있습니다. 예를 들어, 상점 테마에서 테마 사용자 정의 옵션으로 이동하십시오. 위젯 섹션에서 Breadcrumb NavXt 블록을 찾을 수 있습니다.

테마의 탐색경로 navxt 스크린샷입니다.

여기에서 설정을 구성할 수 있습니다. 그런 다음 이동 경로를 표시하기 위해 이동 경로 트레일(Breadcrumb Trail) 블록을 추가할 수 있습니다.

탐색경로 위젯의 스크린샷입니다.

이것이 WordPress 사이트에 탐색경로 탐색을 표시하는 방법입니다.

Dokan을 사용하여 WordPress에서 꿈의 마켓플레이스를 바로 구성하세요!

WordPress 사이트에 이동 경로를 추가하는 인기 플러그인

Breadcrumb NavXT 플러그인을 사용하는 것이 불편하다면 다른 플러그인을 사용할 수 있습니다.

1. 요스트 SEO

Yoast SEO는 웹 사이트의 SEO 성능을 향상시키기 위해 설계된 인기 있는 플러그인입니다. 여기에는 탐색경로 기능이 내장되어 있습니다 .

이는 탐색과 SEO 최적화를 결합하려는 사람들에게 탁월한 선택입니다.

이동 경로는 사용자 정의가 가능하며 사이트의 구조와 디자인을 일치시키는 데 도움이 됩니다.

특징:

  • 웹사이트의 SEO 설정과 완벽하게 통합됩니다.
  • 이동 경로 구조 및 모양을 조정할 수 있는 유연성을 제공합니다.
  • HTML 마크업에 탐색경로를 포함하여 검색 엔진이 사이트를 더 잘 색인화하도록 돕습니다.
  • 게시물, 페이지 및 사용자 정의 게시물 유형을 지원합니다.

2. 순위 수학

Rank Math는 탐색경로를 포함한 고급 기능을 제공하는 또 다른 인기 있는 SEO 플러그인입니다. 사용자 친화적인 인터페이스와 사용자 정의 옵션으로 인기가 높습니다. 탐색경로를 쉽게 설정하고 웹 사이트 테마에 맞게 스타일을 지정할 수 있습니다.

특징:

  • 이동 경로 사용자 정의에 대한 자세한 옵션을 제공합니다.
  • 게시물, 페이지 및 기타 콘텐츠 유형에 탐색경로를 자동으로 추가합니다.
  • 추가 기능을 위해 Rank Math의 SEO 도구 제품군과 완전히 통합됩니다.
  • 가볍고 모바일 친화적인 탐색 기능입니다.

3. WooCommerce 탐색경로

WooCommerce Breadcrumbs는 WooCommerce 매장을 위해 특별히 설계된 플러그인입니다. 제품 페이지, 카테고리 및 기타 매장별 섹션에 이동 경로를 추가하여 탐색 기능을 개선합니다.

특징:

  • WooCommerce 제품 및 카테고리 페이지에 탐색경로를 자동으로 추가합니다.
  • 매장 계층 구조에서 제품의 위치를 ​​표시하여 사용자 경험을 향상시킵니다.
  • 더 나은 미적 외관을 위해 사용자 정의 가능한 탐색경로 라벨 및 구분 기호.
  • 검색 엔진에 구조화된 탐색 기능을 제공하여 SEO 개선에 도움이 됩니다.

4. 유연한 이동 경로

Flexy Breadcrumb은 WordPress 사이트에 사용자 정의 가능한 이동 경로를 추가하도록 설계된 플러그인입니다.

대부분의 테마에서 작동하며 웹사이트 스타일에 맞게 탐색경로 디자인과 구조를 조정할 수 있습니다. 사용자 친화적인 인터페이스는 초보자와 고급 사용자 모두에게 적합합니다.

특징:

  • 탐색경로에 대한 다양한 디자인 옵션을 제공합니다.
  • 이동 경로 계층 구조 및 구분 기호를 사용자 정의할 수 있습니다.
  • Elementor와 같은 널리 사용되는 페이지 빌더와의 통합을 지원합니다.
  • 가볍고 빠른 성능에 최적화됨

탐색경로를 사용하여 웹사이트 탐색 개선

탐색경로 탐색 없이는 많은 웹사이트를 찾을 수 없습니다. 이는 고객과 방문자의 참여를 유지하고 웹사이트의 현재 위치를 알려주는 좋은 방법입니다. 그리고 우리가 말했듯이 SEO 최적화에도 좋습니다.

weDevs 블로그 구독

매주 뉴스레터를 보내드립니다. 스팸은 전혀 없습니다.

원하든 원하지 않든 사이트에서는 탐색경로 탐색이 중요합니다. Google에서도 탐색경로 탐색이 사이트 구조와 SEO를 개선할 수 있다고 말합니다.

웹사이트에 탐색경로를 추가하는 3가지 방법을 보여 드렸습니다. 그 중 하나를 따라갈 수 있습니다.

따라서 웹사이트에 탐색경로를 추가하고, 어느 지점에서 문제가 발생하면 댓글 섹션을 통해 알려주시기 바랍니다.