1. このプロトタイプについて
本サイトは、株式会社 樫乃屋の 2 つのウェブサイト（kashinoya.co.jp／kashinoya-biz.com）を、リニューアル提案として 1 つの Hono アプリ上に同居させた**社内レビュー用プロトタイプ**です。公開オリジン：https://kashinoya-renewal-proto.pages.dev。
デプロイ名の制約：Cloudflare Pages のプロジェクト名として
kashinoya-new は使用しません。樫乃屋の別系統（次期リデザイン版／設計検証中）と被るためです。本プロトタイプは kashinoya-renewal-proto 名義で公開しています。
2. 2 サイトの役割設計
役割を明確に分け、それぞれが得意な戦線で集客と信頼形成を担います。
| 観点 | kashinoya.co.jp（/co-jp） | kashinoya-biz.com（/biz-com） |
|---|---|---|
| ロール | ブランド × エンタープライズリード | SEO/AIO 集客ハブ＋ナーチャリング |
| 想定読者 | 経営者・自治体・大企業の意思決定者 | 中小企業の経営者／担当者（補助金・AI・DX を検索する層） |
| 主な流入 | 指名検索・紹介・営業・SNS | オーガニック検索・AI 回答エンジン経由 |
| 主な CTA | 無料相談（質の高い面談） | 記事・補助金詳細 → 件名自動セットで相談予約 |
| KPI | 面談化された相談リード数 | 記事 PV／滞在／コンタクト数／検索順位 |
| デザイン | Tech × Touch スプリットヒーロー（Shippori Mincho 等） | biz-com モダン（Navy／Gold／Cyan） |
3. 集客（CV）動線
「検索 → 記事／補助金詳細 → 相談」を中心線にしつつ、ブランド面（co-jp）で意思決定者にも届ける構成です。
[検索] / [AI 回答] / [SNS]
│
▼
biz-com（記事・補助金詳細） ← 流入の中心
│
▼
記事内 CTA：①無料相談 ②（将来）資料DL／メルマガ
│
▼
/biz-com/contact（リード） ──→ /co-jp（ブランド裏付け）
│
[指名検索・営業] ──→ /co-jp ──→ /biz-com/contact または 電話
4. SEO 方針（実装済み）
| 項目 | 適用範囲 | 状態 |
|---|---|---|
| title／description のキーワード設計 | biz-com 全ページ・co-jp | 適用済 |
| canonical（クエリ除外） | 全 HTML | 後処理ミドルウェアで一括注入 |
| OGP／Twitter Card | 全 HTML | 同上（og:type は記事のみ article） |
| BreadcrumbList JSON-LD | 補助金詳細・記事詳細・一覧 | 適用済 |
| ItemList JSON-LD | 補助金一覧（9件）・記事一覧（20件） | 適用済 |
| LocalBusiness JSON-LD | /co-jp・/co-jp-b | 横浜市・営業時間・電話を明示 |
| Service JSON-LD（5領域） | /co-jp・/co-jp-b | ItemList で連結 |
| Organization JSON-LD | 全 HTML | ミドルウェア一括注入 |
| sitemap.xml／robots.txt | サイトルート | 動的生成（補助金・記事を全て収録） |
| 内部リンク（co-jp ⇄ biz-com） | ヘッダ／フッタ／本文 | 双方向に接続 |
5. AIO 方針（AI 回答エンジン対策）
ChatGPT／Perplexity／Google AI Overviews 等に引用されやすい構造を意識しています。
| 項目 | 適用範囲 | 目的 |
|---|---|---|
| 結論サマリーボックス（記事冒頭） | biz-com 記事 20 件 | AI の要約引用率向上 |
| よくある質問（FAQ）セクション | 補助金詳細 9 件にテンプレ自動生成 | 直接引用される Q&A 形式 |
| FAQPage JSON-LD | 同上 | 構造化データで明示 |
| Article JSON-LD 強化 | 記事詳細 | dateModified／author／mainEntityOfPage で E-E-A-T 強化 |
| 数値・期日の明示 | 補助金詳細・事例 | 金額・補助率・採択率を太字で抽出しやすく |
| 更新日表示（予定） | 記事詳細 | 鮮度シグナル（Phase B） |
6. コピー／トーン方針（A／B 比較）
コーポレートサイトでは 2 つのトーンを A／B 比較できるように残しています。
| 観点 | A 案（/co-jp） | B 案（/co-jp-b） |
|---|---|---|
| 性格 | ブランド寄り・抽象度高め | 相談相手トーン・口語寄り |
| 体言止め・である調 | あり | です／ます調に統一 |
| 誇張表現 | 「劇的に向上」「組織の限界を突破」「最先端」等あり | 除去（grep 0 件） |
| 主語 | 「企業の生産性を向上」 | 「毎日の仕事を軽くします」（読み手中心） |
| カタカナ語 | そのまま（DX/AI/ROI/BPO 等） | そのまま＋周辺を平易化 |
主な書き換え（抜粋）
| 箇所 | A 案 | B 案 |
|---|---|---|
| Hero 左 大見出し | テクノロジーで、組織の限界を突破する。 | IT と AI で、ムリ・ムダ・モレを減らします。 |
| Hero 右 大見出し | プロフェッショナルが、事業の成長を伴走する。 | 補助金も経営も、相談できる人がそばにいます。 |
| Concept | 技術と、人の支援を、ひとつに。 | AI も、補助金も、ぜんぶ一緒に。 |
| Cross-sell | AI 導入のコスト課題を、補助金活用で解決しませんか？ | AI を入れたい。でも、お金がない。それなら、補助金とセットで考えてみませんか？ |
| Contact 見出し | まずは、無料相談から。 | まずは、話を聞かせてください。 |
使い分けの目安：意思決定層・ブランド面では A、現場担当者・初訪問・SNS 流入には B が向きます。最終的にどちらか 1 案、あるいは見出しのみ B／本文 A のミックスを採用する想定です。
7. デザイン方針
7.1 コンセプト
コーポレート面は Tech × Touch（技術と人の支援の融合）を中心概念に、ヒーローをスプリット構成にして左 = Tech（シアン系）／右 = Touch（アンバー系）で表現しています。
7.2 配色
| 用途 | 主な色 |
|---|---|
| Ink（テキスト基調） | #0f172a / #1e293b / #334155 |
| Tech（技術／AI） | #06b6d4（シアン）／#0891b2 |
| Touch（支援） | #d97706（アンバー）／#b45309 |
| Gov（自治体・官公庁） | #059669（エメラルド）／#047857 |
| biz-com 基調 | Navy #0a1424 / Gold #c99f52 / Blue #2f6fed |
7.3 フォント
日本語フォント運用標準（ルート CLAUDE.md §10）に準拠：
- Shippori Mincho（セリフ装飾）／Noto Sans JP（本文）／Inter（欧文・数字）
- 中華フォントは一切指定しません（PingFang／YaHei／Source Han 等は禁止）
- フォールバックの先頭は必ず日本語フォントに
7.4 CSS 名前空間
| 接頭辞 | 用途 |
|---|---|
cv2-* | （旧 co-jp 案。現行は未使用・将来削除候補） |
bz-* | kashinoya-biz.com（統合版） |
bt-* | 記事本文の表・コールアウト等のコンポーネント |
pt-* | 確認ポータル（本ページもこの名前空間） |
| （無印 / site-*） | /co-jp（A 案）・/co-jp-b（B 案）の専用 CSS（co-jp.css） |
※ 絵文字は生成物に使用しません（応答テキスト・HTML／docx／xlsx／pptx／Markdown 等）。タイポグラフィ記号（→ ↗ ★ ✓）のみ装飾用途で許可。
8. 技術構成・セキュリティ
| 項目 | 内容 |
|---|---|
| フレームワーク | Hono（TypeScript）＋ @hono/vite-build for Cloudflare Pages |
| ホスティング | Cloudflare Pages（kashinoya-renewal-proto） |
| レンダリング | サーバーサイドで HTML 文字列を生成（React 等は未使用） |
| セキュリティヘッダ | CSP（script-src 'self' / style-src 'unsafe-inline' / frame-ancestors 'none' 他）／X-Frame-Options: DENY／X-Content-Type-Options: nosniff／Referrer-Policy／HSTS |
| 404／500 | ブランド付きハンドラ（app.notFound／app.onError）を経由しヘッダも適用 |
| 依存 | hono ^4.12.18（既知 CVE 解消済）／npm audit 0 件 |
| XSS 対策 | title／description／検索クエリ等のユーザー入力は esc() 経由 |
| CSS インジェクション対策 | インラインスタイル経由の color 注入は hex 検証（safeColor()） |
| 送信検証 | /biz-com/contact POST：必須項目・メール形式・同意・入力長（≤5,000 字） |
9. レビューの進め方
- 確認ポータル の「サイト構成（ツリー）」から各ページを新規タブで開いて確認します。
- 横並びで比べたい場合は、ポータル上部の「2 ページを別ウィンドウで開いて比較」パネルから A／B のページを選び、ウィンドウ幅プリセット（フル／PC1280／PC1024／タブレット 768／スマホ 390）で開きます。
- A／B 案のコピー比較は
/co-jp（A）と/co-jp-b（B）を並べて確認できます。 - ブランド以外の動線（補助金検索・記事閲覧・お問い合わせ）は
/biz-com側で確認します。
10. 残課題・次フェーズ
Phase B（拡張・任意）
- 記事の更新日表示（鮮度シグナル）
- HowTo JSON-LD（申請手順記事）
- 資料ダウンロード／メルマガ登録の枠（モック）
Phase C（運用基盤）
- エンタープライズ向け CTA（法人 45 分診断 等）
- 編集ガイドライン（用語／トーン／構造化データ運用）
- Cloudflare Web Analytics 設定
- BreadcrumbList／FAQ／HowTo のさらなる拡張
整理候補（小）
- 未参照モジュール（
src/biztest/views.ts・src/renderer.tsx）の削除 - 旧
cv2-*CSS の整理（co-jp が独立 CSS になったため未使用） - 本番化時の Google Fonts セルフホスト化・CSP nonce 化