이동 경로 탐색이란 무엇인가요?
이동 경로 탐색은 웹사이트의 페이지 계층 구조 내에서 사용자에게 현재 위치를 알려주는 내부 링크의 흔적, 즉 "빵 부스러기"를 말합니다. '빵 부스러기'라는 용어는 집으로 돌아가는 길을 찾기 위해 빵 부스러기 흔적을 남긴 그림 형제의 동화 헨젤과 그레텔 이야기에서 영감을 얻었습니다.
이동 경로 탐색의 유형
- 계층 기반 이동 경로: 위치 기반 이동 경로라고도 하며 웹사이트의 계층 구조 내에서 사용자의 위치를 표시합니다.
- 속성 기반 이동 경로: 속성 또는 태그를 기반으로 구성되며, 이커머스 웹사이트에서 일반적으로 사용됩니다.
- 기록 기반 이동 경로: 방문자가 현재 페이지에 도달하기 위해 수행한 특정 단계를 기반으로 정렬됩니다.
이동 경로 탐색의 중요성
이동 경로 탐색은 사용자 경험을 향상시키고 웹사이트를 더 쉽게 탐색할 수 있게 해주기 때문에 중요합니다. 이동 경로 탐색은 보조 탐색 기능을 제공하여 방문자가 원하는 내용을 찾을 수 있도록 돕고 상위 페이지로 돌아가는 데 필요한 클릭 횟수를 줄여줍니다. 또한 모바일 사용성을 개선하고 SEO에 중요한 역할을 합니다.
SEO 혜택
- 사용자 경험: Google은 사용자 경험을 우선시하는 웹사이트에 보상을 제공합니다. 이동 경로를 사용하면 탐색이 쉬워져 사용자 만족도가 향상될 수 있습니다.
- 웹사이트 계층 구조 이해: 이동 경로를 사용하면 Google이 웹사이트의 구조를 이해하고 페이지 순위를 보다 효과적으로 배포하여 순위를 높일 수 있습니다.
- 이탈률감소: 이동 경로 탐색은 사용자에게 대체 탐색 수단을 제공함으로써 사이트에서 더 많은 콘텐츠를 탐색하도록 유도하여 이탈률을 줄일 수 있습니다.
이동 경로 탐색을 구현하는 방법
이동 경로 탐색을 구현하는 방법은 간단합니다. 워드프레스 웹사이트가 있는 경우 Yoast SEO와 같은 플러그인을 사용하면 프로세스가 간단해집니다. 일부 워드프레스 테마는 기본적으로 이동 경로 탐색을 지원하기도 합니다. 워드프레스가 아닌 사이트의 경우 HTML과 CSS를 사용하여 수동으로 이동 경로를 구현할 수 있습니다.
HTML 템플릿 예제
<ul class="breadcrumb"> <li><a href="#">홈</a></li> <li><a href="#">블로그</a></li> <li><a href="#">카테고리</a></li> <li>현재 페이지</li> </ul>
이 템플릿은 글머리 기호 링크 목록을 생성합니다. 디자인 요구 사항에 맞게 CSS로 스타일을 사 용자 지정하세요.
구조화된 데이터
SERP에 이동 경로가 표시되도록 하려면 웹사이트에 관련 구조화된 데이터를 구현하세요. 자세한 지침은 Google의 이동 경로 문서를 참조하세요.
이동 경로 탐색 모범 사례
- 기본 탐색 지원: 이동 경로 탐색은 기본 탐색 메뉴를 대체하는 것이 아니라 추가 탐색 기능입니다.
- 구분 기호를사용합니다: 이동 경로의 텍스트 링크를 ">", "/" 또는 화살표와 같은 특수 문자로 구분합니다.
- 전체 탐색 경로: 사용자가 페이지에 도착한 경로와 관계없이 항상 전체 탐색 경로를 포함합니다.
- 왼쪽에서 오른쪽으로 읽기: 이동 경로가 왼쪽에서 오른쪽으로 읽혀야 하며, 왼쪽은 홈페이지, 오른쪽은 현재 페이지가 되어야 합니다.
- 현재 페이지: 이동 경로 추적의 마지막 항목은 현재 페이지여야 하며 클릭 가능한 링크가 아니어야 합니다.
- 눈에 잘 띄지 않는디자인: 이동 경로 탐색이 단순하고 눈에 거슬리지 않게 페이지 상단에 위치하며 작지만 가독성이 좋은 글꼴을 사용해야 합니다.
웹 탐색과 SEO에 대한 더 많은 인사이트와 팁은 Ranktracker 블로그를 방문하여 종합적인 SEO 가이드를 살펴보세요. 또한 SEO 용어 집을 확인하여 주요 SEO 용어와 개념을 숙지하세요.