전자상거래 쇼핑객들은 제품 페이지를 끝없이 스크롤하는 것보다 빠른 검색을 원합니다.
검색 과정이 답답하고 번거롭다면, 매출에 타격을 줄 수 있습니다. 패싯 내비게이션은 제품 검색을 강력하고 쉽게 만들어주지만, 검색엔진 최적화가 제대로 구현되지 않으면 오히려 해가 될 수 있다는 점을 주의해야 합니다.
패싯 내비게이션의 작동 원리와 SEO 과제, 그리고 문제를 확인하고 해결하는 방법을 알아보겠습니다. 웹 트래픽을 늘리고 고객 경험을 개선하기 위한 패싯 내비게이션 구현 모범 사례도 살펴보겠습니다.
패싯 내비게이션이란 무엇인가요?
패싯 내비게이션 또는 패싯 검색은 사용자가 상위 카테고리 내에서 여러 기준(즉, 패싯)을 바탕으로 검색 결과나 제품 목록을 세분화하고 필터링할 수 있게 해주는 웹사이트 시스템입니다.
상위 카테고리는 사용자가 "여성 의류"나 "노트북"과 같은 제품 검색을 위한 관련 매개변수를 설정하는 데 도움을 줍니다. 여기서 패싯 내비게이션을 통해 사용자는 브랜드, 사이즈, 색상, 가격 및 기타 속성을 기반으로 특정 필터를 적용하여 원하는 제품을 찾을 수 있습니다.
패싯 내비게이션은 특히 대규모 제품 카탈로그에서 인기 있는 검색 맞춤화 기법입니다. 대형 전자제품 매장에서 브랜드, 화면 크기, 프로세서 속도, 하드디스크 드라이브 용량, 가격대, 연결 옵션별로 검색을 필터링할 수 없다면 적합한 노트북을 찾기 얼마나 어려울지 상상해 보세요. 선택지가 무궁무진해 보일 수 있습니다. 패싯 내비게이션을 통해 고객은 실시간으로 결과를 조정하는 필터를 적용할 수 있습니다.
예를 들어 아마존(Amazon)은 패싯 내비게이션 옵션을 웹사이트에서 눈에 띄게 배치하며, 일반적으로 검색 결과 페이지의 왼쪽에 위치시킵니다. 이를 통해 쇼핑객들이 패싯 내비게이션에 쉽게 접근할 수 있습니다. 자신의 전자상거래 웹사이트에 패싯 내비게이션을 구현하는 방법을 알아보려면 성공적인 전자상거래 브랜드의 훌륭한 사례들을 확인해 보세요.
패싯 내비게이션은 어떻게 작동하나요?
패싯 내비게이션을 구현하기 위해 스토어 운영자는 검색 가능한 데이터베이스에 포함할 패싯을 선택하여 검색 결과를 세분화합니다. 그런 다음 사이트 관리자가 이러한 패싯을 제품 목록에 할당하여 제품 검색 페이지에 표시되도록 합니다.
예를 들어, New Balance의 사이즈 8(260mmm)인 흰색 러닝화가 가격이 120달러(약 17만 4,660원)라면, 다음과 같은 패싯과 값이 할당됩니다. “색상: 흰색, 사이즈: 8, 브랜드: 뉴발란스, 가격대: 80~100달러(약 11만 6,440원~14만 5,550원)”와 같은 패싯과 값이 할당됩니다. Timberland의 사이즈 13(310mm)인 갈색 등산화와 같은 다른 신발 유형에는 다른 패싯 값이 할당됩니다.
검색에 패싯 세분화가 추가되면 URL 매개변수로 추가됩니다. 고객이 많은 필터링 옵션을 추가할 때마다 여러 매개변수가 핵심 URL에 덧붙여집니다. 예를 들어, 운동복 URL에는 다음과 같은 매개변수가 포함될 수 있습니다.
https://www.kickscrew.com/collections/nike?sizes=10.5&sizes=10&genders=MENS
일부 구현에서는 다음과 같이 새로운 URL이 생성됩니다.
https://store.com/collections/nike/mens/xl/black/
고객이 필터를 적용하면 패싯 내비게이션이 동일한 웹페이지의 콘텐츠를 동적으로 업데이트하여 고객의 필터링된 선택사항을 반영합니다. URL이 필터를 반영하도록 업데이트될 수 있지만, 기본 웹페이지는 변경되지 않습니다.
패싯 내비게이션의 장점
패싯 내비게이션을 통해 쇼핑객들은 원하는 제품을 빠르게 찾을 수 있도록 검색 옵션을 맞춤 설정할 수 있습니다. 구체적으로 패싯 내비게이션은 다음과 같은 기능을 제공합니다.
- 사용성 개선. 패싯 내비게이션을 통해 고객은 원하는 것을 찾는 시간을 절약하고, 원하지 않는 카테고리와 옵션을 걸러낼 수 있습니다. 더 많이 참여하는 쇼핑객은 더 높은 전환율로 이어집니다.
- 고객에게 더 많은 제품 유형 노출. 패싯을 사용하면 고객이 눈치채지 못했을 수도 있는 브랜드와 옵션을 노출시킬 수 있습니다. 쇼핑 경험에 약간의 우연한 발견을 추가하는 것으로 생각해 보세요.
- 대규모 웹사이트의 확장성 향상. 기존 프레임워크에 필터 옵션을 추가함으로써 제품 카탈로그가 확장될 때 내비게이션 메뉴의 완전한 재설계 없이도 새로운 제품 카테고리를 원활하게 통합할 수 있습니다.
패싯 내비게이션이 야기할 수 있는 문제
패싯 내비게이션은 SEO에 의도치 않은 부정적인 결과를 가져올 수 있습니다. 각 문제는 또 다른 문제로 이어져 악순환을 발생시킵니다. 이러한 현상들이 어떻게 발생하는지 자세히 알아보겠습니다.
1. 중복 콘텐츠
패싯 내비게이션은 제품 검색을 세분화하기 위해 거의 무한한 옵션 조합을 제공할 수 있지만, 이러한 강점이 약점이 될 수도 있습니다. 많은 필터 조합으로 인한 과도한 URL 변형은 검색엔진과 SEO 노력을 방해할 수 있습니다. 유사한 콘텐츠를 가진 여러 페이지는 Google이 이러한 페이지를 그다지 유익하지 않다고 판단하여 웹사이트 트래픽을 감소시킬 수 있습니다. 검색엔진 관점에서 이들은 쓸모없는 URL로 간주됩니다.
패싯 내비게이션이 중복된 페이지 콘텐츠를 가진 여러 페이지를 생성하는 경향이 있다면 SEO에 해를 끼칠 수 있습니다. 동일한 키워드를 가리키는 유사한 콘텐츠를 가진 여러 URL은 검색엔진을 혼란스럽게 합니다. 검색엔진은 순위를 매길 "최고의" 페이지를 선택하는 데 어려움을 겪어 타겟 키워드에 대한 웹사이트 성능을 약화시킵니다.
2. 링크 희석
패싯 내비게이션이 특정 필터 선택에 대한 페이지 콘텐츠의 중복 버전을 가진 URL을 생성할 때, 이러한 페이지들의 모든 링크가 SEO 문제를 일으킬 수 있습니다. 검색엔진이 이러한 내부 링크들에 인덱싱 노력을 너무 얇게 분산시켜 어떤 페이지도 검색 결과에서 좋은 순위를 차지할 만큼 충분한 관련성과 권위를 축적하기 어렵게 만들 수 있습니다.
3. 크롤링 예산 낭비
검색엔진이 웹사이트를 크롤링할 때 시간과 자원은 제한적입니다. 잘못된 패싯 내비게이션 구현은 생각할 수 있는 모든 패싯 조합에 대해 URL 링크가 생성되도록 할 수 있습니다. 이 경우 검색엔진 크롤러가 사이트를 크롤링하다가 갇히게 되어 가장 가치 있는 사이트 페이지가 간과되고, 결과적으로 유기적 검색 성능이 저하될 수 있습니다.
패싯 내비게이션 문제 확인 방법
패싯 내비게이션이 중요한 페이지에 유리하게 작동하는지 평가하는 방법은 다음과 같습니다.
1. 패싯 내비게이션 구현 방식 이해
사이트 관리자와 협력하여 사이트가 패싯 내비게이션을 어떻게 구현하는지 파악하세요. 패싯이 카테고리 페이지에만 사용되는지 아니면 블로그와 같은 다른 사이트 영역에도 사용되는지 확인하세요. 패싯이 브랜드 먼저, 가격 두 번째와 같이 일관되고 질서정연하게 카테고리 페이지 URL에 추가되는지 확인하세요. 사용자가 추가할 수 있는 패싯 수에 제한이 있는지 확인하세요. 사용자가 검색 필드에 키워드를 입력하여 패싯을 추가할 수 있는지 확인하세요.
제한이 없다면 사이트가 패싯 페이지로 과부하될 수 있습니다.
2. 고가치 페이지의 유기적 검색 트래픽 분석
Google 애널리틱스를 사용하여 가장 가치 있는 페이지, 즉 가장 많은 유기적 트래픽을 유치하는 페이지를 식별하세요. 검색어 및 검색 결과 페이지와 같은 주요 보고서는 제품 목록에서 사용자 쿼리와 행동을 보여줍니다. 이탈률, 페이지 체류 시간, 전환율과 같은 지표에 집중하여 사용자 참여도를 측정하세요. 사용자가 가장 많이 적용하는 필터와 이러한 필터가 전환에 어떤 영향을 미치는지 확인하기 위해 검색 패싯 보고서가 있는지 확인하세요.
트래픽을 유도하지 않는 URL을 분석하세요. Google Search Console의 인덱스 범위 보고서와 Google 애널리틱스의 유기적 트래픽 보고서를 비교하면 Google이 크롤링하고 있지만 인덱싱과 유기적 트래픽에 반드시 우선순위를 두지 않는 URL을 더 잘 파악할 수 있습니다.
3. 크롤링 낭비 조사
중복 콘텐츠, 페이지 찾을 수 없음 오류, 끝없는 변형을 가진 무한 URL과 같은 부정적인 신호를 찾으세요. 이들은 검색엔진에 과부하를 주고 크롤링 낭비로 이어질 수 있습니다.
이를 위해 Google 검색으로 가서 "site:" 다음에 도메인 이름을 입력하세요. 검색 결과 수가 콘텐츠 관리 시스템(CMS)이나 XML 사이트맵에서 찾은 실제 페이지보다 현저히 많다면, 패싯 필터가 원인일 수 있으며 조사해야 합니다. 과도한 URL 변형을 생성하고 있을 수 있습니다.
Google Search Console을 사용하여 Google이 인덱싱하는 URL을 확인할 수 있습니다. Google Search Console 대시보드에서 왼쪽 메뉴의 “인덱싱”을 클릭한 다음 “커버리지”를 선택하세요. 성공적으로 인덱싱되어 검색 결과에 나타날 수 있는 URL을 보여주는 유효 카테고리를 찾으세요.
XML 사이트맵을 Google Search Console에 업로드하고 두 가지 URL 유형을 비교하세요. "인덱싱됨, 사이트맵에 제출되지 않음"과 "제출되고 인덱싱됨"을 비교해 보세요. "인덱싱됨, 사이트맵에 제출되지 않음" 수치는 원하지 않는 페이지의 인덱싱 횟수를 나타냅니다. 제외된 URL, 즉 "크롤링됨 - 현재 인덱싱되지 않음" URL을 필터링할 때 다른 문제 지표가 나타날 수 있습니다.
패싯 내비게이션 구현 팁
효과적인 패싯 내비게이션을 위한 각 모범 사례는 두 가지 목표에 의해 진행됩니다. 사용자가 사이트를 어떻게 검색하는지 파악하고 검색엔진이 URL을 어떻게 크롤링하고 해석하는지 이해하는 것입니다.
패싯 및 필터 옵션 관리
고객이 다양한 옵션 조합으로 패싯 검색을 세분화한 다음 사이트의 다른 페이지로 이동할 때, 패싯 내비게이션은 모든 것을 다시 선택하는 것을 피하기 위해 선택한 필터를 기억해야 합니다.
필터 옵션을 반영하는 URL 매개변수나 브라우저 쿠키(세션 간 사용자 기본 설정을 기억하는 사용자 기기에 저장된 작은 데이터 조각)로 이를 관리하세요. 일반적으로 세션이 끝나면 재설정되거나 삭제되는 사용자 작업과 데이터를 임시로 저장하는 세션 ID에만 의존해서는 안 됩니다. 대신 웹사이트 인터페이스의 일부로 패싯 내비게이션을 사용하세요. 모든 세션에서 모든 사용자에게 제공되는 일관되고 구조화된 제품 검색 및 필터링 접근 방식을 제공합니다.
브랜드와 가격과 같은 패싯은 일반적으로 모든 카테고리에 구현되지만, 다른 특별한 패싯은 특정 제품 카테고리에만 적용되어야 합니다. 예를 들어, 방 유형(거실, 식당 등)은 가구 카테고리에는 관련이 있지만 의류에는 해당되지 않습니다. 경쟁사 사이트의 패싯 옵션과 일반적인 키워드 검색을 비교하여 적절한 패싯과 필터의 올바른 조합을 개발하세요.
고객이 제품을 검색하기 위해 텍스트를 입력하는 경우, 이러한 사용자 생성 값이 URL 매개변수로 나타나면 검색 순위에 해를 끼칠 수 있습니다. 이런 종류의 무제한 필터링 대신, "빨간색", "검은색", "파란색" 등과 같은 미리 정의된 패싯 옵션을 표시하여 URL 수가 끝없이 증가하는 것을 방지하고 웹사이트 크롤링을 더 어렵게 만드는 것을 막을 수 있습니다.
주관적 패싯 유형 추가
고객이 어떻게 탐색하는지에 대해 창의적으로 생각하면 제품의 객관적 특성보다는 덜 객관적인 패싯 유형을 발견할 수 있습니다. 예를 들어, 고객이 제품 카탈로그를 더 주관적으로 분류할 수 있도록 테마 필터를 추가할 수 있습니다.
좋은 예로는 계절별 옵션(예: 여름, 겨울), 휴일, 가정생활, 직장 등을 추가하는 것입니다. 이는 스토어를 더 캐주얼하게 탐색하는 방법입니다. 제품에 충분한 리뷰가 있다면 고객 리뷰와 평점을 위한 패싯도 가능합니다.
패싯 표시 옵션 최적화
패싯은 어디에 나타나야 할까요? 가장 일반적인 위치는 페이지 왼쪽에 세로로 배치하는 것입니다.
링크, 체크박스, 드롭다운, 슬라이더, 입력 필드 등 패싯 필터를 표시하는 여러 방법이 있습니다.
예를 들어, 제품 카테고리와 브랜드명에는 체크박스가 적절할 수 있고, 가격대에는 슬라이더가 적절할 수 있습니다. 접을 수 있는 메뉴 옵션을 통해 사용자는 취향에 따라 패싯 메뉴를 확장하고 축소할 수 있어 더 간소하고 덜 산만한 사용자 경험을 제공합니다. 다중 옵션 선택 기능은 반복적인 검색의 번거로움을 덜어줄 수 있습니다.
고객이 필터 옵션을 선택했는데 아무것도 나타나지 않으면 짜증 날 수 있습니다. 좌절감을 피하기 위해 사용 가능한 패싯 옵션은 굵게 표시하고 결과가 없는 패싯은 회색으로 표시하세요.
패싯 값을 논리적으로 정렬하는 방법을 결정하세요. 예를 들어, 브랜드의 경우 알파벳 순서가 합리적이지만, 가격과 사이즈 패싯의 경우 오름차순 또는 내림차순으로 정렬하세요.
패싯 값 표시 방법 결정
고객의 패싯 값은 선택되지 않은 값과 구별되어야 합니다. 다음은 다양한 접근 방식입니다.
- 인라인. 패싯 자체 내에 표시되는 선택된 값. 예를 들어, 옆에 체크박스가 있는 굵은 글씨를 말합니다.
- 브레드박스. 선택된 패싯 값이 직사각형 "브레드박스" 영역에 표시됩니다. 패싯은 "휴일: 할로윈" 및 "사이즈: XL"과 같이 값과 함께 제시됩니다.
- 브레드크럼 트레일. 선택된 패싯 값이 수평 경로를 따라 흩어져 있습니다. 고객이 더 많은 패싯을 선택하면 트레일에서 각 값을 제거할 수 있는 X 기호와 함께 트레일에 추가됩니다.
- 통합 패싯 브레드크럼. 브레드크럼 트레일과 매우 유사하게 작동하지만, 각 브레드크럼 값은 드롭다운 목록을 사용하여 변경할 수 있습니다.
패싯 URL에 표준 인코딩 사용
패싯 내비게이션 필터가 적용되면 추가 정보(매개변수)가 주소 표시줄의 URL에 추가됩니다.
웹 브라우저와 검색엔진의 일관된 해석을 허용하기 위해 URL 내에서 문자를 인코딩하는 명확한 방법이 있습니다. 문자 인코딩은 문자(a-z, A-Z), 숫자(0-9), 하이픈(-), 밑줄(_), 마침표(.), 콜론(:), 등호(=), 물음표(?)와 같은 몇 가지 기호를 허용합니다.
공백과 특수 문자와 같은 제한된 문자는 백분율 기호 %와 두 자리 16진수 코드(16진법)를 사용하여 인코딩해야 합니다. 예를 들어, 공백은 %20입니다. URL 인코딩은 일반적인 관행이지만, 사용자 경험과 SEO를 개선하기 위해 URL을 가능한 한 사람이 읽을 수 있게 유지하는 것이 일반적으로 권장됩니다.
패싯 내비게이션 URL의 비표준 인코딩은 검색엔진이 URL의 구조와 의미를 이해하기 어렵게 만들 수 있습니다. 이는 비표준 특수 문자나 매개변수 내에서 필터값을 분리하는 사용자 정의 구분 기호의 형태를 취할 수 있습니다.
검색엔진이 패싯 내비게이션에 의해 생성된 URL을 해석할 수 없다면, 페이지를 인덱싱하지 않거나 다른 필터링된 변형 간의 관계를 이해하지 못해 사이트의 SEO를 방해할 수 있습니다.
패싯 내비게이션 문제 예방 및 해결 팁
패싯 내비게이션이 SEO에 미치는 영향을 이해한 후, 웹페이지의 인덱싱 속성을 개선하기 위한 다음 팁을 고려해 보세요.
인덱스 없는 태그 사용
인덱스 없는 메타 태그는 검색 엔진 봇에게 인덱스에 포함하지 말아야 할 페이지를 알려줍니다. 향이 나는 캔들이 있는 패싯 페이지는 인덱스에 포함하고 싶지만 "20달러(약 2만 9,110원) 미만"과 같은 더 세분화된 패싯은 인덱싱하고 싶지 않다고 가정해 보세요. 페이지 헤더에 다음과 같은 인덱스 없는 태그를 추가할 수 있습니다.
<meta name="robots" content="noindex">.
봇은 말 그대로 페이지를 인덱싱하지 않는다는 장점이 있지만, 여전히 페이지 크롤링은 하기 때문에 크롤링 예산을 낭비할 수 있으며, 링크 자산 희석을 줄이는 데 도움이 되지 않습니다.
robots.txt 파일 맞춤화
사이트의 일부 섹션을 허용하지 않으면 크롤링 확산을 완화할 수 있습니다. 봇이 사이트를 크롤링하기 전에 고려하는 robots.txt 파일에 "disallow" 지시를 추가하세요. robots.txt 파일을 편집하는 것은 비교적 쉽지만, 봇이 이러한 규칙을 따를 의무가 없다는 점을 기억하세요.
캐노니컬 태그 사용
캐노니컬 태그는 사용자에게 직접 표시되지 않고 웹페이지 HTML 코드의 헤드 섹션 내에 나타납니다. 캐노니컬 태그는 Google에게 유사한 페이지 세트에 선호하는 페이지 버전이 하나만 있다고 알려줍니다. 이러한 캐노니컬 URL은 링크 권위를 통합하는 좋은 방법이지만, 크롤 예산 낭비 문제를 해결하는 데는 많은 도움이 되지 않습니다. 또한 검색엔진이 캐노니컬 태그를 무시할 수 있으므로 다른 접근 방식과 함께 사용해야 합니다.
AJAX 클라이언트 사이드 내비게이션 구현
AJAX(비동기 자바스크립트 및 XML)는 전체 페이지를 다시 로드하지 않고도 웹페이지가 콘텐츠를 업데이트할 수 있게 해주는 웹 개발 기법 세트로, 더욱 반응성이 뛰어난 브라우징 경험을 만들어줍니다. AJAX는 사용자가 페이지를 방문하고 하나 이상의 필터를 선택할 때 필터링된 패싯에 대한 새 URL을 생성하지 않는 클라이언트 사이드 자바스크립트를 사용합니다. 이는 내부 링크를 줄여줍니다.
롱테일 키워드 검색 인덱싱
검색 수요는 검색량은 적지만 전환율은 높은 더 세밀한 검색인 롱테일 쿼리를 더 많이 발견할 수 있습니다. SEO 분석 도구를 사용하여 인기 있는 키워드 검색어를 식별한 다음, 일치하는 패싯 페이지를 선택하고 인덱싱 가능한 URL로 만드세요.
정확한 접근 방식은 웹사이트에서 패싯 내비게이션이 어떻게 구현되는지에 따라 달라집니다. 최종 목표를 염두에 두세요. 롱테일 키워드를 사용하여 사람들이 검색하는 가장 인기 있는 용어와 검색엔진이 결과 페이지를 어떻게 크롤링하고 인덱싱하는지 이해해야 합니다.
*환율: 2025년 11월 기준
패싯 내비게이션 FAQ
패싯 검색의 예시는 무엇인가요?
Kicks Crew 스토어프론트는 간소화된 브라우징 경험을 제공합니다. Nike 컬렉션을 선택할 때, 사용자는 사이드바에서 제품 카테고리, 성별, 사이즈, 유형, 가격대, 색상, 출시 연도와 같은 여러 필터를 사용할 수 있습니다. 성별 하위의 "남성"과 같은 각 선택을 통해 사이즈, 신발 유형, 가격별로 패싯을 더욱 세분화할 수 있으며, 각 사양에 따라 제품 목록이 동적으로 업데이트됩니다.
패싯 내비게이션이 SEO에 제시하는 과제는 무엇인가요?
패싯 내비게이션은 고객에게는 도움이 되지만, 전체 SEO 강도를 약화시킬 수 있는 중복 콘텐츠 페이지, 검색엔진이 가장 중요한 콘텐츠 대신 중복 페이지를 크롤링하는 데 너무 많은 시간을 소비하는 크롤 예산 낭비, 백링크가 너무 많은 원하지 않는 URL에 분산되는 링크 자산 희석과 같은 SEO 과제를 제시합니다.
패싯 검색과 필터링의 차이점은 무엇인가요?
패싯 검색은 사용자가 브랜드, 가격, 색상과 같은 여러 속성을 적용하여 전자상거래 사이트의 검색 결과를 세분화할 수 있게 해줍니다. 필터링은 유사하지만, 일반적으로 검색 쿼리에서 시작하지 않고 전자상거래 사이트의 기존 목록이나 카테고리를 좁히는 것을 포함합니다.
