Update & Brush-up Strategy

jpppl.co.jp アップデート・ブラッシュアップ戦略

ジャパンピープル商事 コーポレートサイト ／ 静的HTML運用ロードマップ
策定・実施: 2026-06-12 ｜ 対象: clients/jppeople ｜ 配信元: dist-preview/

背景

HTML 14ページ構成で安定運用に入った一方、共通パーツ（フッター等）が全ページにコピーされている構造が露呈。1箇所の修正に全ファイル置換が必要で、実際にページ間の不揃いが発生していた。

本戦略では「①日常運用を迷わず回す仕組み」と「②品質・SEO・コンプラのブラッシュアップ」の両輪を整備。Astro移植は判断材料を提示し、発動条件で将来フェーズ化する。

本日の実施サマリー

35MB→4.2MB
hero動画 最適化
14
フッター統一ページ
60+
薬機法・景表法 書き換え
0
公開NG情報の残存
13/13
OGP・sitemap 整備

フェーズ・ロードマップ

0

フォルダ整理・運用基盤完了

  • dist-preview/ を唯一の source of truth に確定
  • output/pages/ → output/old-pages/ にアーカイブ（編集禁止）
  • client.md に運用ルール・公開NG情報を明記
1

即時品質改善完了

  • hero動画: 4K/35MB → 1080p MP4(4.2MB)+WebM+poster。原本は assets/old/ 退避
  • OGP画像(1200×630)を制作・全13ページのパス整合（mismatch解消）
  • sitemap.xml: 全13ページ1:1対応・lastmod更新
  • 個人情報排除: 個人携帯→050番号・個人メール→support@ に全置換
  • フッター全14ページ統一（電話・メール・罫線）
  • 公開前QA: リンク切れ0・プレースホルダー0・SEO構造完備
A

薬機法・景表法 コンプライアンス完了

  • 化粧品3点+健康食品1点で60件超のリスク表現を化粧品56効能/健食ルール準拠に書き換え
  • 韓国制度（機能性化粧品・MFDS体脂肪減少）の効能転載を全面中立化
  • Before/After監査レポートを作成・共有（最終可否は専門家確認を明記）→ 監査レポートを開く
B

QAの仕組み化（全クライアント共通）完了

  • /qa に薬機法・景表法チェックを必須ステップとして組込
  • legal-compliance-reference.md に判断基準を集約（今後の全Web制作に自動適用）
  • OPERATIONS.md で更新タイプ別フロー・デプロイ前チェックリストを定型化
2

継続運用運用フェーズ

  • ニュース追加 → /news → /qa → ZIP → アップロード
  • 商品追加 → /productpage → /sync → /package → /qa → ZIP
  • 会社情報変更 → 全HTML一括置換（JSON-LD含む）→ /qa → ZIP
3

Astro移植将来・条件付き

  • 判断材料は下記セクション参照

将来フェーズ: Astro移植の判断材料

メリット（このサイト固有）
・共通パーツ1ファイル化 → 今回のような全ページ横断修正が原理的に消滅
・会社情報・商品情報のデータ駆動化（電話番号変更＝定数1行）
・画像/CSS自動最適化、sitemap・OGPをビルド時自動生成（漏れゼロ）
・出力は静的HTMLなのでシンレンタルサーバーのまま変更不要
導入ステップ目安
1. Astro + Tailwind プロジェクト初期化0.5セッション
2. Header / Footer / Nav / CTA / メタ のコンポーネント化1セッション
3. 14ページ移植（デザイン完全踏襲）2–3セッション
4. 会社・商品・ニュースのデータファイル化1セッション
5. ビルド出力と現行の全ページ差分QA1セッション
6. 切替デプロイ（以後: 編集→build→dist/をアップロード）—
発動条件（推奨）：全ページ横断修正（会社情報変更・フッター変更等）が月2回以上発生するようになったら移植着手。それまでは静的HTML直運用＋スキルで十分。