# PlanitAI 웹사이트 개선점 분석 리포트

**분석일자**: 2025년 12월 7일
**대상 URL**: https://planitai.co.jp (→ https://www.planitai.co.jp)
**분석 도구**: Playwright MCP

---

## 1. 기술적 개선 사항 (Technical Improvements)

### 1.1 심각 (Critical)

#### 404 에러 - Privacy Policy 페이지
- **문제**: `/privacy-policy` 페이지가 404 에러
- **발견 경로**: Contact 페이지의 체크박스에서 "プライバシーポリシーに同意する" 링크가 이 페이지로 연결됨
- **영향**:
  - 법적 필수 페이지 누락
  - 사용자가 개인정보 처리방침 확인 불가
  - 문의 폼 제출 전 동의 근거 없음
- **해결방안**: Privacy Policy 페이지 즉시 생성

#### 404 에러 - WordPress API 엔드포인트 문제
```
[ERROR] https://2025032623012012057904.onamaeweb.jp/blog/wp-json/acf/v3/options/footer => 404
[ERROR] https://2025032623012012057904.onamaeweb.jp/blog/wp-json/menus/v1/menus/footer => 404
```
- **문제**: 외부 WordPress 서버(onamaeweb.jp)에서 footer 관련 ACF 옵션과 메뉴 데이터를 가져오려 하지만 404 에러 발생
- **영향**: 모든 페이지에서 콘솔 에러 발생, 사용자 경험 저하, 불필요한 네트워크 요청
- **해결방안**:
  - WordPress REST API 엔드포인트 확인 및 수정
  - ACF to REST API 플러그인 설정 확인
  - 또는 해당 기능이 필요 없다면 코드에서 제거

### 1.2 중요 (High)

#### 블로그 상세 페이지 Featured Image 누락
- **문제**: 블로그 상세 페이지(테크 블로그, AI 뉴스 모두)에 Featured Image가 표시되지 않음
- **현재 상태**:
  - 목록 페이지에서는 썸네일이 보이지만, 상세 페이지 진입 시 이미지가 없음
  - `article` 태그 내 이미지 개수: 0개
  - OG Image 태그도 없음
- **영향**:
  - 시각적 매력 저하로 사용자 이탈 가능성 증가
  - SNS 공유 시 이미지 미리보기 없음
  - 콘텐츠 가독성 및 전문성 인식 저하
- **해결방안**:
  - WordPress에서 가져온 Featured Image를 상세 페이지 상단에 표시
  - `og:image` 메타 태그에 Featured Image URL 설정
  - 이미지가 없는 경우 기본 플레이스홀더 이미지 사용

#### 블로그 목록 페이지네이션 부재
- **문제**: `/blogs/ai` (AI 뉴스) 페이지에 15개 이상의 포스트가 페이지네이션 없이 한 번에 표시됨
- **현재 상태**:
  - 총 게시물 수: 15개+ (매일 1개씩 증가 중)
  - 페이지네이션 UI: 없음
  - 페이지 높이: 3,913px 이상
- **영향**:
  - 페이지 로딩 시간 증가 (게시물 증가에 따라 악화)
  - 초기 페이지 렌더링 성능 저하
  - 사용자가 과거 게시물 탐색 시 과도한 스크롤 필요
  - SEO: 크롤링 비효율성
- **해결방안**:
  - 페이지당 10-12개 게시물로 제한
  - 페이지네이션 UI 추가 (1, 2, 3... 또는 "다음 페이지" 버튼)
  - 또는 "더 보기" 무한 스크롤 방식 고려 (사용자 경험 측면)

#### H1 태그 누락 (홈페이지)
- **문제**: 홈페이지에 H1 태그가 없음. H2부터 시작 (Company, Services, News, Blog)
- **영향**: SEO에 부정적 영향, 검색 엔진이 페이지 주제를 파악하기 어려움
- **해결방안**: 히어로 섹션의 "Dream it, Plan it, Make it" 또는 회사명에 H1 적용

#### Meta Description 부족
```javascript
description: "Planit AI"
```
- **문제**: 메타 설명이 너무 짧고 구체적이지 않음
- **영향**: 검색 결과에서 클릭률(CTR) 저하
- **해결방안**: 150-160자 내외의 구체적이고 매력적인 설명 작성
  - 예: "PlanitAIは、AIソリューション開発、法人向けAI研修、AIプロダクト事業を展開する東京のAI専門企業です。Dream it, Plan it, Make it - お客様のAI活用を支援します。"

#### Open Graph / Twitter Cards 누락
- **문제**: og:title, og:description, og:image, twitter:card 등 소셜 미디어 메타 태그 없음
- **영향**: SNS 공유 시 미리보기가 제대로 표시되지 않음
- **해결방안**: 각 페이지에 OG 태그 및 Twitter Card 태그 추가

#### Canonical URL 누락
- **문제**: `<link rel="canonical">` 태그 없음
- **영향**: 중복 콘텐츠 문제 발생 가능 (planitai.co.jp vs www.planitai.co.jp)
- **해결방안**: 각 페이지에 canonical URL 설정

### 1.3 보통 (Medium)

#### 이미지 최적화
- **문제**: 일부 이미지가 lazy loading 미적용 (Hero Background 등)
- **현재 상태**: LCP(Largest Contentful Paint)에 영향을 줄 수 있는 Hero 이미지는 loading="auto"
- **해결방안**:
  - Above-the-fold 이미지는 preload 유지 (현재 적용됨)
  - Below-the-fold 이미지만 lazy loading 적용 (현재 적용됨)
  - WebP/AVIF 포맷 지원 추가 권장

#### Skip Link 누락 (접근성)
- **문제**: 키보드 사용자를 위한 "Skip to main content" 링크 없음
- **영향**: 접근성(A11Y) 저하, 스크린 리더 사용자 경험 저하
- **해결방안**: 페이지 최상단에 skip link 추가

#### 서비스 페이지 링크 개선
- **문제**: Footer의 서비스 링크들이 모두 `/services`로만 연결됨
- **현재**:
  - AIソリューション事業 → /services
  - 法人向けAI研修事業 → /services
  - AIプロダクト事業 → /services
- **해결방안**: 각각 `/services#ai-solution`, `/services#ai-training`, `/services#ai-product`로 수정

### 1.4 경미 (Low)

#### sitemap.xml 미존재
- **문제**: `/sitemap.xml` 파일이 없음 (404)
- **영향**: 검색 엔진 크롤링 최적화 불가
- **해결방안**: Next.js의 sitemap 생성 기능 또는 수동으로 sitemap.xml 생성

#### robots.txt 확인 필요
- 검색 엔진 크롤링 규칙 설정 확인 필요

#### 구조화 데이터(Schema.org) 추가 권장
- Organization, LocalBusiness, Service 등 스키마 추가로 검색 결과 향상

---

## 2. 마케팅적 개선 사항 (Marketing Improvements)

### 2.1 콘텐츠 전략

#### CTA(Call-to-Action) 강화
- **현재 상태**:
  - 홈페이지에 명확한 CTA 버튼이 부족
  - "私たちについてもっと知る", "すべてのニュースを見る" 정도만 존재
- **개선안**:
  - 히어로 섹션에 "無料相談はこちら" 또는 "お問い合わせ" 버튼 추가
  - 각 서비스 섹션 하단에 CTA 버튼 추가
  - 스크롤 따라다니는 Contact 버튼 고려

#### 사례 연구 / 실적 섹션 추가
- **문제**: 구체적인 도입 사례나 실적이 보이지 않음
- **개선안**:
  - 클라이언트 로고 섹션 추가
  - 구체적인 사례 연구(Case Study) 페이지 생성
  - 수치화된 성과 제시 (예: "○○社の業務効率30%向上")

#### 신뢰도 향상 요소
- **개선안**:
  - 대표이사 프로필 사진이 Company 페이지에 있음 (Good!)
  - 고객 추천사/리뷰 섹션 추가 고려
  - 파트너십/인증 로고 표시

### 2.2 사용자 경험 (UX)

#### 서비스 설명 구체화
- **현재 상태**: 서비스 내용이 일반적인 설명에 그침
- **개선안**:
  - 구체적인 가격대 또는 "料金はお問い合わせ" 명시
  - 도입 프로세스/단계 시각화
  - FAQ 섹션 추가

#### 블로그 활성화 (Good!)
- **현재 상태**: 테크 블로그와 AI 뉴스로 분리되어 활발하게 운영 중
- **유지/개선안**:
  - 블로그 포스트에 CTA 추가 (관련 서비스 안내)
  - 뉴스레터 구독 폼 추가
  - 인기 게시물/추천 게시물 표시

#### 연락처 접근성
- **현재 상태**: Contact 페이지로만 문의 가능
- **개선안**:
  - 전화번호 또는 이메일 주소 Footer에 표시
  - 채팅 위젯 도입 고려

### 2.3 전환율 최적화

#### 자료 다운로드 활성화
- **현재 상태**: Services 페이지의 "資料をダウンロードする" 버튼이 disabled 상태 (準備中)
- **개선안**: 빠른 시일 내에 PDF 자료 준비 및 버튼 활성화
  - 이메일 수집과 연계하여 리드 생성 가능

#### 서비스별 랜딩 페이지
- **개선안**: 각 서비스(AI 솔루션, AI 연수, AI 프로덕트)별 독립 랜딩 페이지 고려
  - Google Ads 등 광고 캠페인 최적화에 유용

---

## 3. 우선순위별 액션 아이템

### 즉시 처리 (This Week)
1. [ ] **Privacy Policy 페이지 생성** ⭐ 법적 필수
2. [ ] WordPress API 404 에러 수정
3. [ ] **블로그 상세 페이지 Featured Image 표시** ⭐ NEW
4. [ ] 홈페이지 H1 태그 추가
5. [ ] Meta description 개선

### 단기 (2주 내)
6. [ ] **블로그 목록 페이지네이션 구현** ⭐ NEW
7. [ ] **sitemap.xml 생성**
8. [ ] Open Graph / Twitter Card 메타 태그 추가 (블로그 포함)
9. [ ] Canonical URL 설정
10. [ ] Footer 서비스 링크 앵커 추가
11. [ ] Skip link 추가 (접근성)

### 중기 (1개월 내)
12. [ ] 히어로 섹션 CTA 버튼 추가
13. [ ] 자료 다운로드 PDF 준비 및 버튼 활성화
14. [ ] 구조화 데이터(Schema.org) 추가
15. [ ] 사례 연구 또는 클라이언트 섹션 추가

### 장기 (분기 내)
16. [ ] 서비스별 독립 랜딩 페이지 제작
17. [ ] 뉴스레터 구독 시스템 도입
18. [ ] 채팅 위젯 도입 검토

---

## 4. 긍정적인 점 (What's Working Well)

1. **깔끔한 디자인**: 모던하고 전문적인 비주얼 아이덴티티
2. **반응형 웹**: 모바일/데스크톱 모두 잘 대응
3. **기술 스택**: Next.js 기반으로 성능 최적화 가능
4. **블로그 운영**: 정기적인 기술 블로그 및 AI 뉴스 업데이트
5. **다국어 지원 준비**: lang="ja" 설정 완료
6. **이미지 Alt 태그**: 모든 이미지에 적절한 alt 텍스트 적용
7. **Lazy Loading**: 적절한 이미지 지연 로딩 적용
8. **Google Analytics**: GA4(G-KBE8XMH72J) 연동 완료
9. **정보 보안 방침**: Security Policy 페이지 존재

---

## 5. 참고 스크린샷

- 홈페이지 (모바일): `.playwright-mcp/planitai-homepage.png`
- 홈페이지 (데스크톱): `.playwright-mcp/planitai-homepage-desktop.png`
- 블로그 상세 - AI 뉴스: `.playwright-mcp/blog-detail-ai-news.png`
- 블로그 상세 - 테크 블로그: `.playwright-mcp/blog-detail-tech.png`

---

## 6. 추가 분석 결과 (2025-12-07 업데이트)

### 블로그 상세 페이지 분석

| 항목 | AI 뉴스 | 테크 블로그 |
|------|---------|-------------|
| Featured Image 표시 | ❌ 없음 | ❌ 없음 |
| Article 내 이미지 | 0개 | 0개 |
| OG Image 태그 | ❌ 없음 | ❌ 없음 |
| H1 태그 | ✅ 있음 | ✅ 있음 |
| Meta Description | "Planit AI" (불충분) | "Planit AI" (불충분) |

### 블로그 목록 페이지 분석

| 페이지 | 게시물 수 | 페이지네이션 | 비고 |
|--------|----------|--------------|------|
| /blogs | 6개 | ❌ 없음 | 테크 블로그 |
| /blogs/ai | 15개+ | ❌ 없음 | AI 뉴스 (매일 증가) |

---

*이 리포트는 Playwright MCP를 사용한 자동화 분석 결과입니다.*