> ## Documentation Index
> Fetch the complete documentation index at: https://docs.noimosai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 웹 사이트 작성 및 개선

> NoimosAI를 활용하여 구매·예약·문의로 이어지는 웹사이트를 작성·개선합니다.

NoimosAI를 활용하여 상품이나 서비스의 가치가 전해져 구매·예약·문의로 이어지는 웹사이트를 작성·개선합니다. 새롭게 웹사이트를 만드는 경우뿐만 아니라 이미 공개하고 있는 웹사이트를 정돈하고 싶은 경우에도 이용할 수 있습니다.

웹사이트의 구축과 개선은, 다음의 3개의 공정으로 진행합니다.

1. 고객 행동으로 이어지는 웹 사이트를 만들고 개선합니다.
2. 검색 엔진과 AI를 읽을 수 있는 토대를 정돈한다
3. 고객의 행동을 바탕으로 개선

전반[웹사이트 구축의 기본](#웹사이트-구축의-기본-이해)각 단계에 필요한 사고 방식을 설명하고 후반부[NoimosAI에서 실천하는 방법](#noimosai로-웹사이트-만들기-및-개선)에서 구체적인 진행 방법을 안내합니다.

## 웹사이트 구축의 기본 이해

새로 웹사이트를 만들려면 누구에게 무엇을 알리고 어떤 행동으로 이어질 것인지 결정한 다음 빌드합니다. 이미 웹사이트가 있는 경우 동일한 관점에서 내용과 리드를 확인하여 누락된 부분을 정리합니다.

그러면 검색엔진과 AI가 내용을 읽을 수 있도록 기술적인 설정을 갖추어 공개 후 데이터를 바탕으로 개선을 계속합니다.

### 1. 고객의 행동으로 이어지는 웹사이트를 작성·개선한다

먼저 대상 고객, 전달 가치, 웹사이트에서 완료해야 하는 행동을 결정합니다. 페이지를 연 고객이 '자신과 관계가 있다', '유용하다'고 느끼고, '다음에 무엇을 해야 할지'를 알 수 있는 웹사이트를 목표로 합니다.

특히,<Tooltip tip="페이지를 연 직후 스크롤하지 않고 보이는 범위입니다.">**퍼스트뷰**</Tooltip>그럼, 다음의 3점이 전해지도록(듯이) 합니다.

* 누구를 위한 상품·서비스인가
* 어떤 고민을 해결하고 어떤 변화를 얻을 수 있습니까?
* 구매, 예약, 문의 등 다음에 무엇을 해야 하는가?

페이지를 읽은 고객이 불안을 해소하고 행동을 결정할 수 있도록 다음 내용을 준비합니다.

| 준비하는 내용                                                                                                | 구체적으로 전하는 것                             |
| ------------------------------------------------------------------------------------------------------ | --------------------------------------- |
| 상품·서비스 설명                                                                                              | 특징뿐만 아니라, 이용하면 무엇이 바뀌는지를 전한다            |
| 이용 방법·흐름                                                                                               | 신청부터 이용 개시까지의 순서나 소요 시간을 나타낸다           |
| 신뢰 재료                                                                                                  | 실적, 이용자의 목소리, 사례, 운영자 정보, 보안 등          |
| 요금·이용 조건                                                                                               | 요금, 계약기간, 배송비, 취소조건 등 판단에 필요한 조건을 표시    |
| <Tooltip tip="Frequently Asked Questions의 약자. 고객으로부터 자주 묻는 질문과 답변을 정리한 항목입니다.">**FAQ(FAQ)**</Tooltip>  | 구매나 이용 전에 자주 묻는 질문에 답변하기                |
| <Tooltip tip="구매, 예약, 문의 등 고객에게 다음 행동을 촉구하는 버튼과 링크입니다. Call To Action의 약자입니다.">**CTA(행동환기)**</Tooltip> | 구입, 예약, 문의 등, 다음의 행동으로 진행하는 버튼이나 링크를 둔다 |

내용이 적은 경우는 1 페이지내의 섹션으로서 정리해, 상품수나 설명 내용이 많은 경우는 페이지를 나눕니다. 페이지 수를 늘리는 것보다 고객이 필요한 정보로 망설이지 않고 진행하도록 구성하는 것이 중요합니다.

### 2. 검색 엔진과 AI를 읽을 수 있는 토대를 정돈한다

그런 다음 검색 엔진과 AI가 중요한 페이지를 발견하고 콘텐츠를 올바르게 이해할 수 있도록 웹 사이트의 설정과 구조를 정리합니다. 새로 만드는 웹사이트뿐만 아니라 이미 공개한 웹사이트에서도 확인이 필요합니다.

검색엔진과 AI가 중요한 페이지를 발견하고 내용을 이해할 수 있도록 페이지끼리의 경로, 취득되는 정보, URL, 이용의 용이성을 나누어 확인합니다. 다음 표를 위에서 확인하면 발견되지 않는 문제와 발견 후 제대로 읽을 수 없는 문제를 구분할 수 있습니다.

| 검색 · AI에서 찾을 수 있도록 준비하는 대상 | 공개 페이지에서 할 일                                                                                                                                                                                                                                                        |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 중요한 페이지로의 경로               | 네비게이션과<Tooltip tip="같은 웹 사이트 내의 페이지를 연결하는 링크입니다.">**내부 링크**</Tooltip>를 정리하고 톱 페이지에서 중요한 페이지로 넘어가도록 한다.<Tooltip tip="웹 사이트의 주요 URL과 업데이트 정보를 검색 엔진에 전달하는 목록 파일입니다.">**sitemap.xml**</Tooltip>에도 공개 페이지를 게재한다                                                         |
| 페이지 검색 설정                  | <Tooltip tip="검색엔진 등에 액세스하여 좋은 장소와 제한하는 장소를 알려주는 파일입니다.">**robots.txt**</Tooltip>야<Tooltip tip="검색 엔진에, 그 페이지를 검색 결과에 등록하지 않게 전하는 설정입니다.">**noindex**</Tooltip>확인하고 게시하려는 페이지를 검색 엔진이나 AI에서 검색할 수 있도록 합니다.                                                          |
| 올바른 URL 지정                 | <Tooltip tip="비슷한 내용의 URL이 복수 있는 경우에 검색 엔진에 우선하는 URL을 전하는 설정입니다.">**canonical 설정**</Tooltip>중복 URL을 정리하고,<Tooltip tip="브라우저와 웹사이트 간의 통신을 암호화하여 공개하는 방식입니다.">**HTTPS**</Tooltip>, 끊어진,<Tooltip tip="이전 URL 등에 대한 액세스를 새 URL로 자동 전송하는 설정입니다.">**리디렉션**</Tooltip>문제 수정 |
| 페이지 내용 정리                  | 페이지 제목, 제목, 본문을 이해하기 쉽게 구성하고 필요에 따라<Tooltip tip="회사, 상품, 기사등의 정보를, 검색 엔진이나 AI가 이해하기 쉬운 정해진 형식으로 기술하는 데이터입니다.">**구조화된 데이터**</Tooltip>설정                                                                                                                              |
| AI가 참조하는 공식 정보             | 상품명, 요금, 기능, 이용 방법 등의 표기를 통일하고, 필요에 따라<Tooltip tip="AI에 웹 사이트의 중요한 정보와 페이지를 안내하는 텍스트 파일입니다.">**llms.txt**</Tooltip>으로 안내하기                                                                                                                                          |
| 표시 및 조작의 용이성               | 스마트폰으로 읽기 쉽고 조작하기 쉬운 표시로 하고, 페이지의 로딩을 빠르게 한다                                                                                                                                                                                                                        |

웹사이트 전체의 토대를 정돈한 후, 검색 키워드에 맞춘 기사의 작성이나 순위의 개선은[SEO로 검색 유입 증가](/ko/playbooks/consumer/seo), AI 답변에서의 언급과 인용을 늘리는 노력은[GEO에서 AI 검색에서 찾을 수 있습니다.](/ko/playbooks/consumer/geo)에서 계속합니다.

### 3. 고객의 행동을 바탕으로 개선

공개 후에는 고객이 어디에서 방문하여 어느 페이지를 읽고 구매, 예약, 문의로 진행되었는지 확인하여 개선합니다. 데이터를 검토하고 실제 행동에서 문제가 있는 위치를 확인합니다.

확인할 주요 데이터에는 다음이 포함됩니다.

* 검색, SNS, 광고, AI 서비스 등 고객이 방문한 경로
* 잘 읽은 페이지와 거의 읽지 않은 페이지
* CTA 클릭수
* 구매, 예약, 문의 등<Tooltip tip="웹사이트에서 목적으로 설정한 구매, 예약, 문의 등의 행동 완료입니다.">**전환**</Tooltip>수
* 도중에 떠난 페이지 및 입력 양식
* 검색결과에서 조회수, 클릭수, 게재순위

데이터에서 발견되는 상황과 처음 확인하는 부분은 다음과 같습니다.

| 데이터에서 알 수 있는 상황       | 먼저 확인할 부분                   |
| --------------------- | --------------------------- |
| 웹사이트 방문이 적음           | 검색 및 AI 검색에서 표시, 콘텐츠, 유입 경로 |
| 방문했지만 CTA를 누르지 않음     | 첫 번째 보기, 가치 설명, 신뢰 자료, CTA  |
| CTA는 누르지만 완료되지는 않습니다. | 양식, 예약 화면, 결제 화면, 입력 항목     |
| 특정 페이지에서 이탈이 많음       | 정보 부족, 문장 및 구성, 표시 속도       |
| 스마트폰에서 실적이 낮음         | 문자 크기, 버튼, 레이아웃, 조작성        |

한 번에 여러 위치를 변경하면 어떤 수정이 결과로 이어졌는지 쉽게 판단할 수 없습니다. 영향이 큰 문제에서 수정하고 변경 전후의 숫자를 비교합니다.

### 웹사이트 구축에 사용할 수 있는 앱

NoimosAI로 웹사이트를 만드는 것만으로는 앱 연동이 필요하지 않습니다. 게시 후 행동과 검색 상태를 분석하려면 다음 앱을 함께 사용하세요.

<div style={{ display: "flex", flexDirection: "column", gap: "12px", margin: "18px 0" }}>
  <div style={{ display: "flex", alignItems: "flex-start", gap: "10px" }}>
    <img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-analytics.webp?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=5decc2b46e733583d74874463cb8ffb6" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", display: "inline-block", objectFit: "contain", flex: "0 0 16px", margin: "4px 0 0" }} width="80" height="80" data-path="public/help-center/integrations/icons/google-analytics.webp" />

    <div><strong>Google Analytics</strong>: 유입경로, 열람 페이지, CTA, 구매·예약·문의 등 웹사이트 내에서 고객 행동을 취득합니다. 고객의 행동을 바탕으로 개선하는 공정에서 사용합니다.</div>
  </div>

  <div style={{ display: "flex", alignItems: "flex-start", gap: "10px" }}>
    <img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-search-console.png?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=dea6b216368968e3a75e560af0cd6374" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", display: "inline-block", objectFit: "contain", flex: "0 0 16px", margin: "4px 0 0" }} width="573" height="512" data-path="public/help-center/integrations/icons/google-search-console.png" />

    <div><strong>Google Search Console</strong>：<Tooltip tip="검색엔진에 실제로 입력된 단어입니다.">**검색어**</Tooltip>, 조회수, 클릭 수, 게재 순위, 페이지 검색 결과<Tooltip tip="검색 엔진이 페이지의 내용을 정리하고 검색 결과에 표시할 수 있도록 등록하는 처리입니다.">**색인**</Tooltip>되고 있는지를 가져옵니다. Web 사이트의 토대를 정돈하는 공정과, 공개 후의 개선으로 사용합니다.</div>
  </div>
</div>

## NoimosAI로 웹사이트 만들기 및 개선

NoimosAI는 웹 사이트를 만들고 기존 사이트를 채팅하여 분석하고 게시 후 분석을 상담원에서 정기적으로 수행합니다.

채팅에서 안내를 입력하는 방법은[자신의 프롬프트 입력](/ko/help-center/chat/enter-your-own-prompt)를 참조하십시오.

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/website-chat-prompt.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=469c7742929a2ffeac20a3f77eed2862" alt="NoimosAI 채팅에서 웹사이트 작성 지침을 입력하는 화면" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="1688" height="856" data-path="public/playbooks/consumer/website-chat-prompt.png" />

프롬프트에서 목적과 조건을 전달하여 상담원을 만들려면,[채팅에서 상담원 만들기](/ko/help-center/ai-team/create-a-trigger-from-chat)를 참조하십시오. 설정 화면에서 각 항목을 수동으로 입력하는 경우,[처음부터 에이전트 만들기](/ko/help-center/ai-team/create-an-agent-from-scratch)에서 확인할 수 있습니다.

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/website-create-agent.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=5b5ac8da5362b21c0bb9b64b22a9d423" alt="NoimosAI에서 웹사이트 월별 분석 에이전트 만들기 화면" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1556" data-path="public/playbooks/consumer/website-create-agent.png" />

### 1. 고객의 행동으로 이어지는 웹사이트를 작성·개선한다

새 웹사이트를 만드는 경우 대상 고객, 제공하는 가치, 주요 CTA를 채팅에 입력합니다. NoimosAI는 페이지 구성, 문장 및 디자인을 생성하기 때문에 생성된 웹사이트를 미리 보면서 조정합니다.

#### 새로 만들 때 프롬프트

```text theme={null}
[상품·서비스]웹 사이트를 만드십시오.

대상 고객은[대상 고객]입니다.[고객의 고민]해결하고,[이용 후 얻은 변화]말해주세요. 주요 CTA는[구입·예약·문의 등]입니다.

첫 번째 뷰에서 대상 고객, 해결할 수 있는 문제, 얻은 변화, CTA를 확인하세요. 상품·서비스의 설명, 이용 방법, 신뢰 재료, 요금, FAQ, CTA를 포함해, 스마트폰에서도 사용하기 쉬운 웹 사이트를 작성해 주세요.
```

작성한 후 대상 고객과 가치가 첫 화면에서 전달되는지, 필요한 정보가 갖추어져 있는지, CTA까지 망설이지 않고 진행되는지 확인합니다. 문장과 구성을 수정하고 컴퓨터와 스마트폰 미리보기를 확인한 다음 게시합니다. 자세한 내용은 [ 새 웹 사이트 만들기 ](/ko/help-center/website/create-and-edit-website)를 참조하십시오.

이미 웹사이트가 있는 경우 URL을 채팅에 입력하여 가치를 전달하는 방법과 고객이 행동할 때까지 리드를 확인합니다.

#### 기존 웹사이트를 준비할 때 프롬프트

```text theme={null}
[ 웹사이트 URL ]을 분석하여 대상 고객, 제공하는 가치, 주요 CTA를 알기 쉽게 전달하고 있는지 확인합니다.

 누락된 설명, 신뢰 자료, FAQ, 이해하기 어려운 도선을 확인하고 구매, 예약, 문의로 이어지기 쉬운 페이지 구성 및 문장을 제안합니다.
```

<img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/website/website-builder-overview.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=be6b42ecd9918acf5958b9f9d8f415e1" alt=" NoimosAI 웹사이트 작성 화면 " style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1554" data-path="public/help-center/website/website-builder-overview.png" />

URL만 입력해도 분석과 개선안을 작성할 수 있습니다. NoimosAI에서 기존 웹 사이트를 직접 편집 및 운영하는 경우 [ 기존 웹 사이트 가져오기 ](/ko/help-center/website/import-existing-website)를 참조하십시오.

### 2. 검색엔진과 AI를 읽을 수 있는 토대를 정돈한다

새로 만든 웹사이트와 기존 웹사이트 모두 공개 전이나 개선시에 기술적인 상태를 감사합니다. 채팅에 URL을 입력하면 검색 엔진이나 AI가 페이지를 검색하고 이해하지 못하는 문제를 확인할 수 있습니��.

#### 채팅에 입력하는 프롬프트

```text theme={null}
[ 웹사이트 URL ]에 대해 검색엔진과 AI가 페이지를 얻고 이해하기 쉬운 상태인지 감사합니다.

 사이트 구조, 내부 링크, sitemap.xml, robots.txt, noindex, canonical 설정, 구조화된 데이터, llms.txt, 스마트폰 보기, 로드 속도를 확인하고 우선적으로 수정하는 문제와 구체적인 수정 방법을 요약합니다.
```

감사 결과는 중요한 페이지를 얻을 수 없는 문제, 잘못된 URL을 검색 결과에 등록시키는 문제, 상품이나 서비스의 정보를 올바르게 이해할 수 없는 문제로부터 우선적으로 수정합니다.

NoimosAI에서 운영하는 웹사이트에서는 `관리 > SEO & GEO`에서 페이지 타이틀, 설명문, sitemap.xml, llms.txt, 구조화된 데이터 등을 확인할 수 있습니다. 필요한 수정사항을 채팅에 요청하고 미리보기를 검토하고 게시합니다.

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/seo-site-audit-and-fix.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=1b2052465f23bcaed379e3a724bd1bb0" alt=" NoimosAI에서 웹 사이트를 감사하고 수정하는 화면 " style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="1902" height="1504" data-path="public/playbooks/consumer/seo-site-audit-and-fix.png" />

게시 후 sitemap.xml에 중요한 페이지가 게재되어 있는지 확인합니다. 새 페이지나 크게 변경된 페이지는 Google Search Console의 URL 검사에서 색인 생성을 요청하고 나중에 검색결과에 등록되었는지 확인합니다.

웹사이트 전체의 토대를 정돈한 후, [ SEO로 검색 유입을 늘리기 ](/ko/playbooks/consumer/seo)와 [GEO에서 AI 검색에서 찾아 받을 수 있습니다 ](/ko/playbooks/consumer/geo)로 콘텐츠 작성과 지속적인 개선��� 진행합니다.

### 3. 고객 행동을 바탕으로 개선하기

게시 후 Google 애널리틱스와 Google Search Console을 연동하여 웹사이트 유입, 검색 상황, 구매, 예약, 문의까지의 행동을 매월 분석하는 에이전트를 작성합니다. 최근 30일을 이전 30일과 비교하면 개선해야 할 페이지와 문제를 쉽게 찾을 수 있습니다.

#### 에이전트 설정

* \*\* 트리거 \*\*: 일정에 한 달에 한 번 실행합니다.
* \*\* 실행 내용\*\*:

```text theme={null}
지난 30일간의 웹사이트 유입과 고객 행동을 이전 30일과 비교하여 분석합니다.

유입 소스, 주요 페이지 탐색, CTA 클릭, 전환, 검색어, 클릭률의 변화를 정리하세요. 방문자가 적은 페이지, 방문했지만 CTA를 누르지 않은 페이지, CTA는 누르고 있지만 구매·예약·문의가 완료되지 않은 페이지를 특정하고 우선적으로 개선하는 내용을 제안해 주세요.
```

* **사용하는 연계**: <span style={{ display: "inline-flex", alignItems: "center", lineHeight: "24px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-analytics.webp?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=5decc2b46e733583d74874463cb8ffb6" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", display: "inline-block", objectFit: "contain", margin: "0 6px 0 0" }} width="80" height="80" data-path="public/help-center/integrations/icons/google-analytics.webp" />Google Analytics</span>、<span style={{ display: "inline-flex", alignItems: "center", lineHeight: "24px" }}><img src="https://mintcdn.com/agoslabstechnologiesfzco/TJAdFLdMxSC5eSdh/public/help-center/integrations/icons/google-search-console.png?fit=max&auto=format&n=TJAdFLdMxSC5eSdh&q=85&s=dea6b216368968e3a75e560af0cd6374" alt="" aria-hidden="true" style={{ width: "16px", height: "16px", display: "inline-block", objectFit: "contain", margin: "0 6px 0 0" }} width="573" height="512" data-path="public/help-center/integrations/icons/google-search-console.png" />Google Search Console</span>

<img src="https://mintcdn.com/agoslabstechnologiesfzco/nVMsHgQOcR2qTlLN/public/playbooks/consumer/seo-monthly-performance-report.png?fit=max&auto=format&n=nVMsHgQOcR2qTlLN&q=85&s=38907aa91388559fab0e75ff4dec6049" alt="NoimosAI에서 웹사이트 월별 분석 에이전트 설정 화면" style={{ width: "100%", border: "1px solid #e5e7eb", borderRadius: "8px", margin: "18px 0" }} width="2880" height="1556" data-path="public/playbooks/consumer/seo-monthly-performance-report.png" />

상담원의 분석 결과에서 결과에 큰 영향을 미치는 페이지를 하나 선택하고 채팅으로 개선합니다.

#### 채팅에 입력하라는 메시지

```text theme={null}
첨부 된 월별 분석을 바탕으로,[개선할 페이지 URL]개선하십시오.

고객이 페이지를 방문한 후 행동을 검토하고 가치 설명, 신뢰 자료, 페이지 구성, CTA, 양식 중 성과를 방해하는 부분을 파악합니다. 영향이 큰 문제에서 수정하고 변경사항과 이유를 요약합니다.
```

수정 내용을 미리보기에서 확인하고 게시하고 다음 달 분석에서 숫자의 변화를 확인합니다. 한 번에 많은 요소를 변경하지 않고 무엇을 변경했는지 기록하면 성과로 이어진 개선 사항을 쉽게 확인할 수 있습니다.

## 관련 페이지

* [인지를 넓히다](/ko/playbooks/consumer/grow-awareness)
* [SEO로 검색 유입 증가](/ko/playbooks/consumer/seo)
* [GEO에서 AI 검색에서 찾을 수 있습니다.](/ko/playbooks/consumer/geo)
* [새 웹사이트 만들기](/ko/help-center/website/create-and-edit-website)
* [기존 웹사이트 가져오기](/ko/help-center/website/import-existing-website)
* [웹 사이트 공개 및 업데이트](/ko/help-center/website/publish-and-update-website)