사이트 검색 - Webflow 도움말
사이트 검색을 통해 방문자가 원하는 정보를 찾을 수 있도록 사이트에 검색 기능을 추가할 수 있습니다. 필요에 따라 특정 요소, 페이지, 심지어 전체 컬렉션의 콘텐츠를 체크박스를 클릭하여 제외할 수 있습니다. 사이트 검색은 CMS 사이트 플랜 이상에서 사용할 수 있습니다.
사이트 검색 요소
추가 패널에서 사이트 검색 요소를 추가할 수 있습니다. 검색 요소에는 다음이 포함됩니다:
- 검색 (래퍼) — 검색 양식과 제출 버튼을 포함
- 검색 입력 — 방문자가 검색어를 입력하는 곳
- 제출 버튼 — 검색을 제출하는 버튼 ("Enter" 키 제출을 위해 숨길 수 있음)
추가한 후에는 다른 요소와 마찬가지로 검색 요소를 스타일링하고 사용자 정의할 수 있습니다. 플레이스홀더 텍스트를 변경하고 페이지 로드 시 검색 창이 포커스되도록 자동 포커스를 설정할 수 있습니다.
검색 결과 페이지
사이트 검색을 추가하면 페이지 패널 > 유틸리티 페이지 아래에 검색 결과 페이지가 나타납니다. 구조에는 컨테이너 요소, 검색 요소, 결과 목록이 포함되며, 이는 컬렉션 목록처럼 스타일링할 수 있습니다.
검색 결과 구조
검색 결과에는 다음이 포함됩니다:
- 검색 제목 (링크) — 페이지 설정의 검색 결과 제목에서 가져온 콘텐츠를 사용하여 표시됩니다. 이는 해당 페이지로의 링크 역할을 합니다. 컬렉션 페이지의 경우, 제목 콘텐츠는 어떤 필드에서든 가져올 수 있습니다. SEO 설명 및 오픈 그래프 이미지를 사용할 수도 있습니다.
- 페이지 URL (텍스트 블록) — 페이지 슬러그
- 스니펫 (단락) — 검색어가 발견된 문맥 텍스트; 페이지 설정에서 이를 사용자 정의할 수 있습니다. 스니펫 길이를 설정하고 검색 결과 래퍼 요소 설정에서 강조 표시를 켤 수 있습니다.
빈 상태
검색 결과 페이지에는 "결과 없음" 상태가 있습니다. 검색 결과 래퍼 요소 설정에서 결과 없음을 "켜기"로 전환하여 사용자 정의할 수 있습니다.
결과 수 설정
검색 결과 래퍼 요소 설정에서 결과 길이를 설정하여 최대 60개의 검색 결과를 표시할 수 있습니다.
검색 결과 미리보기
결과를 스타일링하는 동안, 검색 결과 래퍼 설정을 통해 다양한 쿼리를 미리 볼 수 있습니다. CMS/비즈니스 사이트 플랜이 활성화되고 사이트가 게시될 때까지는 샘플 결과만 나타납니다. 실제 결과를 보려면 사이트를 게시하여 검색 인덱스를 생성하세요.
추가 사이트 검색 설정
페이지 설정의 검색 설명 필드를 통해 결과에 더 많은 정보를 추가하세요. 예를 들어, 카테고리 표시 등을 추가할 수 있습니다.
페이지 설정에서 검색 이미지를 설정할 수도 있으며, 이는 결과의 이미지 요소에 연결할 수 있습니다.
인덱싱
인덱스는 사이트 검색을 제출할 때 검색 가능한 페이지/콘텐츠를 제어합니다. 검색에서 페이지를 제거하려면 인덱스에서 제거할 수 있습니다.
title: Webflow에서 검색 인덱스 관리하기
excerpt: Webflow 사이트에 검색 엔진 추가 및 인덱스 업데이트 방법
Webflow는 각 사이트에 하나의 검색 엔진만 허용하지만, 여러 페이지에 검색 창을 추가할 수 있습니다.
인덱스 생성 방법
CMS 사이트 플랜 이상을 추가한 후, 사이트를 처음 게시할 때 검색 인덱스가 생성됩니다.
인덱스 업데이트 방법
인덱스를 최신 상태로 유지하는 두 가지 방법:
- 수동 재인덱싱 — 주요 업데이트 후 콘텐츠 새로 고침
- 자동 재인덱싱 — 전체 사이트 게시 후 일정 간격으로 발생
수동 재인덱싱
중요한 변경 후 수행 (CMS 플랜은 24시간마다, 비즈니스 플랜은 12시간마다 가능):
- Webflow에서 사이트 열기
- “기어” 아이콘 클릭하여 설정 패널 열기
- 검색 클릭
- 수동 인덱싱 아래의 지금 인덱싱 클릭
참고: 대형 사이트의 경우 인덱싱에 최대 24시간이 소요될 수 있습니다. 긴급한 경우, 일회성 우선 재인덱스를 위해 지원팀에 문의하세요.
자동 재인덱싱
- CMS 사이트 플랜: 전체 사이트 게시 후 72시간
- 비즈니스 사이트 플랜: 전체 사이트 게시 후 12시간
단일 CMS 항목 게시로는 자동 재인덱스가 발생하지 않으며, 전체 사이트 게시가 필요합니다.
인덱싱 일정 확인 방법:
- Webflow에서 사이트 열기
- “기어” 아이콘 클릭
- 검색 클릭
검색 인덱스 정제하기
기본적으로 대부분의 페이지(구성 요소, 무작위 컬렉션 목록, 유틸리티 페이지 및 비밀번호 보호 콘텐츠 제외)가 인덱싱됩니다. 불필요한 항목을 제외하여 사용자 결과를 정제하세요.
정적 페이지 제외하기
페이지 설정 > 사이트 검색 설정에서 “이 페이지를 사이트 검색 결과에서 제외”를 체크하세요. 인덱스에서 페이지를 제거하려면 재인덱싱하세요.
컬렉션 페이지 제외하기
정적 페이지와 동일: 페이지 설정 > 사이트 검색 설정에서 “이 페이지 제외”를 체크하고 저장한 후 재인덱싱하세요.
컬렉션 페이지를 제외하면 모든 템플릿 페이지가 제거되지만, 다른 곳의 컬렉션 목록에 표시된 콘텐츠는 여전히 검색될 수 있습니다. 필요한 경우 해당 목록에 대해 요소 수준 제외를 사용하세요.
요소 제외하기
반복 요소(예: 내비게이션 바, 푸터, 폼)를 제외하여 관련 없는 결과를 방지하세요. 기본적으로 컴포넌트와 무작위 컬렉션 목록은 제외되며, 메인 컴포넌트에서 이를 무시할 수 있습니다.
특정 요소를 제외하려면: 요소의 설정 > 검색 인덱스 설정 > "사이트 검색 결과에서 콘텐츠 제외" 체크.
부모 요소의 제외 규칙은 자식 요소에도 적용됩니다.
자주 묻는 질문
코드를 내보내면 검색은 어떻게 되나요?
사이트 검색은 내보낸 사이트에서 작동하지 않습니다.
사용자가 무엇을 검색하는지 어떻게 알 수 있나요?
Webflow 사이트 검색을 Google Analytics와 통합하세요.