# 검색 결과 미리보기

<figure><img src="/files/ra3HhiELAoBOrYOv450F" alt=""><figcaption></figcaption></figure>

## 검색 결과 미리보기란? <a href="#d01" id="d01"></a>

* ‘검색 결과 미리보기’는 검색 인스턴스를 선택해서 실제 검색 결과가 어떻게 나오는지 미리 볼 수 있는 페이지입니다.
* 이 페이지에서는 검색어를 입력하면, 설정해둔 검색 조건에 따라 어떤 상품들이 보이는지 확인할 수 있습니다. 예를 들어 "코트"를 검색하면 코트 관련 상품들이 어떤 순서로, 어떤 설명과 함께 보여지는지 직접 확인해볼 수 있습니다.

<figure><img src="/files/kH8Njkp2rEdfZoil3g4o" alt=""><figcaption></figcaption></figure>

### 화면 구성과 사용 방법 <a href="#d02" id="d02"></a>

<figure><img src="/files/BMFq73Kx12fCdZ76y95z" alt=""><figcaption></figcaption></figure>

#### 1. 인스턴스 선택하기

* 먼저 어떤 검색 인스턴스로 테스트할지 골라야합니다.
* ‘인스턴스 선택하기’ 버튼 클릭 시 오른쪽 영역에서 인스턴스 리스트 노출
* 원하는 인스턴스를 클릭
* 선택된 인스턴스 이름을 클릭

<figure><img src="/files/DIM8PZ1CeKdQcACV8lDE" alt=""><figcaption></figcaption></figure>

#### 2. 검색어 입력하기

* 인스턴스를 선택하면 검색어를 입력하여 검색 결과를 미리 확인해볼 수 있습니다.
* 예: “봄 원피스”, “캐시미어 코트”
* 입력 후 **검색 버튼**을 누르거나 Enter 키를 누르면 결과를 확인할 수 있습니다.
* 한 개의인스턴스를 비교하여 확인하거나, 두 개의 인스턴스를 선택해 비교 검색도 할 수 있습니다.

#### 3. 검색 결과 확인창

<figure><img src="/files/4Fwy6oDCr8yC0yZmUooU" alt=""><figcaption></figcaption></figure>

1. 설정: 선택한 인스턴스의 설정 사항을 확인할 수 있고, 검색 설정을 조정해볼 수 있습니다.
2. 창 제어: 창을 키우거나 나눠서 여러 인스턴스 결과를 비교할 수 있습니다. (모바일에선 항상 분할 보기)
3. 닫기: 해당 미리보기 결과 영역의 창을 닫을 수 있습니다

### 검색 결과 화면에서 볼 수 있는 사항 <a href="#d03" id="d03"></a>

<figure><img src="/files/B35bDN3dOz1k3c7wjFEF" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="55.951416015625">No.</th><th width="173.392822265625">항목</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td><strong>검색 결과 설명</strong></td><td>하단의 상품 검색 결과에 대한 AI 설명입니다. </td></tr><tr><td>2</td><td><strong>연관 키워드</strong></td><td>상품 결과의 메타 데이터에서 추출한 연관 키워드입니다. </td></tr><tr><td>3</td><td><strong>제안 질문</strong></td><td>사용자의 검색 의도를 파악하여 다음 질문을 제안합니다. </td></tr><tr><td>4</td><td><strong>AI 코멘트</strong></td><td>검색 결과에 대한 AI 분석 리포트를 미리 볼 수 있습니다. </td></tr><tr><td>5</td><td><strong>상품 검색 결과</strong></td><td>입력한 검색어에 맞는 상품들이 보여집니다.</td></tr></tbody></table>

***

미리보기 화면 우측의 설정 패널에서 검색 로직과 화면 구성을 통합하여 조정할 수 있습니다.

<figure><img src="/files/DdEfdFeC7eqnNLTs9C3b" alt=""><figcaption></figcaption></figure>

* 모든 확인 버튼 클릭 시 적용되어 검색 결과 미리보기 화면에 반영됩니다.
* 설정을 변경한 후, 동일한 검색어로 다시 검색해보면 차이를 바로 확인할 수 있습니다.
* 변경 사항은 실제 인스턴스에 저장되지 않으며 참고용으로 확인해볼 수 있습니다.

### 참고 <a href="#d05" id="d05"></a>

* 인스턴스를 선택하지 않으면 검색이 되지 않습니다.
* 항상 ‘아이템명’은 검색 결과에 필수 항목으로 표기됩니다.
* 항목이 비어있으면 데이터 없음 또는 공란으로 표시됩니다.
* 변경 사항은 실제 인스턴스에 저장되지 않으며 참고용으로 확인해볼 수 있습니다.
* 설정을 변경한 후, 동일한 검색어로 다시 검색해보면 차이를 바로 확인할 수 있습니다.

**검색 결과가 없을 때**

* “상품이 없습니다. 다른 검색어를 입력해 주세요.” 라는 안내를 확인할 수 있습니다.
* 대신 **연관 키워드**를 추천해 확인할 수 있습니다.\
  예: “봄옷” 검색 시 → “봄 자켓”, “봄 원피스” 등


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.genser.ai/ai-search/srp.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.