테마
Story: AEO 최적화
메타
| 항목 | 값 |
|---|---|
| Story ID | E-01-S-03 |
| Epic | E-01 랜딩/GTM |
| 상태 | ready-for-dev |
| 우선순위 | P1 |
| 규모 | M |
| 담당 개발자 | 수민 (FE) |
사용자 스토리
As a AI 검색엔진(ChatGPT, Perplexity 등) 사용자,
I want "쿠팡 광고 분석" 검색 시 장사왕이 노출되길 원한다,
So that AI 검색을 통해서도 장사왕을 발견할 수 있다.
수락 기준 (Acceptance Criteria)
AC-01: Schema.org 구조화 데이터
| 항목 | 내용 |
|---|---|
| Given | 검색엔진 크롤러가 페이지를 방문했을 때 |
| When | HTML을 파싱하면 |
| Then | Schema.org JSON-LD 구조화 데이터가 포함되어 있다 |
json
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "장사왕",
"description": "쿠팡 광고 진단 및 순이익 최적화 서비스",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "KRW"
}
}AC-02: FAQ Schema
| 항목 | 내용 |
|---|---|
| Given | 검색엔진 크롤러가 페이지를 방문했을 때 |
| When | FAQ 섹션을 파싱하면 |
| Then | FAQPage Schema가 포함되어 있다 |
json
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "장사왕은 무료인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 기본 기능은 무료로 사용할 수 있습니다."
}
}
]
}AC-03: 메타 태그 최적화
| 항목 | 내용 |
|---|---|
| Given | 검색엔진 크롤러가 페이지를 방문했을 때 |
| When | head 태그를 파싱하면 |
| Then | 최적화된 title, description, og 태그가 포함되어 있다 |
html
<title>장사왕 - 쿠팡 광고 진단 | 순이익 최적화</title>
<meta name="description" content="쿠팡 광고, 뭘 고쳐야 할지 모르겠다면? 장사왕 AI가 캠페인별 진단을 해드려요. ROAS를 순이익으로 번역해드립니다.">
<meta property="og:title" content="장사왕 - 쿠팡 광고 진단">
<meta property="og:description" content="광고비 줄이고, 순이익 늘리고">
<meta property="og:image" content="[OG 이미지 URL]">AC-04: /settlement 페이지 메타 태그
| 항목 | 내용 |
|---|---|
| Given | /settlement 페이지에 접속했을 때 |
| When | head 태그를 확인하면 |
| Then | 정산 분석에 맞는 별도 메타 태그가 적용되어 있다 |
태스크 분해
Task 1: Schema.org 적용 AC-01, AC-02
- [ ] 1.1: SoftwareApplication Schema JSON-LD 추가
- [ ] 1.2: FAQPage Schema JSON-LD 추가
- [ ] 1.3: Organization Schema 추가 (선택)
Task 2: 메타 태그 최적화 AC-03, AC-04
- [ ] 2.1: 메인 랜딩 title, description 업데이트
- [ ] 2.2: Open Graph 태그 최적화
- [ ] 2.3: /settlement 페이지 별도 메타 태그
- [ ] 2.4: Twitter Card 태그 (선택)
Task 3: 검증
- [ ] 3.1: Google Rich Results Test 검증
- [ ] 3.2: Schema Markup Validator 검증
- [ ] 3.3: 소셜 미리보기 확인 (Facebook, Twitter)
Dev Notes
영향 받는 소스 트리
sellerking-landing-amplify/
├── pages/
│ ├── _document.tsx # 메타 태그 수정
│ ├── index.tsx # Schema 추가
│ └── settlement.tsx # 메타 태그 + Schema
├── components/
│ └── SEO.tsx # 🆕 SEO 컴포넌트
└── lib/
└── schema.ts # 🆕 Schema 생성 유틸참고 자료
| 출처 | 링크 |
|---|---|
| Schema.org | https://schema.org/SoftwareApplication |
| Google 구조화 데이터 | https://developers.google.com/search/docs/appearance/structured-data |
| Rich Results Test | https://search.google.com/test/rich-results |
핸드오프 전 체크리스트
- [x] 사용자 스토리가 명확한가?
- [x] 수락 기준이 Given-When-Then 형식인가?
- [x] 태스크 분해가 구체적인가?
검증 결과: ✅ PASS 검증일: 2026-01-20
생성일: 2026-01-20
