SEO 및 사용성을 위한 Breadcrumb 탐색의 중요성

이동 경로 탐색이란 무엇이며 이동 경로는 언제 사용합니까? 이동 경로 탐색은 유용성과 SEO에 어떤 영향을 줍니까? 이러한 질문은 온라인 인지도를 높이는 데 있어 부담스러울 수 있습니다.

웹사이트 소유자로서 귀하의 주요 임무는 방문자에게 긍정적인 사용자 경험을 제공하기 위해 가능한 한 편안하고 기능적인 사이트를 만드는 것입니다. 그렇지 않으면 현재 고객이 접근성과 사용성을 선호하기 때문에 잠재 고객을 잃게 됩니다. 페이지가 로드되기를 기다리는 사람도 없고 웹사이트에서 길을 잃는 사람도 없습니다.

매주 식료품 쇼핑을 한다고 상상해 보십시오. 당신은 다양한 부서의 수많은 제품을 제공하는 거대한 온라인 슈퍼마켓을 방문합니다. 우유를 찾는 방법이나 전체 제품 카탈로그로 전환하는 방법을 모르기 때문에 목록의 첫 번째 위치에 갇히게 됩니다. 특히 쇼핑할 시간이 많지 않은 경우 좌절감을 느낄 수 있습니다.

웹사이트에 적절한 탐색경로가 없을 때 고객이 느끼는 감정은 다음과 같습니다. 혼란, 좌절, 성가심은 이 경우 잠재 고객에게 기대할 수 있는 감정의 일부일 뿐입니다. 따라서 사이트에 아직 편리한 탐색 기능이 없다면 이동 경로 추가에 대해 생각할 때입니다.

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

Breadcrumb 탐색은 길 찾기를 말하며 웹 사이트 사용자가 자신의 위치에 익숙해지고 사이트 계층 구조를 이해하는 데 도움이 되는 이동 경로 를 나타냅니다. Breadcrumb 탐색은 기본 웹사이트 탐색(사이트 메뉴) 아래에 위치한 특수 탐색 링크인 이동 경로로 구성됩니다.

이동 경로는 전자 상거래 웹 사이트와 같이 정교한 구조와 광범위한 계층 구조를 가진 대규모 웹 사이트에만 필요하다는 오해가 있습니다. 그러나 이동 경로 탐색은 최소 3단계 깊이의 모든 웹 사이트에 적합합니다.

빵 부스러기의 필수 유형

기본적으로 이동 경로에는 계층 또는 위치 기반 , 속성 기반 및 기록 기반 또는 경로 이동 경로 의 세 가지 주요 유형이 있습니다. 드롭다운 이동 경로 탐색도 이동 경로에 속하지만 특정 유형을 나타내므로 대형 웹사이트에 적합합니다. 각 이동 경로 유형에는 특정 요소 흔적이 있습니다.

계층 또는 위치 기반 이동 경로

따라서 위치 기반 또는 계층 탐색 경로는 사용자에게 웹 사이트에서 전달하는 전체 경로를 보여주므로 여러 사이트 계층 수준을 원활하게 탐색할 수 있습니다. 이러한 편의성으로 인해 이 이동 경로 유형은 웹 사이트 탐색을 단순화하는 가장 인기 있는 옵션이 됩니다.

속성 기반 이동 경로

속성 기반 이동 경로는 사용자가 선택한 속성의 흔적을 보여주고 클릭 경로에 따라 달라질 수 있으므로 동적 이동 경로라고도 합니다. 이러한 유형의 탐색경로 탐색을 통해 잠재 고객은 관심이 있을 수 있는 더 많은 제품을 알 수 있으므로 고객에게 향상된 선택 옵션을 제공하는 지능적인 방법입니다.

기록 기반 이동 경로

기록 기반 이동 경로는 사용자가 현재 페이지를 방문하기 위해 거쳐온 일련의 단계를 나타냅니다. 그들은 방문한 웹사이트 페이지의 전체 경로를 제공하며 기능적으로 브라우저의 뒤로 버튼으로 대체될 수 있습니다.

이동 경로 탐색에는 드롭다운 메뉴가 있는 이동 경로가 하나 더 있습니다. 이 점진적으로 개선된 솔루션은 복잡한 요소와 수많은 정보가 포함된 거대한 웹사이트에 적합합니다. 드롭다운 이동 경로 탐색은 위치 기반 및 속성 기반 이동 경로와 호환됩니다.

이동 경로 탐색이 필요한 이유는 무엇입니까?

위치 기반, 동적, 드롭다운 또는 기록 기반 이동 경로 탐색이든 웹 사이트에 이동 경로를 추가하면 탁월한 이점을 얻을 수 있습니다. 따라서 이동 경로를 사용할 때의 이점을 확인하고 잘 구성된 이동 경로가 웹 사이트를 개선하는 데 어떻게 도움이 되는지 알아보십시오.

세련된 사이트 사용성

첫째, 일관된 이동 경로 탐색은 웹 사이트 서핑 프로세스를 극적으로 개선합니다. 사이트 방문자는 번거로움 없이 웹사이트 페이지 간에 자유롭게 이동할 수 있으며 전체 사용자 경험이 향상됩니다. 다음으로, 이동 경로는 현재 및 가장 가까운 위치를 시각화하는 데 도움이 되므로 사용자는 웹사이트를 탐색하는 데 추가 시간을 할애할 필요가 없습니다.

이 기능은 사용자가 다양한 제품 카테고리, 하위 카테고리, 제품 페이지 등에 직면했을 때 실망할 수 있으므로 Amazon과 같은 거대한 시장을 다룰 때 매우 유용합니다. 방문자가 원하는 정보를 빠르게 찾거나 필요한 사이트 섹션으로 전환할 수 있습니다.

또한 다양한 유형의 이동 경로를 통해 화면 공간을 적절하게 활용할 수 있습니다. 잘 설계된 이동 경로는 일반적으로 사용자에게 사이트를 한 눈에 볼 수 있는 부드러운 수평선을 나타내는 일반 탐색 요소로 제공됩니다. 이러한 좁은 선은 깔끔하게 보이고 디자이너가 페이지 과부하를 방지하는 데 도움이 됩니다.

향상된 SEO 성능

잘 만들어진 이동 경로 탐색 경로는 또한 자연 검색 결과에서 웹사이트의 성능을 향상시킬 수 있는 광범위한 기회를 제공합니다. 예를 들어, 이동 경로를 사용하면 웹 사이트 페이지에서 링크 주스를 조정하여 내부 링크를 미세 조정할 수 있습니다. 검색 엔진이 웹 사이트 콘텐츠의 구조를 더 잘 파악하는 데 도움이 되므로 SEO에 매우 유용합니다.

또한 자세한 이동 경로 마크업은 Google에서 검색 스니펫을 풍부하게 하는 훌륭한 방법입니다. Google 스니펫 또는 검색 스니펫은 검색 엔진 결과 페이지 또는 SERP에 표시되는 콘텐츠 추출입니다. 여기에는 웹사이트 페이지(메타데이터)에 대한 간략한 설명이 포함되어 있어 사용자가 특정 웹사이트 페이지와 쿼리의 관련성을 이해할 수 있습니다. 그리고 Google은 검색 결과에 직접 이동 경로를 표시하는 것을 선호하므로 스니펫에 긍정적인 영향을 미칠 수 있는 정확한 이동 경로를 작성하는 것이 가장 좋습니다.

검색 스니펫의 모양을 확인하려면 Google의 도움을 받아 페이지를 수동으로 확인할 수 있습니다. 다양한 키워드에 대한 Google 스니펫을 확인하고 특정 기간의 스니펫 실적을 모니터링하는 데 도움이 되는 자동 도구도 있습니다. 예를 들어 SE Ranking의 SEO 모니터링 도구를 살펴보십시오.

이 도구에는 키워드별로 검색 스니펫을 포괄적으로 추적하고 편리한 탭에서 웹사이트 페이지의 검색 모습을 조사할 수 있는 기능이 있습니다. 분석 및 트래픽 섹션에 도달하고 스니펫 탭으로 이동하여 새 프로젝트를 만들고 원하는 키워드에 대한 스니펫을 모니터링합니다.

적절한 이동 경로 탐색은 이탈률을 줄이는 데도 도움이 됩니다. 방문자가 사이트의 특정 방문 페이지를 방문하는 경우 적절한 이동 경로를 통해 다른 페이지로 이동할 수 있습니다.

또한 정확한 이동 경로를 통해 처음 사용자가 웹사이트에 더 오래 머무를 수 있습니다. 그들은 사이트의 다양한 카테고리와 하위 카테고리에 관심을 가질 수 있습니다. 따라서 이동 경로는 사이트의 전반적인 수신 거부를 줄이는 데 유용합니다. 이탈률과 평균 세션 시간은 모두 Google Analytics 또는 SE Ranking에서 확인할 수 있습니다( Analytics & Traffic 으로 이동한 다음 Traffic 으로 이동).

빵 부스러기 사용을 위한 9가지 유용한 팁

탐색경로 탐색을 활용하는 것은 웹사이트 사용성과 검색 결과의 가시성에 현저한 영향을 미치기 때문에 보편화되었습니다. 그럼에도 불구하고 최상의 결과를 얻으려면 이동 경로 마크업을 올바르게 사용해야 합니다. 이동 경로를 사용하는 몇 가지 실용적인 방법이 있으며 아래에서 확인할 수 있습니다.

#1 웹사이트에 실제로 이동 경로가 필요한지 확인

확실히, 큰 전자 상거래 웹 사이트는 이동 경로 탐색을 사용하는 유일한 장소가 아닙니다. 그럼에도 불구하고 이동 경로가 어색해 보이고 주요 기능을 수행하지 않는 경우가 있습니다. 예를 들어, 단일 수준 사이트나 평면 계층 구조가 있는 웹 사이트가 있는 경우 이동 경로 마크업은 부적절합니다.

따라서 이동 경로를 추가하는 것이 웹사이트에 적합한지 확인해야 합니다. 웹 사이트에 이동 경로가 필요한지 확인하려면 사이트 아키텍처의 모든 수준을 표시하는 Screaming Frog와 같은 일부 웹 사이트 크롤러를 사용하십시오. 또는 웹 사이트 구조를 수동으로 시각화할 수 있습니다.

#2 기본 사이트 탐색을 Breadcrumbs로 바꾸지 마십시오

기본 웹 사이트 탐색 메뉴의 편리성과 관련성은 향상된 사용자 경험의 핵심이며, 이동 경로는 방문자가 사이트 탐색 프로세스를 훨씬 더 좋고 편안하게 만드는 철저한 확장을 나타냅니다. 기본 사이트 메뉴를 지원하는 훌륭한 방법으로 이동 경로 탐색을 사용하는 것이 좋습니다.

#3 홈페이지 링크 우선순위 지정

웹 사이트에 대한 완벽한 탐색 경로를 만들 때 홈페이지 링크로 탐색 경로를 시작하는 것이 좋습니다. 탐색경로 마크업의 시작 부분에 홈페이지 링크를 추가하여 사용자의 여정을 강조하고 전체 경로를 명확하게 하는 강력한 앵커를 제공합니다.

#4 이동 경로가 일관적인지 확인하십시오.

Breadcrumb 탐색은 일관성을 자랑하는 경우 잘 작동합니다. 그렇기 때문에 브레드크럼이 웹사이트의 사용자 경로에 대한 충분한 정보를 제공하는지 확인하는 것이 중요합니다. 의미가 없는 빈 링크를 피하기 위해 트레일의 마지막 항목을 제외한 이동 경로 마크업의 모든 요소를 ​​연결합니다. 또한 대비를 추가하고 경로의 현재 페이지를 강조 표시하려면 마지막 항목을 굵게 만들거나 다른 색상으로 강조합니다.

#5 구분 기호로 이동 경로 강조 표시

당신은 확실히 당신의 웹사이트에 있는 이동 경로가 지저분해 보이는 것을 원하지 않을 것입니다. 따라서 이동 경로 탐색의 요소를 분리하고 마크업을 깨끗하고 깔끔한 모양으로 제공하기 위해 최선을 다하십시오. 슬래시, 화살표, 따옴표와 같은 기호를 자유롭게 사용하거나 디자이너에게 적절한 색상의 선이나 탭을 모방한 고유한 레이아웃 스타일로 이동 경로를 강조 표시하도록 요청하십시오.

#6 올바른 빵 부스러기 배치 선택

웹사이트 레이아웃은 높은 수준의 사용자 경험을 제공할 수 있도록 잘 구성되어 있어야 합니다. 각 웹사이트 페이지에는 적절한 크롤링과 다른 페이지 요소의 정확한 위치를 보장하기 위해 일관된 표제 마크업이 있어야 합니다.

예를 들어, H1 표제 위의 영역은 방문자의 시야에 있기 때문에 더 나은 방향 감각을 제공하기 때문에 이동 경로를 배치하기에 가장 좋은 장소입니다. Marks and Spencer 웹사이트는 적절한 이동 경로 배치의 좋은 예입니다.

#7 탐색경로가 현재 사용자의 위치를 ​​표시하는지 확인

웹사이트에 이동 경로를 구현하기 전에 이러한 필수 탐색 요소의 주요 목적을 이해해야 합니다. 브라우저의 뒤로 버튼이 이 작업을 완전히 처리하므로 이동 경로 마크업은 세션 기록을 표시해서는 안 됩니다.

본질적으로 이동 경로는 방문자가 전체 웹 사이트 계층 구조를 정렬하는 데 도움이 되도록 설계되었으므로 이동 경로 탐색이 이 주요 기능을 수행하도록 하는 것이 중요합니다. 귀하의 이동 경로는 귀하의 웹사이트에서 사용자에게 경로를 명확히 해야 하며 그 반대의 경우도 마찬가지입니다.

#8 이동 경로 탐색에서 IA 범주를 사용하지 마십시오.

특정 이동 경로 추적에는 세련된 사이트 탐색을 제공하기 위해 웹 사이트에서 원하는 사용자 경로에 해당하는 유효한 페이지가 포함되어야 합니다. 따라서 각 이동 경로 요소(추적의 마지막 항목 제외)는 사용자를 연결된 페이지로 이동해야 합니다. 이동 경로 마크업은 페이지 간의 원활한 탐색을 목표로 합니다.

사이트의 일부 페이지에 방문할 관련 페이지가 없는 경우 이동 경로 탐색에서 해당 페이지를 피하는 것이 좋습니다. 예를 들어, Victoria's Secret 웹사이트를 살펴보십시오. 기본 사이트 메뉴에는 핸드백 하위 범주가 있는 액세서리 범주가 있습니다.

이 하위 카테고리에는 별도의 페이지가 없습니다. 따라서 이동 경로 추적에는 핸드백이 포함되지 않지만 웹사이트에 연결된 페이지가 있는 유사한 가방 및 액세서리 요소가 포함됩니다.

#9 최고의 빵 부스러기 패딩 및 크기 결정

탐색경로 탐색이 눈에 잘 띄어야 하지만 전체 웹사이트 페이지에서 가장 눈에 띄는 요소를 나타내서는 안 됩니다. 따라서 탐색경로의 패딩과 크기를 고려하여 페이지 스타일에 멋지게 추가할 수 있습니다.

이동 경로 마크업은 사용자의 편의에 관한 것이므로 밝은 악센트와 크고 특이한 글꼴을 피하고 차분하고 균일하게 유지하십시오. 예를 들어 Tommy Hilfiger 웹사이트에는 전체 웹 페이지 레이아웃에 완벽하게 적합하고 페이지 콘텐츠에서 사용자의 주의를 산만하게 하지 않는 깔끔한 탐색 경로가 있습니다.

요약

Breadcrumb 탐색을 사용하면 웹 사이트를 훨씬 더 빠르고 편안하게 이동할 수 있습니다. 이동 경로를 구현하면 사이트 사용성이 크게 향상되고 SEO 성능이 향상될 수 있습니다. 이 가이드가 웹사이트에 이동 경로 마크업을 완벽하게 추가하는 데 도움이 되기를 바랍니다.