# ウェブページ制作チェックリスト

## 📱 レスポンシブデザイン

- [ ] スマートフォン（320px〜）で表示確認
- [ ] タブレット（768px〜）で表示確認
- [ ] デスクトップ（1024px〜）で表示確認
- [ ] 大画面（1440px〜）で表示確認
- [ ] 横向き表示の確認
- [ ] viewport metaタグの設定
- [ ] タッチ操作に適したボタンサイズ（最小44x44px）
- [ ] メディアクエリの適切な設定

## 🔍 SEO対策

### 基本設定
- [ ] titleタグの設定（各ページ固有、50-60文字）
- [ ] meta descriptionの設定（各ページ固有、150-160文字）
- [ ] h1タグの適切な配置（1ページに1つ）
- [ ] h2-h6タグの階層構造
- [ ] 画像のaltタグ設定
- [ ] 適切なURL構造（シンプル、わかりやすい）
- [ ] robots.txtファイルの設置
- [ ] XMLサイトマップの作成

### 構造化データ
- [ ] schema.orgのマークアップ（適切な種類）
- [ ] Open Graphタグ（SNSシェア用）
- [ ] Twitter Cardタグ
- [ ] canonicalタグの設定

### パフォーマンスSEO
- [ ] ページ読み込み速度（Core Web Vitals）
- [ ] モバイルフレンドリーテスト合格
- [ ] HTTPSの実装
- [ ] 301リダイレクトの適切な設定
- [ ] 404ページのカスタマイズ

### ローカルSEO（実店舗がある場合）
- [ ] Googleビジネスプロフィールの登録・最適化
- [ ] NAP情報の一貫性（Name, Address, Phone）
- [ ] ローカル構造化データ（LocalBusiness schema）
- [ ] 営業時間・住所の明記
- [ ] Googleマップの埋め込み

## 📊 Google Analytics & トラッキング

- [ ] Google Analytics 4（GA4）の設置
- [ ] Googleタグマネージャー（GTM）の設置（推奨）
- [ ] イベントトラッキングの設定
- [ ] コンバージョン目標の設定
- [ ] クロスドメイントラッキング（必要な場合）
- [ ] IPアドレス除外設定（自社アクセス）
- [ ] データ保持期間の設定
- [ ] プライバシー設定の確認

## 🔎 Google Search Console

- [ ] プロパティの追加と所有権の確認
- [ ] XMLサイトマップの送信
- [ ] URL検査ツールでインデックス確認
- [ ] モバイルユーザビリティレポートの確認
- [ ] Core Web Vitalsレポートの確認
- [ ] カバレッジレポートの確認
- [ ] 手動対策の確認

## 🤖 LLMO（LLM最適化）対策

### コンテンツ構造
- [ ] 明確な見出し構造（LLMが理解しやすい）
- [ ] 段落の適切な長さ（過度に長くない）
- [ ] 箇条書きの活用
- [ ] FAQ形式のコンテンツ追加
- [ ] まとめセクションの設置

### セマンティック最適化
- [ ] 自然言語での記述（キーワードの過度な詰め込みを避ける）
- [ ] 文脈情報の明確化
- [ ] 関連情報へのリンク
- [ ] 日付・時間情報の明記
- [ ] 引用元・出典の明記

### メタデータ
- [ ] JSON-LDによる構造化データ
- [ ] article:published_time、article:modified_timeの設定
- [ ] author情報の明記
- [ ] 専門性・権威性の示唆

### LLM向けコンテンツ
- [ ] ハウツー形式のコンテンツ
- [ ] ステップバイステップの説明
- [ ] 具体的な例の提示
- [ ] 疑問文に対する明確な回答

## ⚡ パフォーマンス最適化

- [ ] 画像の最適化（WebP形式、圧縮）
- [ ] 画像の遅延読み込み（lazy loading）
- [ ] CSSの最小化
- [ ] JavaScriptの最小化
- [ ] 不要なCSSの削除
- [ ] フォントの最適化（font-display: swap）
- [ ] キャッシュ戦略の実装
- [ ] CDNの利用
- [ ] Lighthouseスコア80以上（各カテゴリ）

## 🔒 セキュリティ

- [ ] SSL証明書の実装（HTTPS）
- [ ] Cookie同意バナーの設置（EU・CA向けは必須）
- [ ] セキュリティヘッダーの設定
  - [ ] Content-Security-Policy
  - [ ] X-Frame-Options
  - [ ] X-Content-Type-Options
- [ ] CSRF対策
- [ ] XSS対策
- [ ] SQLインジェクション対策
- [ ] スパム対策（reCAPTCHA等、フォームがある場合）
- [ ] 定期的なセキュリティアップデート

## ♿ アクセシビリティ

- [ ] WAI-ARIA属性の適切な使用
- [ ] キーボード操作の対応
- [ ] フォーカスインジケーターの視認性
- [ ] カラーコントラスト比の確保（WCAG AA以上）
- [ ] スクリーンリーダーでの確認
- [ ] 代替テキストの充実
- [ ] フォームラベルの適切な関連付け

## 📝 コンテンツ品質

- [ ] 誤字脱字のチェック
- [ ] リンク切れのチェック
- [ ] コンテンツの正確性確認
- [ ] 著作権・引用の確認
- [ ] プライバシーポリシーの設置
- [ ] 利用規約の設置（必要な場合）
- [ ] お問い合わせフォームの動作確認

## 🌐 ブラウザ・デバイステスト

- [ ] Chrome（最新版）
- [ ] Firefox（最新版）
- [ ] Safari（最新版）
- [ ] Edge（最新版）
- [ ] iOS Safari
- [ ] Android Chrome
- [ ] 各ブラウザの1つ前のバージョン

## 📤 公開前の最終チェック

- [ ] ファビコンの設定
- [ ] OGP画像の設定
- [ ] メタタグの重複チェック
- [ ] Googleプレビュー確認
- [ ] 404ページの確認
- [ ] サーバーエラーページの確認
- [ ] バックアップの取得
- [ ] テスト環境での最終確認
- [ ] ステークホルダーの承認

## 🚀 公開後の作業

- [ ] Googleインデックス登録リクエスト
- [ ] SNSでのシェア
- [ ] 監視ツールの設定（UptimeRobotなど）
- [ ] 1週間後のアクセス解析確認
- [ ] エラーログの確認
- [ ] ユーザーフィードバックの収集

## 📌 継続的なメンテナンス

- [ ] 月次アクセス解析レポート
- [ ] Search Consoleレポート確認
- [ ] エラートラッキング・監視（Sentry、Rollbar等）
- [ ] コンテンツの定期更新
- [ ] セキュリティパッチの適用
- [ ] バックアップの定期実行
- [ ] パフォーマンスモニタリング

---

**チェックリスト作成日**: $(date +%Y-%m-%d)  
**プロジェクト名**: _____________  
**担当者**: _____________