03. SEO 랜딩페이지 체크리스트 — 헬스케어 앱 웹 랜딩페이지 최적화¶
작성일: 2026-02-20 최종 수정: 2026-02-20 (v1.1 — schema-markup/page-cro 스킬 적용, 구조화 데이터 대폭 강화) 대상 서비스: 마음첵, 마음정원, 혈당첵 목적: 각 서비스별 SEO 최적화 랜딩페이지 제작을 위한 상세 체크리스트
목차¶
- 기술 SEO 요소
- 구조화 데이터 (Schema.org) — 3개 서비스별 JSON-LD 전체 + BreadcrumbList/WebSite 추가
[v1.1 대폭 강화] - 콘텐츠 SEO
- 페이지 속도 최적화 (Core Web Vitals)
- 모바일 최적화
- 전환율 최적화 (CRO) — page-cro 7가지 진단 프레임워크 전면 적용
[v1.1 대폭 강화] - 앱 다운로드 딥링크 및 스마트 배너
- 구현 우선순위 매트릭스
- 서비스별 랜딩페이지 구조 설계
- 배포 전 최종 체크리스트
1. 기술 SEO 요소¶
1-1. 메타 태그¶
| 태그 | 역할 | 권장 사항 | 중요도 |
|---|---|---|---|
<title> | 검색 결과 제목 | 50-60자, 핵심 키워드 선두 배치 | P0 |
<meta description> | 검색 결과 설명 | 150-155자, CTA 포함, 키워드 자연 포함 | P0 |
<meta robots> | 크롤링/인덱싱 제어 | index, follow (기본값) | P0 |
<meta viewport> | 모바일 반응형 | width=device-width, initial-scale=1 | P0 |
<meta charset> | 문자 인코딩 | UTF-8 | P0 |
<link rel="canonical"> | 중복 페이지 방지 | 페이지의 정규 URL 지정 | P0 |
<html lang="ko"> | 언어 설정 | 한국어 페이지임을 명시 | P1 |
<link rel="alternate" hreflang> | 다국어 대응 | 향후 영문 페이지 추가 시 | P2 |
왜 중요한가: 메타 태그는 검색 엔진이 페이지를 이해하고 검색 결과에 표시하는 기본 정보. <title>과 <meta description>은 검색 결과 CTR(클릭률)에 직접 영향.
서비스별 title 태그 예시¶
<!-- 마음첵 -->
<title>마음첵 - 심리검사로 마음건강 자가진단 | 우울증·불안·스트레스 체크</title>
<!-- 마음정원 -->
<title>마음정원 - 명상과 마음챙김으로 시작하는 마음 돌봄 | 스트레스 관리</title>
<!-- 혈당첵 -->
<title>혈당첵 - 간편한 혈당 기록 & 당뇨 관리 앱 | 혈당 다이어리</title>
서비스별 meta description 예시¶
<!-- 마음첵 -->
<meta name="description" content="전문 심리검사로 우울증, 불안장애, 스트레스 수준을 자가진단하세요. 과학적 도구 기반 마음건강 체크와 맞춤 관리 가이드를 무료로 제공합니다. 지금 다운로드하세요.">
<!-- 마음정원 -->
<meta name="description" content="매일 5분 명상과 마음챙김으로 일상의 스트레스를 해소하세요. 한국어 가이드 명상, 호흡 운동, 감정 기록까지. 당신만의 평온한 마음 정원을 가꾸세요.">
<!-- 혈당첵 -->
<meta name="description" content="공복·식후 혈당을 간편하게 기록하고 관리하세요. 혈당 트렌드 리포트, 식단 관리, 건강 목표까지. 체계적인 당뇨 관리를 도와주는 혈당 다이어리 앱입니다.">
1-2. Open Graph (OG) 태그¶
| 태그 | 역할 | 권장 사항 | 중요도 |
|---|---|---|---|
og:title | 소셜 공유 제목 | title 태그와 동일 또는 더 캐주얼한 버전 | P0 |
og:description | 소셜 공유 설명 | meta description과 유사, 감성적 톤 가능 | P0 |
og:image | 소셜 공유 이미지 | 1200x630px, 브랜드 비주얼, 텍스트 20% 이하 | P0 |
og:url | 정규 URL | canonical과 동일 | P0 |
og:type | 콘텐츠 유형 | website 또는 product | P1 |
og:locale | 지역 설정 | ko_KR | P1 |
og:site_name | 사이트명 | 브랜드명 | P1 |
왜 중요한가: 소셜 미디어, 메신저(카카오톡, 라인) 공유 시 표시되는 미리보기 카드 정보. 공유 확산에 직접 영향.
Twitter Card 태그¶
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="마음첵 - 심리검사로 마음건강 자가진단">
<meta name="twitter:description" content="전문 심리검사로 우울증, 불안, 스트레스를 체크하세요">
<meta name="twitter:image" content="https://example.com/images/maumcheck-og.jpg">
카카오톡 공유 최적화¶
<!-- 카카오톡은 OG 태그를 읽으므로 og:image 해상도가 핵심 -->
<!-- 800x400px 이상 권장, 1200x630px 최적 -->
<!-- 카카오 디버거 https://developers.kakao.com/tool/debugger/sharing 에서 미리보기 확인 -->
1-3. robots.txt 및 sitemap.xml¶
robots.txt 기본 설정
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/
Sitemap: https://www.example.com/sitemap.xml
왜 중요한가: robots.txt는 검색 엔진 크롤러에게 접근 허용/차단 경로를 안내. sitemap.xml은 사이트의 모든 페이지를 검색 엔진에 알려 인덱싱 촉진.
sitemap.xml 구조
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<!-- 메인 페이지 -->
<url>
<loc>https://www.example.com/</loc>
<lastmod>2026-02-20</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<!-- 마음첵 랜딩 -->
<url>
<loc>https://www.example.com/maumcheck</loc>
<lastmod>2026-02-20</lastmod>
<changefreq>weekly</changefreq>
<priority>0.9</priority>
</url>
<!-- 마음정원 랜딩 -->
<url>
<loc>https://www.example.com/maumgarden</loc>
<lastmod>2026-02-20</lastmod>
<changefreq>weekly</changefreq>
<priority>0.9</priority>
</url>
<!-- 혈당첵 랜딩 -->
<url>
<loc>https://www.example.com/bloodsugarcheck</loc>
<lastmod>2026-02-20</lastmod>
<changefreq>weekly</changefreq>
<priority>0.9</priority>
</url>
</urlset>
1-4. 추가 기술 SEO 요소¶
| 요소 | 설명 | 구현 | 중요도 |
|---|---|---|---|
| HTTPS | SSL 인증서 적용 | Vercel 자동 제공 | P0 |
| URL 구조 | 깔끔하고 의미 있는 URL | /마음첵 또는 /maumcheck | P0 |
| 404 페이지 | 커스텀 에러 페이지 | 메인 페이지로 안내 | P1 |
| 리다이렉트 | 301 영구 리다이렉트 | www/non-www 통일 | P0 |
| 페이지 크기 | HTML 문서 크기 | 100KB 이하 권장 | P1 |
| 내부 링크 | 서비스 간 상호 링크 | 3개 서비스 크로스 링크 | P1 |
2. 구조화 데이터 (Schema.org) [v1.1 대폭 강화] [schema-markup 적용]¶
2-1. 구조화 데이터 전략 개요¶
왜 중요한가: 구조화 데이터는 검색 엔진이 앱의 유형, 평점, 가격 등을 정확히 이해하도록 도와 리치 스니펫(Rich Snippet)으로 표시. 검색 결과에서 평점 별점, 가격 정보 등이 노출되면 CTR이 크게 상승.
schema-markup 스킬 활용: 이 섹션의 모든 JSON-LD 코드는 schema-markup 스킬을 통해 자동 생성할 수 있으며, product-marketing-context 문서의 제품 정보를 입력값으로 활용.
2-2. 서비스별 MobileApplication 스키마 (3개 서비스 전체) [schema-markup 적용]¶
마음첵 — MobileApplication 스키마
{
"@context": "https://schema.org",
"@type": "MobileApplication",
"name": "마음첵 - 마음건강 자가진단",
"description": "전문 심리검사로 우울증, 불안장애, 스트레스 수준을 자가진단하는 마음건강 체크 앱. PHQ-9, GAD-7 등 과학적 도구 기반 심리검사를 제공합니다.",
"applicationCategory": "HealthApplication",
"applicationSubCategory": "Mental Health",
"operatingSystem": "Android 8.0+",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "KRW",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"ratingCount": "1200",
"bestRating": "5",
"worstRating": "1"
},
"author": {
"@type": "Organization",
"name": "하이",
"url": "https://www.example.com"
},
"downloadUrl": "https://play.google.com/store/apps/details?id=com.example.maumcheck",
"installUrl": "https://play.google.com/store/apps/details?id=com.example.maumcheck",
"screenshot": [
"https://www.example.com/images/maumcheck-screenshot-1.jpg",
"https://www.example.com/images/maumcheck-screenshot-2.jpg",
"https://www.example.com/images/maumcheck-screenshot-3.jpg"
],
"softwareVersion": "1.0.0",
"datePublished": "2026-01-01",
"inLanguage": "ko",
"contentRating": "Everyone",
"featureList": "심리검사, 우울증 자가진단, 불안장애 테스트, 스트레스 체크, 마음건강 트렌드 리포트",
"permissions": "인터넷 접근"
}
마음정원 — MobileApplication 스키마
{
"@context": "https://schema.org",
"@type": "MobileApplication",
"name": "마음정원 - 명상과 마음챙김",
"description": "매일 5분 명상과 마음챙김으로 일상의 스트레스를 해소하세요. 한국어 가이드 명상, 호흡 운동, 감정 기록까지 제공하는 마음 돌봄 앱입니다.",
"applicationCategory": "HealthApplication",
"applicationSubCategory": "Meditation & Mindfulness",
"operatingSystem": "Android 8.0+",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "KRW",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"ratingCount": "800",
"bestRating": "5",
"worstRating": "1"
},
"author": {
"@type": "Organization",
"name": "하이",
"url": "https://www.example.com"
},
"downloadUrl": "https://play.google.com/store/apps/details?id=com.example.maumgarden",
"installUrl": "https://play.google.com/store/apps/details?id=com.example.maumgarden",
"screenshot": [
"https://www.example.com/images/maumgarden-screenshot-1.jpg",
"https://www.example.com/images/maumgarden-screenshot-2.jpg",
"https://www.example.com/images/maumgarden-screenshot-3.jpg"
],
"softwareVersion": "1.0.0",
"datePublished": "2026-01-01",
"inLanguage": "ko",
"contentRating": "Everyone",
"featureList": "가이드 명상, 호흡 운동, 감정 일기, 수면 명상, 마음챙김 프로그램",
"permissions": "인터넷 접근, 오디오 재생"
}
혈당첵 — MobileApplication 스키마
{
"@context": "https://schema.org",
"@type": "MobileApplication",
"name": "혈당첵 - 혈당 기록 & 관리",
"description": "공복·식후 혈당을 간편하게 기록하고 관리하세요. 혈당 트렌드 리포트, 식단 관리, 건강 목표까지 체계적인 당뇨 관리를 도와주는 혈당 다이어리 앱입니다.",
"applicationCategory": "HealthApplication",
"applicationSubCategory": "Blood Sugar Management",
"operatingSystem": "Android 8.0+",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "KRW",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.4",
"ratingCount": "950",
"bestRating": "5",
"worstRating": "1"
},
"author": {
"@type": "Organization",
"name": "하이",
"url": "https://www.example.com"
},
"downloadUrl": "https://play.google.com/store/apps/details?id=com.example.bloodsugarcheck",
"installUrl": "https://play.google.com/store/apps/details?id=com.example.bloodsugarcheck",
"screenshot": [
"https://www.example.com/images/bloodsugarcheck-screenshot-1.jpg",
"https://www.example.com/images/bloodsugarcheck-screenshot-2.jpg",
"https://www.example.com/images/bloodsugarcheck-screenshot-3.jpg"
],
"softwareVersion": "1.0.0",
"datePublished": "2026-01-01",
"inLanguage": "ko",
"contentRating": "Everyone",
"featureList": "혈당 기록, 공복/식후 혈당 관리, 식단 기록, 운동 기록, 주간/월간 리포트, 혈당 트렌드 그래프",
"permissions": "인터넷 접근"
}
2-3. Organization 스키마 [schema-markup 적용]¶
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "하이",
"url": "https://www.example.com",
"logo": {
"@type": "ImageObject",
"url": "https://www.example.com/images/logo.png",
"width": 512,
"height": 512
},
"sameAs": [
"https://play.google.com/store/apps/developer?id=하이"
],
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"email": "support@example.com",
"availableLanguage": "Korean"
},
"foundingDate": "2025",
"description": "마음건강과 신체건강을 돌보는 헬스케어 앱을 개발하는 기업입니다."
}
2-4. FAQPage 스키마 (서비스별) [schema-markup 적용]¶
마음첵 FAQ 스키마
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "마음첵은 무료인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 마음첵의 기본 심리검사 기능(PHQ-9, GAD-7 등)은 무료로 제공됩니다. 일부 심화 분석 기능은 프리미엄으로 제공될 수 있습니다."
}
},
{
"@type": "Question",
"name": "심리검사 결과는 의학적 진단인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "아닙니다. 마음첵의 심리검사는 자가 선별 도구로, 의학적 진단을 대체하지 않습니다. 검사 결과가 우려되는 경우 반드시 전문 의료인과 상담하시기 바랍니다."
}
},
{
"@type": "Question",
"name": "검사 결과 데이터는 안전하게 보호되나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 모든 심리검사 결과는 암호화되어 저장되며, 사용자 동의 없이 제3자에게 공유되지 않습니다. 언제든 데이터 삭제를 요청할 수 있습니다."
}
},
{
"@type": "Question",
"name": "어떤 심리검사를 제공하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "우울증 자가진단(PHQ-9), 불안장애 테스트(GAD-7), 스트레스 레벨 체크 등 과학적으로 검증된 표준화 심리검사 도구를 제공합니다."
}
},
{
"@type": "Question",
"name": "검사는 얼마나 자주 하는 것이 좋나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "전문가들은 2-4주 간격으로 정기적인 자가 체크를 권장합니다. 마음첵은 주기적 알림 기능을 제공하여 정기 체크를 도와줍니다."
}
}
]
}
마음정원 FAQ 스키마
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "마음정원은 무료인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 기본 명상 프로그램과 호흡 운동 가이드는 무료로 이용 가능합니다."
}
},
{
"@type": "Question",
"name": "명상 경험이 없어도 사용할 수 있나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "물론입니다. 마음정원은 초보자를 위한 가이드 명상을 한국어 음성으로 제공하여, 명상 경험이 전혀 없어도 쉽게 시작할 수 있습니다."
}
},
{
"@type": "Question",
"name": "하루에 얼마나 명상해야 하나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "하루 5분이면 충분합니다. 마음정원은 5분, 10분, 15분 등 다양한 길이의 명상 프로그램을 제공하여 바쁜 일상에서도 쉽게 마음 돌봄을 실천할 수 있습니다."
}
},
{
"@type": "Question",
"name": "오프라인에서도 사용 가능한가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "프리미엄 명상 콘텐츠는 다운로드하여 오프라인에서도 이용할 수 있습니다. 감정 기록 기능은 오프라인 상태에서도 사용 가능합니다."
}
}
]
}
혈당첵 FAQ 스키마
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "혈당첵은 의료 기기인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "아닙니다. 혈당첵은 혈당 수치를 기록하고 관리하기 위한 건강 기록 도구입니다. 의료 기기나 진단 도구가 아니며, 혈당 관련 의학적 판단은 반드시 담당 의료진과 상의하세요."
}
},
{
"@type": "Question",
"name": "혈당 측정기와 연동되나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "현재는 수동 입력 방식으로 혈당을 기록합니다. 3초면 간편하게 기록할 수 있으며, 향후 블루투스 혈당 측정기 연동을 지원할 예정입니다."
}
},
{
"@type": "Question",
"name": "공복 혈당과 식후 혈당을 구분해서 기록할 수 있나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 공복, 식전, 식후 2시간, 취침 전 등 측정 시점을 구분하여 기록할 수 있으며, 각 시점별 트렌드 그래프를 확인할 수 있습니다."
}
},
{
"@type": "Question",
"name": "기록한 데이터를 내보낼 수 있나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 혈당 기록 데이터를 CSV 또는 PDF 형식으로 내보낼 수 있어 담당 의료진과의 상담 시 활용할 수 있습니다."
}
},
{
"@type": "Question",
"name": "혈당첵은 무료인가요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "네, 혈당 기록, 그래프 조회, 기본 리포트 등 핵심 기능은 모두 무료로 제공됩니다."
}
}
]
}
2-5. BreadcrumbList 스키마 [v1.1 추가] [schema-markup 적용]¶
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "홈",
"item": "https://www.example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "마음첵",
"item": "https://www.example.com/maumcheck"
}
]
}
참고: 각 서비스별 페이지에 맞게
name과item을 변경하여 적용. 마음정원(/maumgarden), 혈당첵(/bloodsugarcheck).
2-6. WebSite 스키마 (사이트 검색 지원) [v1.1 추가] [schema-markup 적용]¶
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "하이 - 헬스케어 앱",
"url": "https://www.example.com",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://www.example.com/search?q={search_term_string}"
},
"query-input": "required name=search_term_string"
},
"inLanguage": "ko"
}
2-7. 스키마 구현 종합 체크리스트 [v1.1 강화]¶
| 스키마 유형 | 대상 페이지 | 필수 속성 | 서비스별 커스텀 | 중요도 |
|---|---|---|---|---|
| MobileApplication | 서비스별 랜딩 (3개) | name, description, offers, aggregateRating, downloadUrl, featureList | ✅ 각각 다름 | P0 |
| Organization | 메인 + 전체 사이트 | name, url, logo, contactPoint | 공통 1개 | P0 |
| FAQPage | 서비스별 랜딩 (3개) | question, acceptedAnswer (4-5개씩) | ✅ 각각 다름 | P1 |
| BreadcrumbList | 전체 페이지 | itemListElement | 페이지별 경로 | P1 |
| WebSite | 메인 페이지 | name, url, potentialAction | 공통 1개 | P1 |
2-8. 스키마 검증 및 테스트 방법 [v1.1 강화] [schema-markup 적용]¶
검증 도구
| 도구 | URL | 용도 | 사용 시점 |
|---|---|---|---|
| Google Rich Results Test | search.google.com/test/rich-results | 리치 결과 적격 여부 확인 | 배포 전 필수 |
| Schema Markup Validator | validator.schema.org | 스키마 문법/구조 검증 | 개발 중 상시 |
| Google Search Console | search.google.com/search-console | 구현 후 모니터링, 오류 감지 | 배포 후 지속 |
| Chrome Structured Data Testing Extension | Chrome 확장 | 페이지 내 스키마 실시간 확인 | 개발 중 |
검증 프로세스 (schema-markup 스킬 활용)
Step 1: schema-markup 스킬로 JSON-LD 생성
Step 2: Schema Markup Validator로 문법 검증 (오류 0건 확인)
Step 3: Google Rich Results Test로 리치 결과 적격성 확인
Step 4: 실제 페이지에 삽입 후 Chrome 확장으로 현장 확인
Step 5: 배포 후 Search Console에서 구조화 데이터 보고서 모니터링
Step 6: 리치 결과 노출 여부 확인 (2-4주 소요)
흔한 오류 및 해결 방법
| 오류 유형 | 원인 | 해결 방법 |
|---|---|---|
aggregateRating 누락 경고 | 리뷰 데이터 없음 (신규 앱) | 출시 후 리뷰 축적 시 추가. 초기에는 review 속성으로 대체 |
downloadUrl 불일치 | URL 오타 또는 미공개 앱 | 정확한 Play Store URL 확인 |
screenshot 접근 불가 | 이미지 URL 404 | HTTPS 접근 가능한 공개 URL 사용 |
offers 가격 미일치 | 실제 앱 가격과 다름 | Play Console 가격과 동일하게 설정 |
3. 콘텐츠 SEO¶
3-1. 헤딩 구조 (H1-H6)¶
왜 중요한가: 헤딩 태그는 검색 엔진이 페이지 콘텐츠의 계층 구조를 이해하는 핵심 신호. H1은 페이지당 1개만 사용하며 핵심 키워드를 포함해야 함.
헤딩 구조 가이드라인¶
| 태그 | 규칙 | 키워드 전략 | 예시 (마음첵) |
|---|---|---|---|
| H1 | 페이지당 1개, 핵심 키워드 포함 | 메인 타겟 키워드 | "마음첵으로 시작하는 마음건강 자가진단" |
| H2 | 주요 섹션 구분, 3-6개 | 보조 키워드 분산 | "심리검사 소개", "주요 기능", "이용 후기" |
| H3 | H2 하위 세부 항목 | 롱테일 키워드 | "우울증 자가진단", "불안장애 테스트" |
| H4-H6 | 필요 시 추가 세분화 | 관련 키워드 변형 | 기능 상세 설명 |
랜딩페이지 섹션별 헤딩 구조 템플릿¶
H1: [서비스명]으로 시작하는 [핵심 가치]
H2: 왜 [서비스명]인가요?
H3: [기능 1 - 핵심 키워드]
H3: [기능 2 - 보조 키워드]
H3: [기능 3 - 롱테일 키워드]
H2: 이런 분들에게 추천합니다
H3: [타겟 그룹 1]
H3: [타겟 그룹 2]
H2: 사용자 후기
H2: 자주 묻는 질문
H3: [질문 1]
H3: [질문 2]
H2: 지금 시작하세요
3-2. 키워드 전략 (콘텐츠 내 배치)¶
| 배치 위치 | 권장 사항 | 이유 |
|---|---|---|
| title 태그 | 핵심 키워드 앞쪽 배치 | 검색 엔진 가중치 최고 |
| H1 | 핵심 키워드 포함 | 페이지 주제 명확화 |
| 첫 100단어 | 핵심 키워드 1회 | 조기 키워드 신호 |
| H2 태그 | 보조 키워드 분산 | 주제 확장 |
| 본문 | 자연스러운 키워드 분포 (1-2% 밀도) | 과도 시 패널티 |
| 이미지 alt | 키워드 포함 대체 텍스트 | 이미지 검색 노출 |
| URL | 키워드 포함 슬러그 | URL 기반 인덱싱 |
| 내부 링크 앵커 텍스트 | 키워드 포함 | 내부 링크 파워 |
3-3. 콘텐츠 품질 기준¶
| 기준 | A등급 조건 | 이유 |
|---|---|---|
| 고유 콘텐츠 | 100% 오리지널 (중복 콘텐츠 금지) | 중복 콘텐츠 패널티 방지 |
| 분량 | 메인 랜딩: 1,500-2,500단어 | 충분한 깊이 + 키워드 기회 |
| 가독성 | 짧은 단락 (3-4줄), 글머리 기호 활용 | 사용자 체류 시간 증가 |
| E-E-A-T | 경험, 전문성, 권위, 신뢰 | 헬스케어 YMYL 분야 필수 |
| 멀티미디어 | 이미지 3-5개, 가능하면 동영상 | 사용자 참여도 향상 |
| 업데이트 | 최소 분기 1회 콘텐츠 업데이트 | 신선도 시그널 |
3-4. E-E-A-T 강화 전략 (헬스케어 특화)¶
왜 중요한가: 헬스케어는 Google의 YMYL(Your Money or Your Life) 카테고리에 속하여, E-E-A-T(Experience, Expertise, Authoritativeness, Trustworthiness) 기준이 특별히 엄격.
| E-E-A-T 요소 | 구현 방법 | 예시 |
|---|---|---|
| Experience | 실제 사용 사례, 사용자 후기 | "3개월 사용 후기" 섹션 |
| Expertise | 전문가 프로필, 자격 명시 | "임상심리전문가 감수" |
| Authoritativeness | 수상, 인증, 언론 보도 | "OO 매거진 선정 Best 앱" |
| Trustworthiness | 개인정보 보호, 면책 조항 | "의료 진단 대체 불가" 고지 |
3-5. 내부 링크 전략¶
[메인 페이지]
├── [마음첵 랜딩] ←→ [마음정원 랜딩] (관련 서비스로 상호 링크)
│ ├── /maumcheck/features
│ ├── /maumcheck/faq
│ └── /blog/mental-health-guide
│
├── [마음정원 랜딩] ←→ [혈당첵 랜딩] (건강 관리 통합 안내)
│ ├── /maumgarden/meditation-guide
│ ├── /maumgarden/faq
│ └── /blog/mindfulness-tips
│
└── [혈당첵 랜딩] ←→ [마음첵 랜딩] (건강+마음 통합 관리)
├── /bloodsugarcheck/features
├── /bloodsugarcheck/faq
└── /blog/blood-sugar-management
4. 페이지 속도 최적화 (Core Web Vitals)¶
4-1. Core Web Vitals 기준 (2025-2026)¶
| 지표 | 좋음 (Good) | 개선 필요 | 나쁨 (Poor) | 측정 대상 |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | ≤2.5초 | ≤4.0초 | >4.0초 | 가장 큰 콘텐츠 요소 로딩 |
| INP (Interaction to Next Paint) | ≤200ms | ≤500ms | >500ms | 사용자 인터랙션 응답성 |
| CLS (Cumulative Layout Shift) | ≤0.1 | ≤0.25 | >0.25 | 시각적 레이아웃 안정성 |
참고: FID(First Input Delay)는 2024년 3월부터 INP로 대체됨
왜 중요한가: Core Web Vitals는 Google 검색 랭킹의 공식 시그널. 모든 지표에서 "Good" 등급을 받으면 검색 순위에 긍정적 영향. 특히 모바일 검색에서 중요.
4-2. 최적화 체크리스트¶
LCP 최적화 (≤2.5초 목표)
| 대상 | 최적화 방법 | 기대 효과 | 난이도 |
|---|---|---|---|
| 히어로 이미지 | WebP/AVIF 포맷, 적절한 크기 | LCP 1-3초 단축 | 낮음 |
| 폰트 | font-display: swap, 프리로드 | 텍스트 렌더링 개선 | 낮음 |
| 서버 응답 | CDN 사용 (Vercel 기본 제공) | TTFB 단축 | 낮음 |
| CSS | 크리티컬 CSS 인라인, 비크리티컬 지연 로드 | 렌더 블로킹 제거 | 중간 |
| JavaScript | defer/async 속성, 코드 스플리팅 | 메인 스레드 차단 감소 | 중간 |
INP 최적화 (≤200ms 목표)
| 대상 | 최적화 방법 | 기대 효과 | 난이도 |
|---|---|---|---|
| 이벤트 핸들러 | 무거운 작업 Web Worker 분리 | 입력 지연 감소 | 중간 |
| JavaScript 번들 | Tree shaking, 코드 스플리팅 | 파싱/실행 시간 단축 | 중간 |
| 애니메이션 | CSS 애니메이션 사용, JS 최소화 | 프레임 드롭 방지 | 낮음 |
CLS 최적화 (≤0.1 목표)
| 대상 | 최적화 방법 | 기대 효과 | 난이도 |
|---|---|---|---|
| 이미지 | width/height 속성 명시 또는 aspect-ratio | 레이아웃 시프트 제거 | 낮음 |
| 폰트 | font-display: optional 또는 사전 로드 | 폰트 스왑 시프트 제거 | 낮음 |
| 동적 콘텐츠 | 광고/배너 영역 사전 확보 | 삽입 시 시프트 방지 | 중간 |
| 임베드 | iframe에 고정 크기 지정 | 로딩 시 레이아웃 유지 | 낮음 |
4-3. 이미지 최적화 상세¶
| 항목 | 권장 사항 | 이유 |
|---|---|---|
| 포맷 | WebP (우선), AVIF (지원 시), JPEG (폴백) | WebP는 JPEG 대비 25-35% 작음 |
| 지연 로딩 | loading="lazy" (히어로 이미지 제외) | 초기 로드 시 불필요한 다운로드 방지 |
| 반응형 이미지 | srcset + sizes 속성 사용 | 기기별 적절한 해상도 전달 |
| 크기 명시 | width, height 또는 aspect-ratio | CLS 방지 |
| alt 텍스트 | 키워드 포함 설명적 텍스트 | 접근성 + 이미지 검색 SEO |
| CDN | Vercel Image Optimization 활용 | 자동 최적화 및 캐싱 |
4-4. 성능 측정 도구¶
| 도구 | URL | 용도 |
|---|---|---|
| PageSpeed Insights | pagespeed.web.dev | Core Web Vitals 측정 + 개선 제안 |
| Lighthouse | Chrome DevTools | 종합 성능, 접근성, SEO 점수 |
| WebPageTest | webpagetest.org | 상세 워터폴 분석 |
| Chrome UX Report | CrUX Dashboard | 실제 사용자 경험 데이터 |
| Search Console | CWV 보고서 | 인덱싱된 페이지의 CWV 상태 |
5. 모바일 최적화¶
5-1. Google 모바일 퍼스트 인덱싱¶
왜 중요한가: Google은 2023년부터 모바일 퍼스트 인덱싱을 완전히 적용. 모바일 버전의 콘텐츠가 인덱싱 및 랭킹의 기준. 특히 앱 랜딩페이지는 모바일 사용자가 대부분이므로 모바일 최적화가 전환에 직접 영향.
5-2. 모바일 최적화 체크리스트¶
| 항목 | 기준 | 이유 | 중요도 |
|---|---|---|---|
| 반응형 디자인 | 모든 디바이스에서 정상 표시 | 단일 URL로 모든 기기 대응 | P0 |
| 뷰포트 메타 태그 | width=device-width, initial-scale=1 | 모바일 렌더링 제어 | P0 |
| 터치 타겟 크기 | 최소 48x48px, 간격 8px 이상 | 터치 조작 편의성 | P0 |
| 폰트 크기 | 본문 최소 16px | 줌 없이 읽기 가능 | P0 |
| 수평 스크롤 없음 | 가로 스크롤 발생 금지 | UX 저하 방지 | P0 |
| 팝업/인터스티셜 | 모바일에서 전면 팝업 최소화 | Google 모바일 인터스티셜 패널티 | P0 |
| 콘텐츠 동등성 | 데스크톱과 동일 콘텐츠 | 모바일 퍼스트 인덱싱 대응 | P0 |
| AMP 고려 | 앱 랜딩에는 불필요 | 일반 웹 앱으로 충분 | P2 |
5-3. 모바일 UX 특화 항목¶
| 항목 | 권장 사항 | 앱 랜딩 특화 이유 |
|---|---|---|
| 앱 다운로드 CTA | 화면 하단 고정 (Sticky) | 스크롤 중에도 다운로드 접근 가능 |
| 이미지 캐러셀 | 스와이프 가능한 스크린샷 갤러리 | 모바일에서 자연스러운 인터랙션 |
| 접힌 콘텐츠 | 아코디언 UI로 FAQ 등 처리 | 모바일 화면 공간 효율적 활용 |
| 로딩 인디케이터 | 스켈레톤 스크린 사용 | 체감 로딩 속도 개선 |
| 깊은 스크롤 대안 | 핵심 정보를 상단에 집중 | 모바일 사용자 이탈률 감소 |
6. 전환율 최적화 (CRO) [v1.1 대폭 강화] [page-cro 적용]¶
6-1. CRO 핵심 요소¶
왜 중요한가: 랜딩페이지의 궁극적 목표는 앱 다운로드. 아무리 SEO로 트래픽을 확보해도 전환이 일어나지 않으면 의미가 없음. 전환율 1% 개선이 광고비 절감보다 효율적.
6-2. page-cro 7가지 진단 프레임워크 [page-cro 적용]¶
page-cro 스킬의 7가지 진단 프레임워크를 헬스케어 앱 랜딩페이지에 체계적으로 적용:
진단 1: 가치 제안 명확성 (Value Proposition Clarity)¶
핵심 질문: 방문자가 3초 내에 "이 앱이 무엇이고, 왜 필요한지" 이해할 수 있는가?
| 진단 항목 | 구체적 질문 | A등급 기준 | 헬스케어 앱 특화 |
|---|---|---|---|
| 히어로 헤드라인 | 핵심 혜택이 H1에 명확히 표현되는가? | 3초 내 가치 인지 | "과학적 심리검사", "간편 혈당 관리" 등 즉시 이해 |
| 서브 헤드라인 | 헤드라인을 보충하는 구체적 설명이 있는가? | 혜택+방법 결합 | "PHQ-9 기반 전문 검사로 우울, 불안을 체크하세요" |
| 시각적 단서 | 앱의 가치를 시각적으로 보여주는 요소가 있는가? | 앱 목업/스크린샷 | 실제 검사 화면, 결과 리포트 미리보기 |
| 첫 화면 완결성 | 스크롤 없이 보이는 영역만으로 앱 성격이 파악되는가? | Above the fold 완결 | 히어로+CTA+신뢰배지가 한 화면에 |
진단 2: 헤드라인 효과 (Headline Effectiveness)¶
핵심 질문: 헤드라인이 타겟 고객의 핵심 니즈/페인포인트를 직접 반영하는가?
| 진단 항목 | 구체적 질문 | A등급 기준 |
|---|---|---|
| 고객 언어 반영 | 타겟 사용자가 실제 사용하는 표현인가? | "우울한 기분" > "기분 장애" |
| 혜택 중심 | 기능이 아닌 혜택(결과)을 약속하는가? | "혈당 관리가 쉬워집니다" > "혈당 기록 기능 제공" |
| 구체성 | 추상적이지 않고 구체적인 표현인가? | "5개 표준 심리검사" > "다양한 검사" |
| 감정 연결 | 타겟의 감정 상태와 공감하는가? | "마음이 무거운 날, 함께합니다" |
| 차별화 | 경쟁 앱과 구분되는 고유한 표현인가? | 한국형 특화, 과학적 근거 강조 |
진단 3: CTA 최적화 (Call-to-Action Optimization)¶
핵심 질문: CTA의 위치, 텍스트, 디자인이 명확한 행동을 유도하는가?
| 진단 항목 | 구체적 질문 | A등급 기준 | 헬스케어 앱 특화 |
|---|---|---|---|
| CTA 텍스트 | "무료로 시작하기" 등 가치+행동을 결합했는가? | 동사+혜택 조합 | "무료 심리검사 시작하기" > "다운로드" |
| CTA 위치 | 히어로+중간+하단에 복수 배치했는가? | 최소 3곳 배치 | 스크롤 깊이별 CTA 노출 |
| CTA 디자인 | 배경과 충분히 대비되는 색상인가? | 4.5:1+ 대비 비율 | 브랜드 컬러 내 고대비 조합 |
| CTA 크기 | 모바일에서 터치하기 쉬운 크기인가? | 최소 48x48px | 엄지 손가락 접근 가능 영역 |
| CTA 주변 마이크로카피 | 불안 해소 문구가 있는가? | "무료", "개인정보 보호" 명시 | "검사 결과는 안전하게 보호됩니다" |
진단 4: 시각 계층 구조 (Visual Hierarchy)¶
핵심 질문: 정보의 우선순위가 시각적으로 명확한가?
| 진단 항목 | 구체적 질문 | A등급 기준 |
|---|---|---|
| F/Z 패턴 준수 | 사용자의 자연스러운 시선 흐름을 따르는가? | F패턴(데스크톱), Z패턴(모바일) |
| 크기 계층 | 중요도에 따라 텍스트/요소 크기가 차등적인가? | H1 > H2 > 본문 명확한 차이 |
| 색상 대비 | 핵심 요소(CTA, 배지)가 시각적으로 돋보이는가? | CTA 색상 ≠ 배경 색상 |
| 여백 활용 | 충분한 화이트 스페이스로 요소 간 구분이 명확한가? | 섹션 간 최소 48px 간격 |
| 시각적 흐름 | 히어로 → 기능 → 증거 → CTA 순서가 자연스러운가? | AIDA 프레임워크 준수 |
진단 5: 신뢰 신호 (Trust Signals)¶
핵심 질문: 사회적 증거, 전문가 인증 등 신뢰 요소가 충분한가?
| 진단 항목 | 구체적 질문 | A등급 기준 | 헬스케어 앱 특화 |
|---|---|---|---|
| 사용자 수/다운로드 | 구체적 수치가 노출되는가? | "10,000+ 다운로드" 배지 | 헬스케어 분야 신뢰 임계값 |
| 전문가 인증 | 의료/전문가 감수 사실이 명시되는가? | 전문가 이름+자격 포함 | "임상심리전문가 OOO 감수" |
| 사용자 후기 | 실제 사용자의 구체적 경험이 인용되는가? | 이름+기간+구체적 결과 | "3개월간 꾸준히 기록, 혈당 관리가 쉬워졌어요" |
| 미디어 노출 | 언론/미디어 보도가 있는가? | 매체 로고 최소 3개 | 건강/IT 매체 노출 |
| 보안/인증 | 데이터 보호 인증 표시가 있는가? | 암호화 아이콘, 보안 배지 | 건강 데이터 보호 강조 |
| 평점 표시 | 앱스토어 평점이 노출되는가? | ★4.0+ 배지 | Google Play 실제 평점 연동 |
진단 6: 이의 처리 (Objection Handling)¶
핵심 질문: 잠재 고객의 주요 반대 의견/우려를 선제적으로 해소하는가?
| 잠재 이의 (헬스케어 앱 특화) | 해소 전략 | 구현 위치 |
|---|---|---|
| "내 건강 데이터가 유출될까?" | 데이터 암호화, 개인정보 보호 정책 명시 | FAQ, 신뢰 섹션, CTA 마이크로카피 |
| "이 검사/기능이 정확할까?" | 과학적 도구 기반, 전문가 감수 명시 | 기능 소개 섹션, 전문가 프로필 |
| "유료 결제를 요구하진 않을까?" | "무료 기본 기능" 명확히 표시, 가격 투명성 | 히어로 CTA, FAQ |
| "실제 진단/치료가 가능한가?" | 의료 면책 조항, 전문 상담 안내 | 푸터, FAQ, 별도 고지 |
| "다른 앱과 뭐가 다른가?" | 차별화 포인트 명시 (한국형, 과학적 등) | 차별화 섹션 |
| "사용하기 어렵지 않을까?" | "3초 기록", "쉬운 사용법" 시각적 증명 | 스크린샷, 기능 소개 |
진단 7: 마찰 요소 (Friction Elements)¶
핵심 질문: 전환 과정에서 불필요한 단계나 혼란 요소가 없는가?
| 진단 항목 | 구체적 질문 | A등급 기준 | 헬스케어 앱 특화 |
|---|---|---|---|
| 클릭 거리 | 방문~스토어 이동이 최소 클릭인가? | 1-2 클릭 이내 | CTA → Play Store 직접 이동 |
| 팝업/배너 | 전면 팝업이 전환을 방해하지 않는가? | 전면 팝업 없음 (SEO 패널티) | 쿠키 동의만 최소 표시 |
| 로딩 속도 | 페이지 로딩이 빠른가? | LCP ≤ 2.5초 | 이미지 최적화 필수 |
| 정보 과부하 | 불필요하게 많은 정보로 혼란을 주지 않는가? | 핵심 기능 3-5개만 소개 | 의료 정보 과잉 주의 |
| 일관된 경험 | 페이지 내 톤, 디자인, 메시지가 일관적인가? | 브랜드 가이드 100% 준수 | 서비스별 톤앤매너 일관 |
| 외부 링크 이탈 | 불필요한 외부 링크가 사용자를 이탈시키지 않는가? | 외부 링크 최소화 | Play Store 링크만 주요 외부 링크 |
6-3. 전환 퍼널 설계¶
[방문] → [관심] → [욕구] → [행동]
↓ ↓ ↓ ↓
히어로 기능 소개 사회적 CTA 클릭
섹션 섹션 증거 (스토어 이동)
↓ ↓ ↓ ↓
가치제안 시각계층 신뢰신호 CTA최적화
(진단1) (진단4) (진단5) (진단3)
헤드라인 이의처리 마찰제거
(진단2) (진단6) (진단7)
6-4. 섹션별 CRO 체크리스트 (기존 + page-cro 통합)¶
히어로 섹션 (Above the Fold)
| 요소 | A등급 기준 | 심리 원칙 | page-cro 진단 매핑 |
|---|---|---|---|
| 헤드라인 | 핵심 혜택 즉시 전달 (3초 규칙) | 첫인상 효과 | 진단 1, 2 |
| 서브 헤드라인 | 구체적 가치 제안 | 구체성 원칙 | 진단 1 |
| CTA 버튼 | 대비 색상, 명확한 텍스트 | 시각적 현저성 | 진단 3 |
| 히어로 이미지 | 앱 UI 또는 사용 맥락 | 시각적 설득 | 진단 4 |
| 사회적 증거 | 다운로드 수, 평점 뱃지 | 밴드왜건 효과 | 진단 5 |
| 마이크로카피 | CTA 하단 불안 해소 | 리스크 리버설 | 진단 6 |
기능 소개 섹션
| 요소 | A등급 기준 | 심리 원칙 | page-cro 진단 매핑 |
|---|---|---|---|
| 기능 3-5개 | 핵심 기능만 선별 | 선택 과부하 방지 | 진단 7 |
| 아이콘+텍스트 | 시각적 + 설명적 조합 | 이중 코딩 이론 | 진단 4 |
| 혜택 중심 | 기능이 아닌 혜택으로 표현 | 가치 프레이밍 | 진단 1, 2 |
| 스크린샷 포함 | 실제 앱 화면 노출 | 소유 효과 | 진단 4 |
사회적 증거 섹션
| 요소 | A등급 기준 | 심리 원칙 | page-cro 진단 매핑 |
|---|---|---|---|
| 사용자 후기 | 실명+사진 포함 (동의 필요) | 사회적 증거 | 진단 5 |
| 전문가 추천 | 의료 전문가 코멘트 | 권위 효과 | 진단 5 |
| 수치 데이터 | 다운로드 수, 사용자 수 | 밴드왜건 효과 | 진단 5 |
| 미디어 로고 | 언론 보도 매체 로고 | 후광 효과 | 진단 5 |
CTA 섹션
| 요소 | A등급 기준 | 심리 원칙 | page-cro 진단 매핑 |
|---|---|---|---|
| 버튼 텍스트 | "무료로 시작하기" > "다운로드" | 손실 회피 (무료 강조) | 진단 3 |
| 버튼 크기 | 모바일 48px 이상, 데스크톱 명확히 눈에 띔 | 피츠의 법칙 | 진단 3 |
| 버튼 색상 | 페이지 배경과 대비되는 색상 | 시각적 현저성 | 진단 3, 4 |
| 마이크로카피 | "개인정보 안전" 등 불안 해소 | 리스크 리버설 | 진단 6 |
| 긴급성 | "지금" 시작, 숫자 활용 | 긴급성 원칙 | 진단 3 |
6-5. CRO 측정 지표¶
| 지표 | 목표 | 측정 방법 |
|---|---|---|
| 전환율 | 3-8% (랜딩 → 스토어 클릭) | GA4 이벤트 |
| 이탈률 | 40% 이하 | GA4 |
| 평균 체류 시간 | 1분 30초 이상 | GA4 |
| 스크롤 깊이 | 75% 이상 | GTM 스크롤 이벤트 |
| CTA 클릭률 | 히어로 CTA 5%+, 하단 CTA 3%+ | GA4 이벤트 |
7. 앱 다운로드 딥링크 및 스마트 배너¶
7-1. 스마트 앱 배너¶
왜 중요한가: 모바일 사용자가 랜딩페이지 방문 시 앱 설치를 유도하는 네이티브 배너. 브라우저 상단에 자연스럽게 표시되어 사용자 경험을 해치지 않으면서 설치를 촉진.
Android 구현 (Web App Manifest 활용)
{
"related_applications": [{
"platform": "play",
"url": "https://play.google.com/store/apps/details?id=com.example.maumcheck",
"id": "com.example.maumcheck"
}],
"prefer_related_applications": true
}
커스텀 스마트 배너 (모든 브라우저 대응)
<!-- 모바일에서만 표시되는 커스텀 앱 설치 배너 -->
<div class="app-banner" id="appBanner">
<img src="/icon-48.png" alt="마음첵 아이콘">
<div>
<strong>마음첵</strong>
<span>마음건강 자가진단 앱</span>
<span>★★★★★ 무료</span>
</div>
<a href="https://play.google.com/store/apps/details?id=com.example.maumcheck"
class="install-btn">설치</a>
</div>
7-2. 딥링크 전략¶
| 딥링크 유형 | 용도 | 구현 방법 |
|---|---|---|
| Play Store 직접 링크 | 앱 미설치 → 스토어 이동 | https://play.google.com/store/apps/details?id=... |
| Intent 기반 | 앱 설치 → 앱 내 특정 화면 | intent://...#Intent;scheme=...;end |
| Firebase Dynamic Links | 설치 여부에 따라 자동 분기 | Firebase SDK 활용 |
| UTM 파라미터 | 유입 경로 추적 | ?utm_source=landing&utm_medium=web&utm_campaign=launch |
7-3. UTM 파라미터 설계¶
https://play.google.com/store/apps/details?id=com.example.maumcheck
&utm_source=landing_maumcheck # 유입 소스
&utm_medium=web # 유입 매체
&utm_campaign=launch_2026q1 # 캠페인
&utm_content=hero_cta # CTA 위치 (hero, mid, bottom)
8. 구현 우선순위 매트릭스¶
전체 우선순위 (영향도 x 난이도)¶
| 우선순위 | 항목 | 영향도 | 난이도 | 소요 시간 |
|---|---|---|---|---|
| P0 | title, meta description | ★★★★★ | 낮음 | 1시간 |
| P0 | H1-H6 헤딩 구조 | ★★★★★ | 낮음 | 2시간 |
| P0 | HTTPS + canonical | ★★★★★ | 낮음 | 자동(Vercel) |
| P0 | viewport + charset | ★★★★★ | 낮음 | 30분 |
| P0 | robots.txt + sitemap | ★★★★☆ | 낮음 | 1시간 |
| P0 | MobileApplication 스키마 | ★★★★★ | 중간 | 3시간 |
| P0 | 반응형 디자인 | ★★★★★ | 중간 | 포함(개발) |
| P0 | 히어로 섹션 CRO | ★★★★★ | 중간 | 4시간 |
| P1 | OG 태그 + Twitter Card | ★★★★☆ | 낮음 | 1시간 |
| P1 | 이미지 최적화 (WebP, lazy) | ★★★★☆ | 낮음 | 2시간 |
| P1 | Core Web Vitals 최적화 | ★★★★☆ | 중간 | 4시간 |
| P1 | FAQPage 스키마 | ★★★☆☆ | 낮음 | 2시간 |
| P1 | 스마트 앱 배너 | ★★★★☆ | 중간 | 3시간 |
| P1 | GA4/GTM 설정 | ★★★★☆ | 중간 | 4시간 |
| P1 | 내부 링크 구조 | ★★★☆☆ | 낮음 | 2시간 |
| P2 | 카카오톡 공유 최적화 | ★★★☆☆ | 낮음 | 1시간 |
| P2 | 딥링크 + UTM 설정 | ★★★☆☆ | 중간 | 3시간 |
| P2 | 롱테일 키워드 페이지 | ★★★☆☆ | 높음 | 지속 |
| P2 | 블로그/콘텐츠 허브 | ★★★☆☆ | 높음 | 지속 |
9. 서비스별 랜딩페이지 구조 설계¶
9-1. 마음첵 랜딩페이지 구조¶
[1. 히어로]
H1: "마음첵으로 시작하는 과학적 마음건강 자가진단"
서브: 전문 심리검사로 우울, 불안, 스트레스를 체크하세요
CTA: Google Play 다운로드 버튼
배지: ★4.5 | 10,000+ 다운로드
[2. 문제 제기]
H2: "내 마음 상태, 정확히 알고 계신가요?"
공감 카피 + 통계 데이터 (한국인 5명 중 1명 정신건강 문제 경험)
[3. 솔루션 - 핵심 기능]
H2: "마음첵이 제공하는 전문 심리검사"
H3: 우울증 자가진단 (PHQ-9)
H3: 불안장애 테스트 (GAD-7)
H3: 스트레스 레벨 체크
H3: 마음건강 트렌드 리포트
[4. 차별화]
H2: "왜 마음첵인가요?"
전문가 감수, 과학적 도구, 개인정보 보호
[5. 사회적 증거]
H2: "마음첵 사용자들의 이야기"
사용자 후기 3-5개
[6. FAQ]
H2: "자주 묻는 질문"
Q&A 5-7개 (FAQPage 스키마 적용)
[7. 최종 CTA]
H2: "지금 마음건강을 확인하세요"
Google Play 다운로드 버튼 + 무료 강조
9-2. 마음정원 랜딩페이지 구조¶
[1. 히어로]
H1: "마음정원에서 시작하는 일상 속 마음 돌봄"
서브: 매일 5분 명상과 마음챙김으로 평온한 하루를
CTA: Google Play 다운로드 버튼
비주얼: 평온한 정원 이미지 + 앱 목업
[2. 공감]
H2: "바쁜 일상, 마음은 돌보고 계신가요?"
현대인 스트레스 통계 + 명상 효과 연구 결과
[3. 핵심 기능]
H2: "마음정원이 선사하는 마음 돌봄 프로그램"
H3: 가이드 명상 (한국어 음성)
H3: 호흡 운동 가이드
H3: 감정 일기 & 기록
H3: 수면 명상 & 소리
[4. 사용 시나리오]
H2: "언제 어디서든 시작할 수 있어요"
아침 루틴, 출퇴근, 취침 전 등 시나리오별 안내
[5. 사회적 증거]
H2: "마음정원과 함께하는 사람들"
사용자 후기 + 연속 사용일 통계
[6. FAQ]
H2: "자주 묻는 질문"
[7. 최종 CTA]
H2: "오늘부터 마음 정원을 가꾸세요"
9-3. 혈당첵 랜딩페이지 구조¶
[1. 히어로]
H1: "혈당첵으로 시작하는 간편한 혈당 관리"
서브: 공복·식후 혈당 기록부터 건강 리포트까지 한번에
CTA: Google Play 다운로드 버튼
배지: 당뇨인 OOO명이 사용 중
[2. 문제 제기]
H2: "혈당 관리, 꾸준히 하고 계신가요?"
당뇨 유병률 통계 + 자기 관리의 중요성
[3. 핵심 기능]
H2: "혈당첵의 스마트 혈당 관리 기능"
H3: 간편 혈당 기록 (3초 입력)
H3: 혈당 트렌드 그래프
H3: 식단 & 운동 기록
H3: 건강 리포트 (주간/월간)
[4. 차별화]
H2: "왜 혈당첵을 선택해야 하나요?"
한국형 식단 DB, 직관적 UI, 데이터 내보내기
[5. 사회적 증거]
H2: "혈당첵 사용자들의 변화"
사용자 후기 + 관리 효과 데이터
[6. 의료 면책 + 신뢰]
H2: "안전하고 신뢰할 수 있는 건강 기록"
의료 기기 아님 고지 + 데이터 보안 강조
[7. FAQ]
H2: "자주 묻는 질문"
[8. 최종 CTA]
H2: "오늘부터 혈당 관리를 시작하세요"
10. 배포 전 최종 체크리스트¶
기술 SEO 최종 확인¶
-
<title>태그: 50-60자, 핵심 키워드 포함 -
<meta description>: 150-155자, CTA 포함 -
<link rel="canonical">: 정규 URL 설정 -
<meta viewport>: 모바일 반응형 설정 - OG 태그: title, description, image, url 모두 설정
- Twitter Card 태그 설정
- robots.txt 생성 및 배포
- sitemap.xml 생성 및 제출
- HTTPS 적용 확인
- www/non-www 리다이렉트 통일
- 404 페이지 커스텀 설정
구조화 데이터 확인 [v1.1 강화] [schema-markup 적용]¶
- MobileApplication 스키마 구현 (3개 서비스 각각, featureList 포함)
- Organization 스키마 구현 (logo, contactPoint 포함)
- FAQPage 스키마 구현 (서비스별 4-5개 Q&A)
- BreadcrumbList 스키마 구현 (모든 페이지)
- WebSite 스키마 구현 (메인 페이지, SearchAction 포함)
- Google Rich Results Test 통과 (모든 스키마 유형)
- Schema Markup Validator 검증 완료 (오류 0건)
- aggregateRating 데이터 정확성 확인 (Play Console 실제 데이터와 일치)
- downloadUrl/installUrl 정상 작동 확인
콘텐츠 확인¶
- H1 태그: 페이지당 1개, 키워드 포함
- 헤딩 계층 구조 올바름 (H1 > H2 > H3)
- 이미지 alt 텍스트 모두 작성
- 내부 링크 구조 구축 (서비스 간 크로스 링크)
- 콘텐츠 고유성 확인 (중복 없음)
- E-E-A-T 요소 포함 (전문가 정보, 출처)
- 의료 면책 조항 포함 (헬스케어 필수)
성능 확인¶
- PageSpeed Insights 점수: 모바일 90+ / 데스크톱 95+
- LCP ≤ 2.5초
- INP ≤ 200ms
- CLS ≤ 0.1
- 이미지 WebP 최적화
- 지연 로딩 적용 (히어로 제외)
모바일 확인¶
- 반응형 디자인 모든 브레이크포인트 확인
- 터치 타겟 48px 이상
- 본문 폰트 16px 이상
- 수평 스크롤 없음
- 모바일 전면 팝업 없음
CRO 확인 [v1.1 강화] [page-cro 적용]¶
- page-cro 7가지 진단 프레임워크 전체 통과
- 진단 1 — 가치 제안: 3초 내 핵심 가치 인지 가능
- 진단 2 — 헤드라인: 타겟 고객 니즈 직접 반영
- 진단 3 — CTA: 최소 3곳 배치, 대비 색상, 명확한 텍스트
- 진단 4 — 시각 계층: F/Z 패턴 준수, 정보 우선순위 명확
- 진단 5 — 신뢰 신호: 전문가 인증, 사용자 수, 평점 노출
- 진단 6 — 이의 처리: 데이터 보안, 무료, 의료 면책 선제 해소
- 진단 7 — 마찰 요소: 전면 팝업 없음, 1-2 클릭 전환, 로딩 ≤2.5초
- 히어로 CTA 명확하고 눈에 띔
- 스마트 앱 배너 작동 확인
- Play Store 링크 정상 작동
- UTM 파라미터 설정 완료
- GA4/GTM 이벤트 추적 작동 확인
검색엔진 제출¶
- Google Search Console에 사이트 등록
- sitemap.xml 제출
- 인덱싱 요청 (URL 검사 도구)
- 모바일 사용성 보고서 확인
다음 문서: 04_keyword-strategy-framework.md — 키워드 전략 프레임워크