웹사이트 전환 감사 (Website Conversion Audit)은(는) 무엇을 하나요?
한 번에 하나의 기존 페이지를 감사하고 소유자에게 무엇을 먼저 수정해야 할지 알려줍니다. 서비스 비즈니스(기술자, 클리닉, 코치, 컨설턴트, 에이전시, 지역 전문가)를 위해 제작되었으며, 이들의 사이트는 한 가지 임무만 수행합니다: 예약 통화, 견적 요청 또는 방문을 유도하는 것입니다. SaaS는 느슨하게만 적용됩니다("통화 예약"을 "무료 체험 시작"으로 대체). 전자상거래 카탈로그는 범위를 벗어납니다. 감사는 판단하고 우선순위를 정합니다. 페이지를 다시 작성하지 않습니다. 전체 재작성은 website-copy로 보내세요.
먼저 블라인드 테스트, 그 다음 컨텍스트
비즈니스 컨텍스트, 전략 문서 또는 브리핑을 읽기 전에 5초 테스트를 평가하여 점수가 낯선 사람(워크플로 2~3단계)의 시각을 반영하도록 합니다. 그런 다음:
.agents/business-context.md파일이 있으면 읽고, 파일이 다루지 않는 내용만 질문하세요.- 파일이 없으면 페이지 자체에서 추론할 수 있는 내용을 작성하고(BRIEF-01), 각 항목에 추정됨이라고 표시하세요. 그런 다음 한 메시지에 5개의 질문으로 구성된 미니 브리핑을 요청하세요: 이상적인 고객, 사이트의 유일한 임무와 주요 CTA, 제공 가치와 가격 정책, 사용 가능한 증거, 로케일 및 언어. 전체 사이트 감사 또는 리포지셔닝의 경우
website-brief를 먼저 실행하는 것이 좋습니다. - 감사별 질문(질문은 하지만, 이 때문에 진행을 막지는 마세요): 트래픽 출처, 현재 전환율 및 리드 품질, 기기 분할, 이미 시도해 본 것.
- 여전히 알 수 없는 사항:
references/principles.md의 기본값을 사용하고, 이를 격차 및 가정 아래에 나열하세요. - 무인 실행 (아무도 답변할 수 없는 경우: 위임되거나 예약된 실행, 또는 소유자가 부재 중): 진행을 막지 마세요. 추론된 컨텍스트를 바탕으로 진행하고 보고서 마지막에 소유자를 위한 질문을 추가하세요 (최대 8개, 가장 중요한 것부터, 가정한 값을 각각 표시).
워크플로
-
페이지 범위 지정. 페이지 유형(홈페이지, 서비스 페이지, 유료 랜딩 페이지, 소개, 가격, 옵트인, 연락처)과 단일 전환 목표를 지정하세요. 페이지를 선택하세요:
- 여러 페이지가 요청된 경우: 홈페이지를 먼저, 그 다음 트래픽 또는 광고 지출이 가장 많은 페이지. 트래픽 데이터가 없는 경우: 기본 또는 진입 제안을 제공하는 페이지 또는 섹션.
- 단일 페이지 사이트이거나, 자체 페이지가 없는 제안(카드 또는 섹션만 있는 경우): 해당 섹션과 전환 경로를 사실상의 랜딩 페이지로 감사하고, 누락된 페이지를 발견점(A-S10)으로 보고하세요.
- 이 페이지를 선택한 이유 줄에 선택 사항을 명시하세요.
-
페이지 캡처.
agent-browser사용: 데스크탑 1440px 및 모바일 390px, 접힌 부분(fold)과 전체 페이지. 명명된 세션 사용(기본 세션은 다른 에이전트와 공유됨), 네트워크 유휴 상태 대기, 접힌 부분은 쿠키 배너와 함께 촬영(방문자가 보는 그대로), 그런 다음 배너를 닫고 다른 화면을 촬영하세요. 스크래치 디렉토리(프로젝트 트리 외부)에 저장하세요.agent-browser skills get core또는--help로 현재 구문을 먼저 확인하세요.d=$(mktemp -d) # 또는 세션 스크래치패드 ab() { agent-browser --session audit-example "$@"; } # 감사당 하나의 명명된 세션 ab set viewport 1440 900 ab open https://example.com && ab wait --load networkidle ab screenshot "$d/desktop-fold.png" # 배너 표시 # 배너 닫기 (snapshot -i, 해당 버튼 클릭), 그런 다음: ab screenshot --full "$d/desktop-full.png" ab set viewport 390 844 ab cookies clear && ab storage local clear ab reload && ab wait --load networkidle ab screenshot "$d/mobile-fold.png" # 배너 다시 표시 # 배너 닫기, 그런 다음: ab screenshot --full "$d/mobile-full.png" ab a11y --tags wcag2a,wcag2aa # A-T5 기본 ab close- 다음 페이지: 쿠키와 스토리지를 다시 지우거나(또는 새 세션 사용) 접힌 부분에도 배너가 표시되도록 하세요.
- 히어로 아래 빈 공간 (스크롤-리빌 애니메이션): 빈 섹션을 보고하지 마세요.
ab set media reduced-motion을 시도하고 다시 로드하거나, 뷰포트 단계로 스크롤(ab scroll down 800, 짧게 대기, 스크린샷)하여 조각을 유지하세요. - 지연 로드된 이미지 (
loading="lazy"): 전체 페이지 샷은 reduced-motion을 사용하더라도 빈 이미지 상자를 표시할 수 있습니다. 먼저 페이지를 뷰포트 단계로 스크롤한 다음, 여전히 로드되지 않은 항목을 나열하세요:ab eval "[...document.images].filter(i => !i.complete || !i.naturalWidth).map(i => i.currentSrc || i.src)". 그 후에도 여전히 비어 있는 경우에만 깨진 이미지(A-T3)로 보고하세요. - 속도 (A-T2): 가능한 경우 PageSpeed Insights / CrUX 현장 데이터를 사용하세요. 웜 로컬 세션의
vitals는 신호가 아닙니다. 실험실 수치는 실험실 전용으로 보고하세요. agent-browser없음: 제공된 스크린샷, HTML 또는 가져온 텍스트로 작업하세요. 텍스트 전용 입력은 레이아웃, 이미지, 대비 또는 접힌 부분을 판단할 수 없습니다. 이를 명시하고 추측 대신 확인되지 않음으로 표시하세요.
-
5초 테스트, 블라인드로 실행 (HERO-01, A-M1). 컨텍스트 단계 전에 데스크탑과 모바일에서 시각적 순서로 접힌 부분 위에 보이는 것만 읽으세요. 통과 규칙, 루브릭(로고 전용 또는 추상 히어로 이미지 포함) 및 심각도를 한 곳에서 실시간으로 확인하세요:
references/hero.md의 5초 테스트 프로토콜. 통과 점수 미만이면 히어로 재작성이 영향력 큰 변경 목록을 이끕니다. -
위에서 설명한 대로 컨텍스트를 읽으세요.
-
트래픽 온도 설정. "좋은"의 기준이 바뀝니다:
- 유료: 유료 랜딩 페이지 순서와 메시지 일치(STRUCT-03, A-M10)를 기준으로 판단하세요. 광고를 요청하세요. 불일치는 치명적입니다. 각 광고 그룹이 해당 질문에 답하는 페이지로 연결되는지 확인하세요(A-M11).
- 유료 + 유기적 (광고 클릭도 받는 유기적 서비스 페이지): 히어로의 메시지 일치를 광고와 비교하여 판단하고, 탐색은 유지하되 히어로의 CTA와 경쟁하는 탐색 CTA에 플래그를 지정하고, 광고 지출이 상당한 경우 전용 유료 랜딩 페이지를 권장하세요(
references/principles.md의 C2 하이브리드 규칙). - 콜드 (유기적, 소셜): 전체 주장을 기대하세요(STRUCT-02 청사진).
- 웜 (추천, YouTube, AI 어시스턴트): 더 짧은 페이지도 괜찮습니다. 모든 곳에서 한 번의 클릭으로 예약이 가능한지 확인하세요(AI-04,
references/principles.md의 모순 C18).
-
로케일 설정. BE 또는 다른 EU 국가:
references/be-eu.md의 BE/EU 체크리스트를 추가하세요(법적 정보, 동의, 리뷰, 언어 버전; B2B 전용 사이트: B2B 섹션 참조). 페이지의 언어로 감사하고 그대로 인용하세요. 발견점은 사용자의 언어로 작성하세요. -
체크리스트를 순서대로 진행하세요: 메시지 → 구조 → 증거 → CTA → 마찰 → 기술 (
references/audit-checklist.md, ID A-M1 … A-T7). 페이지, 푸터 및 문서 간에 다른 사실을 확인하세요(A-P9). 그런 다음 전환 킬러 목록을 스캔하여 제거할 항목을 찾으세요. -
스토리라인 재구축 (
references/flow.md). 라이브 페이지에서 주장 맵을 작성하세요: 독자의 시작 상태(FLOW-02), CTA가 의존하는 신념, 그리고 각 섹션별로 요구하는 것, 설정하는 것, 열어두는 것(FLOW-01, FLOW-03). 각 신념을 다룸, 약함 또는 누락으로 표시하세요. 그런 다음 제목 전용 및 이음새 테스트를 실행하고(FLOW-04, FLOW-05), 주장과 반론 카운터가 필요한 위치에 있는지 확인하고(FLOW-06, FLOW-07), 적대적 독자 패널을 실행하세요(FLOW-09). 누수, 밸러스트, 깨진 이음새 및 잘못된 배치는 A-S11…A-S14 발견점이 됩니다. -
주요 CTA를 따라가세요. 클릭하고 클릭이 레이블이 약속한 대로 전달되는지(A-C8), 클릭 후 경로가 비즈니스에 적합한지 확인하세요(A-F1: 스케줄러, 짧은 양식, 또는 클릭-투-콜;
mailto:전용 CTA는 실패). 소유자의 승인 없이 라이브 사이트에서 양식을 제출하거나 슬롯을 예약하지 마세요. 테스트할 수 없으면 A-T3를 확인되지 않음으로 나열하세요. -
AI 검색 준비 상태 확인 (
references/ai-search.md): 가격, 프로세스 및 일정과 같은 물류 답변(AI-01), 틈새 신호(AI-02), 일관된 비즈니스 사실 및 구조화된 데이터(AI-03), 사전 판매된 방문자를 위한 빠른 경로(AI-04), 페이지상의 실제 사람(AI-05), 및 "저희를 어떻게 찾으셨나요?" 필드(AI-06). -
등급 및 버킷화. 각 발견점에 루브릭(치명적 / 높음 / 중간 / 낮음)에 따른 심각도와 노력(S/M/L)을 부여하세요. 그런 다음 버킷화하세요: 빠른 해결책 (≤ ~1시간, 낮은 위험), 영향력 큰 변경 사항, 테스트 아이디어. 각 버킷을 심각도 순으로, 그런 다음 페이지 내 위치 순으로 정렬하되 히어로를 먼저 하세요. BE/EU 또는 AI 검색 섹션과 겹치는 발견점은 한 번 작성되고 상호 참조됩니다. 스토리라인 발견점도 마찬가지입니다: 더 구체적인 검사가 이미 다루는 누수 또는 잘못된 배치(가격 없음 → A-P5, 사람 없음 → A-P4, CTA가 잘못된 페이지로 연결됨 → A-C8)는 특정 ID 아래에 흐름 ID를 함께 한 번 작성됩니다("A-P5 / A-S13"); A-S11…A-S14는 순서와 이음새 자체를 위해 독립적으로 유지하세요.
-
카피 대안 작성: 헤드라인, 서브헤드, CTA 각각에 대해 2~3개의 옵션(부스터 라인 또는 눈썹이 해결책인 경우 포함), 각 옵션에 규칙을 인용하는 한 줄 근거 포함. 페이지의 언어로 작성하세요(발견점은 사용자의 언어로 유지). 페이지 또는 컨텍스트 파일의 사실만 사용하세요. 확인되지 않은 사실이나 포지셔닝에 의존하는 옵션은 †로 표시하고 소유자 질문에 추가하세요.
-
측정 계획 수립. 대부분의 SMB 사이트는 유효한 A/B 테스트를 위한 트래픽이 부족합니다(MEAS-01). 기본값은 동일한 기간 동안의 이전/이후 비교입니다. 트래픽이 지원할 수 있는 테스트만 MEAS-03 가설 형식으로 작성하세요. 볼륨이 너무 적으면 한 줄로 명시하세요.
-
핸드오프 제안: 전체 재작성은
website-copy로 (주장 맵을 함께 전달하여 재작성이 이를 기반으로 시작하도록), 누락된 전환 제안은website-lead-magnet으로 보내세요.
출력 계약
이 구조를 사용하세요. 해당되지 않는 섹션만 생략하고(BE/EU: 유럽 외부) 한 줄로 명시하세요.
# 전환 감사: <페이지 이름> (<URL 또는 출처>)
**컨텍스트:** <페이지 유형> · 목표: <단일 전환> · 트래픽: <콜드 | 웜 | 유료 | 유료 + 유기적> · 로케일: <xx-XX>
**이 페이지를 선택한 이유:** <트래픽, 광고 지출 또는 이 페이지가 제공하는 제안>
**비즈니스 컨텍스트:** <.agents/business-context.md | 미니 브리핑 | 페이지에서 추론 (무인 실행)>
**캡처:** <데스크탑 1440 + 모바일 390 (agent-browser 사용) | 제공된 스크린샷 | HTML/텍스트 전용> · 쿠키 배너: <접힌 부분 샷에 있음 | 없음 (이유)> · 파일: <디렉토리 또는 목록>
## 5초 테스트: <통과 | 실패> (데스크탑 n/10 · 모바일 n/10)
| 기준 | 데스크탑 | 모바일 | 증거 |
|---|---|---|---|
| 무엇 | 0–2 | 0–2 | "<표시되는 헤드라인 텍스트>" |
| 왜 중요한가 | 0–2 | 0–2 | … |
| 다음 단계 | 0–2 | 0–2 | … |
| 왜 당신인가 | 0–2 | 0–2 | … |
| 이미지 | 0–2 | 0–2 | … |
**평결:** <한두 문장: 낯선 사람이 이 비즈니스가 무엇을 하는지 생각하고, 무엇을 클릭할지>
## 스토리라인: <유지 | 섹션 n에서 중단 (첫 번째 중단)>
**시작 상태:** <인지도 단계, FLOW-02> · **종료 상태:** <CTA가 필요한 신념>
**가장 큰 중단점** (최대 5개, 가장 해로운 것부터): 1. <§n→m · 무엇이 중단되는지 · FLOW/A-S ID> 2. …
| # | 섹션 | 요구 사항 | 설정 | 이후 독자의 질문 | 다음으로의 이음새 | 상태 |
|---|---|---|---|---|---|
| 1 | 히어로 | — | B1 | "…" | 그래서 / 하지만 / 그리고 또한 | 다룸 / 약함 / 누락 |
- 누수: <섹션이 없는 신념> · 밸러스트: <신념이 없는 섹션> · 깨진 이음새: <n→n+1>
- 잘못 배치됨: <전제 조건보다 앞선 주장; 반론에서 먼 반박> · CTA에서 열려 있음: <답변되지 않은 질문>
- 적대적 독자 패널: <3명 이상의 독자가 제기한 반론>
(이 섹션의 발견점은 아래 버킷에 A-S11…A-S14로 한 번 나타납니다.)
## 빠른 해결책 (이번 주)
1. **<A-ID> · <심각도> · 노력 S**: <문제점>
- 증거: "<인용된 카피>" / `<선택자>` / <스크린샷 + 영역>
- 이유: <규칙 ID>, <한 줄 메커니즘>
- 수정: <구체적인 변경 사항 또는 정확한 새 카피>
## 영향력 큰 변경 사항
<동일한 발견점 형식>
## 테스트 아이디어
- <관찰> 때문에, 우리는 <변경>이 <결과>를 <대상>에게 일으킬 것이라고 믿습니다. <기간> 동안 <지표>가 <양>만큼 움직일 때 알 수 있습니다. 트래픽 확인: <A/B 테스트에 충분 | 이전/이후로 실행>.
- 또는, 낮은 볼륨: "A/B 테스트 없음: 볼륨이 너무 낮음; <기간> 동안 <지표> 이전/이후 비교."
## 카피 대안 (페이지 언어로; † = 소유자 확인 필요)
| 요소 | 현재 | 옵션 | 근거 (규칙) |
|---|---|---|---|
## 잘 작동하는 부분
- <이것을 유지하고, 증거를 함께 제시하여 아무도 "수정"하지 않도록>
## AI 검색 준비 상태
- <AI-0x · 발견점 · 수정>
## BE/EU 확인
- <be-eu.md 항목 · 통과 | 실패 | 확인 · 수정> (B2B 전용: 소비자 항목은 "해당 없음" 한 줄로)
## 격차 및 가정
- 확인되지 않음: <예: 양식 제출, 분석 이벤트, 현장 데이터>
- 가정됨: <사용된 기본값>
- 수집할 증거: [증거 필요: <무엇, 누구에게서>]
## 다음 단계
1. 1개월: 치명적 + 빠른 해결책. 2개월: 영향력 큰 재작성. 3개월: 전환 제안 (MEAS-04).
2. 재작성을 원하시나요? 이 감사를 `website-copy`에 전달하세요.
## 소유자를 위한 질문 (무인 실행; 최대 8개, 가장 중요한 것부터)
1. <질문> · 가정된 값: <사용된 값> · 해결 대상: <발견점 또는 † 옵션>
여기서 가장 중요한 규칙
- 미세 조정보다 메시지 우선 (원칙 14, MEAS-05). 실패하는 히어로는 모든 버튼 색상이나 필드 수 노트보다 우선합니다. 메시지가 깨졌을 때는 미용적 발견점을 짧게 유지하고 아래로 미세요.
- 5초 테스트가 최우선 검사 (HERO-01). 헤드라인 공식이 비즈니스 유형에 맞는지(HERO-02), 서브헤드가 무엇을, 어떻게, 누구를 위해 말하는지(HERO-06)도 확인하세요.
- 고객이 영웅이며, 고객의 언어로 (COPY-01, COPY-02). 접힌 부분 위의 "어서 오세요", 수상 내역, 창업 스토리, 전문 용어에 플래그를 지정하세요.
- 모든 섹션이 있는 페이지라도 독자를 잃을 수 있습니다. 각 섹션이 다음 섹션을 정당화하는지 확인하세요: 종속성 순서의 섹션당 하나의 신념, "따라서" 또는 "하지만"으로 읽히는 이음새, 발생하는 곳에서 답변되는 반론(FLOW-01…07). 깨진 스토리라인은 영향력 큰 발견점이며, 실패하는 히어로 바로 다음 순위입니다.
- 유료 트래픽에는 광고를 반영하는 자체 페이지가 필요합니다 (STRUCT-03). 광고를 홈페이지로 보내거나, 전용 페이지가 존재할 때 일반 페이지로 보내는 것(A-M11)은 영향력 큰 발견점입니다.
- 하나의 특정 CTA, 모든 곳에서 동일하게, 예약된 색상으로 (CTA-02, CTA-04, CTA-05). 찾은 금지된 문구를 인용하세요(CTA-03).
- 주장 근처에 증거, 실제 사람이 보여야 함, 가격이 언급되어야 함 (PROOF-07, PROOF-14, PRICE-01).
- 가짜 또는 확인 불가능한 증거는 치명적 (PROOF-12, PROOF-13, SCAR-01): 조작된 카운터, 가짜 "고객", 유료 "출처", 가짜 scarcity.
- 추가하기 전에 빼세요. 킬러 목록에서 제거하는 것이 종종 가장 빠른 승리입니다.
[나머지 내용은 이 구조를 따릅니다]