`)
各エリアの家賃相場比較、初期費用項目一覧、他社仲介手数料との比較を直感的に提示。
- `overflow-x: auto` による横スクロール対応（`.table-responsive-wrapper`）、ネイビーヘッダー（`#1b2a47`）、偶数行ストライプ表示（`background: #f8fafc`）。
### 4.8 著者・監修者プロフィールボックス (`.author-profile-box`)
記事末尾（まとめの直後）に配置され、記事の信頼性と権威性（E-E-A-T）を保証する監修者カード。
- **アバター画像**: `https://246269021.fs1.hubspotusercontent-na2.net/hubfs/246269021/soraitokyo-theme/assets/editorial_avatar_birds.jpg`（円形 `border-radius: 50%`, `80x80px`）。
- **監修者肩書**: `執筆者：Sorai Tokyo 編集部（宅地建物取引士 監修）`（多言語版は各言語に完全ローカライズ）。
- **構造化データ連携**: `BlogPosting` JSON-LD の `author` プロパティと完全同期。
### 4.9 Q/Aバッジ付きFAQカード (`.faq-card`)
AEO（AI検索エンジン最適化）とユーザーの視認性を極大化する質問・回答コンポーネント。
- **質問行**: ネイビー（`#1b2a47`）の「Q」バッジ（角丸6px, 白文字） ＋ `` 見出し。
- **回答行**: テラコッタ（`#c57e5f`）の「A」バッジ（角丸6px, 白文字） ＋ `
` 本文。
- **カード枠**: `background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.02)`。
- **スキーマ同期**: `FAQPage` JSON-LD の質問・回答テキストと 100% 一致。
### 4.10 中間インラインCTAボックス (`.c-cta-box`)
記事中盤（第2章または第3章後）に配置されるLINE無料相談誘導ボックス。
- **配色・枠線**: ウォームアイボリー背景（`#fdfbf7`）＋ テラコッタ点線（`2px dashed #c57e5f`）＋ 角丸16px。
- **ボタン**: 公式LINEグリーン（`#06c755`）のピル型ボタン（`border-radius: 50px`）。
### 4.11 レスポンシブ・ステップ手順カード (`.step-process-grid` / `.step-card`)
内見チェックフローや部屋探しの手順（1〜4ステップ）を、多言語表示時にも100%崩れず自動改行・自動高さ追従で提示するCSSグリッドコンポーネント。
- **コンテナ**: `display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0`。
- **カード**: `background: #ffffff; border: 1.5px solid #1b2a47; border-radius: 14px; padding: 20px 16px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.03)`。
- **番号バッジ (`.step-badge`)**: 幅36px円形、ネイビー背景（`#1b2a47`）、白文字（`#ffffff`）、太字800。
- **多言語完全リフロー**: 英語・ベトナム語・ロシア語・インドネシア語で文字数が膨張してもカード枠をはみ出さず、スマホ閲覧時も自動で1〜2列に最適化。
---
id: "03_hubspot_theme_modules"
title: "3. HubSpotテーマ・テンプレート・モジュール (HubSpot Theme & Custom Modules)"
category: "hp"
packages:
- "soraitokyo-cms-theme"
cloud_run:
endpoints:
secrets:
- "HUBSPOT_ACCESS_TOKEN"
databases:
---
# 3. HubSpotテーマ・テンプレート・モジュール (HubSpot Theme & Custom Modules)
| 項目 | 定義・対象リソース |
| :--- | :--- |
| **対象パッケージ** | `soraitokyo-cms-theme` |
| **Cloud Run サービス** | N/A (HubSpot CMS HubL Templates & Modules) |
| **主要エンドポイント** | `templates/*.html`, `modules/*.module`, `fields.json`, `theme.json` |
| **依存 Secret** | `HUBSPOT_ACCESS_TOKEN` (Theme CLI Deploy) |
| **Firestore コレクション** | N/A (HubSpot CMS Theme) |
本章では、ソライ東京 公式ウェブサイトの基盤となるHubSpot CMSテーマ構成（`soraitokyo-cms-theme` リポジトリ）、HubLテンプレート変数、再利用可能なカスタムモジュール、およびSCSS/JSのビルド・デプロイパイプラインを詳述します。
---
## 1. HubSpotテーマ構造 (Theme File Hierarchy)
ソライ東京のHubSpotテーマは、モジュール性と保守性を最優先したディレクトリ構成を採用しています。
```
soraitokyo-cms-theme/
├── theme.json # テーマメタデータ、カラー定義、フォント設定
├── fields.json # テーマ共通グローバル設定フィールド
├── templates/ # ページテンプレート群
│ ├── home.html # トップページ（標準）
│ ├── home-optimized.html # 高速化・CWV最適化トップページ
│ ├── about-us.html # 会社概要ページ（創業ストーリー・4つの安心・5ステップ）
│ ├── consultation.html # オンライン相談・詳細物件リクエスト（HubSpot Meetings埋め込み・4ステップ・FAQ・5言語対応）
│ ├── quote.html # 初期費用シミュレーターページ
│ ├── contact.html # お問い合わせ・LINE相談ページ
│ ├── faqs.html # よくある質問 (FAQPage JSON-LD内包)
│ ├── testimonials.html # お客様の声
│ ├── area-guide.html # エリアガイド一覧
│ ├── area-guide-chiyoda-line.html # 千代田線特化エリアガイド
│ ├── area-guide-kita-senju-zone.html # 北千住・綾瀬・北綾瀬ゾーン特化ガイド
│ ├── buy-sell-guide.html # 不動産売買総合ポータル（千代田線エリアガイド形式・Sticky目次・購入/売却/ローン/外国人/相場）
│ ├── plegio-kitaayase-asian.html # 特選物件LP（プレジオ北綾瀬ASIAN）
│ ├── blog-index.html # ブログ一覧・カテゴリー別ページ
│ ├── blog-post.html # ブログ記事詳細テンプレート
│ └── partials/ # 共通パーツテンプレート
│ ├── header.html # サイト共通ヘッダー（ナビ・言語切替）
│ ├── footer.html # サイト共通フッター（免責・コピーライト）
│ ├── mobile-bottom-nav.html # スマホ用常時固定下部ナビ（6タブ）
│ ├── dynamic-toc.html # 目次（TOC）コンポーネント
│ ├── translations.html # 多言語切替スイッチャー・言語別URLバインド
│ └── line-cta-banner.html # LINE/FB無料相談CTAパーツ
├── css/ # スタイルシート (SCSS & CSS)
│ ├── style.scss # メインスタイルシート（全コンポーネント統合）
│ ├── _variables.scss # カラー・フォント・ブレークポイント変数
│ ├── _typography.scss # タイポグラフィ・エディトリアル規約
│ ├── _header.scss # ヘッダー・ナビゲーションスタイル
│ ├── _footer.scss # フッタースタイル
│ ├── _blog.scss # ブログ記事・テーブル・SVGスタイル
│ ├── modules/ # 21個のコンポーネント分割SCSSモジュール
│ └── style.css # コンパイル済み本番CSS
├── js/ # クライアントサイドスクリプト
│ ├── main.js # グローバル初期化、ドロワー開閉、言語切替
│ ├── quote-simulator.js # 初期費用シミュレーター計算ロジック
│ └── image-zoom.js # 画像ライトボックス・拡大プレビュー
└── assets/ # 静的画像・アイコン・ロゴ
├── logo-sorai.svg # ソライ東京公式ロゴ
└── icons/ # UIアイコンセット
```
---
## 2. カスタムモジュール一覧・機能仕様 (Custom Modules)
各テンプレート内で再利用可能なコンポーネントモジュールを整備しています。
```mermaid
graph TD
classDef comp fill:#f0f9ff,stroke:#0284c7,stroke-width:2px,color:#06152b;
classDef data fill:#fefce8,stroke:#ca8a04,stroke-width:2px,color:#06152b;
THEME["HubSpot CMS Theme (soraitokyo)"]:::comp
subgraph MODULES ["主要カスタムモジュール"]
M1["① Hero Header Module
(動画/画像背景, キャッチコピー, 2大CTA)"]:::comp
M2["② Line Inquiry CTA Box
(3ステップ図解, 3大安心バッジ, QRコード)"]:::comp
M3["③ Initial Cost Simulator Card
(家賃/管理費スライダー, リアルタイム差額試算)"]:::comp
M4["④ Language Switcher Modal
(JA / EN / VI / RU / ID 言語切り替え)"]:::comp
M5["⑤ Responsive Comparison Table
(エリア家賃相場, 仲介手数料比較)"]:::comp
M6["⑥ Related Article Cards (Silo)
(クラスタ内部リンク, サムネイル, 抜粋)"]:::comp
end
THEME --> MODULES
```
### 2.1 主要モジュールの仕様詳細
1. **Hero Header Module (`modules/hero-header`)**:
- **機能**: ファーストビューでの信頼感醸成と直感的なアクション誘導。
- **フィールド**: キャッチコピー（日本語/多言語）、サブコピー、背景画像/動画URL、プライマリCTA（LINE相談）、セカンダリCTA（初期費用試算）。
2. **Line Inquiry CTA Box (`modules/line-inquiry-cta`)**:
- **機能**: ポータルサイト（SUUMO等）のURL送付による相見積もりを促す最重要CVモジュール。
- **構造**: `c-line-hero-btn`（緑色ボタングローアニメーション）、安心バッジ3連（営業電話なし・相見積もり0円・匿名OK）、3ステップガイド。
3. **Language Switcher (`partials/header.html`)**:
- **機能**: 現在のページパスに対応する多言語URLを自動検出し、言語モーダルまたはドロップダウンでシームレスに切り替え。
- **HubL記述例**:
```jinja2
{% for lang in content.translations %}
{{ lang.language_title }}
{% endfor %}
```
---
## 3. HubL テンプレート変数・タグ仕様 (HubL Syntax Standards)
HubSpot専用テンプレート言語（HubL）を活用し、セマンティックなマークアップとSEOメタデータを自動生成しています。
### 3.1 共通メタデータ・ヘッダー記述規約
```jinja2
{{ page_meta.html_title || content.html_title }} | ソライ東京
{# 多言語 hreflang タグの自動出力 #}
{% if content.translated_content %}
{% for lang_code, trans in content.translated_content.items() %}
{% endfor %}
{% endif %}
{# 構造化データ (JSON-LD) の安全な挿入 #}
{{ standard_header_includes }}
```
### 3.2 エリアガイド・千代田線特集ページの動的記事フェッチ仕様 (Dynamic HubL Loop)
千代田線沿線エリアガイド（`templates/area-guide-chiyoda-line.html`）は、最新のブログ記事を自動反映するため、HubL `blog_recent_posts` を用いた動的レンダリングエンジンを採用しています。
1. **多言語ブログフェッチ & フォールバック**:
各言語コード（`ja`, `en`, `vi`, `ru`, `id`）に応じたブログIDから最新100件を取得し、記事数が少ない非日本語ページは日本語記事を安全にフォールバック結合。
2. **千代田線関連度判定 & ゾーン分類**:
駅名（北綾瀬、綾瀬、北千住、町屋、西日暮里、千駄木、根津、湯島、新御茶ノ水、大手町、赤坂、乃木坂、表参道、代々木上原など）、常磐線直通（亀有、松戸等）、タグID（`TAG_IDS.AREA_GUIDE`, `COHABITATION` 等）を自動判定し、東部（`east`）・中部（`middle`）・西部（`west`）・住みやすさ（`livability`）・カフェ街歩き（`cafe-walk`）の `data-categories` およびハッシュタグチップ用 `data-tags` を動的付与。
3. **クライアントサイドフィルタ & ページネーション連携**:
1ページ6件の動的ページネーションおよびタブ・ハッシュタグ切り替えと完全連動。新着記事がHubSpotブログで公開されると即座に千代田線エリアガイドへ自動掲載されます。
### 3.3 オンライン相談ページ（templates/consultation.html）と言語サポート・ヒアリング仕様
無料1時間オンライン相談ページ（`/consultation`, `/en/consultation`, `/vi/consultation`, `/ru/consultation`, `/id/consultation`）は、押し売り営業を一切行わず、お客様の叶えたい暮らしや希望条件をプロと一緒に整理するための個別ヒアリングLPです。所要時間はゆったり話せる約1時間（60分）に設定されています。
1. **ヒアリング重視・安心設計（Hearing & Criteria Clarification First）**:
- **面談の本質**: 一方的な物件提案や押し売りは行わず、間取り・通勤時間・日当たり・設備などの希望や予算・相場感をじっくり伺って「希望条件を整理する」ためのヒアリング相談としてメッセージングを統一。
- **画面共有調査（オプショナル）**: すでにSUUMOやLIFULL HOME'S等で気になっている物件がある場合は、面談中にURLを共有いただくことで、業者専用データベース（レインズ等）を画面共有しながらリアルタイムに空室状況・初期費用をその場で調査。
- **改訂4大トピック**:
- Topic 1 (Primary): ご希望条件・ライフスタイルの丁寧なヒアリング（間取り・通勤・設備・予算バランスの整理）
- Topic 2 (Live Audit): 気になるお部屋のリアルタイム空室調査（ご希望の場合・業者間DB画面共有）
- Topic 3 (Budget): 初期費用・予算シミュレーション（不要オプション削減・適正費用算出）
- Topic 4 (Support): 入居審査・スケジュール・外国籍サポート（日本語・英語・ベトナム語）
2. **対応言語の正式サポート拡充（日本語🇯🇵・英語🇺🇸・ベトナム語🇻🇳 3言語ライブ通話）**:
- リアルタイムビデオ相談（Google Meet）は **日本語（JA）**、**英語（EN）**、および **ベトナム語（VI）** の3言語で公式実施。
- 信頼リボン（Trust Ribbons）に言語対応バッジ（`ribbon_lang`）を全5言語で明記：
- JA: `対応言語: 日本語 🇯🇵 / English 🇺🇸 / Tiếng Việt 🇻🇳`
- EN: `Languages Supported: English 🇺🇸 / Japanese 🇯🇵 / Vietnamese 🇻🇳`
- VI: `Hỗ trợ ngôn ngữ: Tiếng Nhật 🇯🇵 / Tiếng Anh 🇺🇸 / Tiếng Việt 🇻🇳`
- RU: `Языки: Японский 🇯🇵, Английский 🇺🇸 и Вьетнамский 🇻🇳`
- ID: `Bahasa: Jepang 🇯🇵, Inggris 🇺🇸 & Vietnam 🇻🇳`
3. **カレンダー案内バナー & 多言語アラートバナー仕様**:
- カレンダー埋め込みウィジェット直上の案内通知ボックス（`.consult-lang-alert`）：
- **JA・EN・VI（対応言語）**: 標準インフォメーション仕様（ネイビー左ボーダー・`fa-circle-info` アイコン）。EN環境では英語が公式対応となったため警告を撤廃し、ウェルカムメッセージ（「Live 1-on-1 consultations are fully supported in English 🇺🇸, Japanese 🇯🇵, and Vietnamese 🇻🇳. Camera-off participation is welcome!」）を表示。
- **RU・ID（他言語）**: ハイライト仕様（`.is-highlight`・`fa-triangle-exclamation` アイコン）。リアルタイム面談が日本語・英語・ベトナム語で実施される旨を案内し、公式LINEおよびWeb問い合わせフォームへの直通ボタンを設けてテキスト相談へスムーズに誘導。
4. **FAQ 4（多言語・外国籍サポート）の最適化 & FAQPage JSON-LD同期**:
- Google Meetライブ面談の対応言語（日本語・英語・ベトナム語）と、他言語（ロシア語・インドネシア語等）におけるテキストサポート体制をQ&A形式で明記。
- `FAQPage` 構造化データ（Schema.org JSON-LD）にも自動同期され、AEO/SEO検索結果での適切なリッチスニペット表示を実現。
---
## 4. ビルド・デプロイ・キャッシュ再公開パイプライン (Build & Deploy Workflow)
テーマの修正・スタイルシートの更新は、専用のCLIおよびMCPツールを通じて本番環境へ安全に反映されます。
```mermaid
sequenceDiagram
autonumber
actor Dev as 開発者 / Antigravity Agent
participant Local as ローカルリポジトリ
participant SCSS as Sass Compiler
participant HS_API as HubSpot CMS API
participant CDN as HubSpot Edge CDN / GSC
Dev->>Local: SCSS / HubL テンプレート編集
Local->>SCSS: npm run build:css (Sass コンパイル)
SCSS-->>Local: style.css 生成 (Mini/Map)
Dev->>HS_API: hubspot:deploy_cms_theme (テーマファイル同期)
HS_API-->>Local: デプロイ完了レスポンス
Dev->>HS_API: hubspot:republish_site_pages (全40ページ再公開)
HS_API->>CDN: Edge キャッシュ即時パージ
Dev->>CDN: hubspot:submit_url_to_gsc (Google即時クロール要請)
```
### 4.1 デプロイメントコマンド規約
1. **SCSSコンパイル**:
```bash
cd /Users/adachishuuhei/soraitokyo-theme-prod-fetched
sass css/style.scss css/style.css --style compressed
```
2. **テーマデプロイ**:
- `hubspot:deploy_cms_theme` を実行し、変更差分をHubSpotクラウドへ同期。
3. **全ページキャッシュパージ＆再公開**:
- `hubspot:republish_site_pages` を実行し、全40ページ以上の静的ページを新スタイルで再公開。
4. **Google Search Console 即時送信**:
- `hubspot:submit_url_to_gsc` により更新URLを一括送信。
---
## 5. Core Web Vitals & アセット配信最適化基準 (CWV & Asset Optimization)
本番サイトの表示速度とCore Web Vitals（LCP, FCP, TBT, CLS）を最高水準に保つため、以下の最適化基準を全テンプレート・アセットに適用しています。
### 5.1 Webフォント & アイコンの非同期読み込み
レンダリングブロック（Render-blocking resources）を完全に排除するため、以下の非同期化手法を標準採用しています。
```html
```
### 5.2 静的画像・サムネイルの配信規約 (Retina 2x & WebP)
1. **Retina適正サイズ（380×380px）**:
- エリアガイド・カテゴリーアイコン（`assets/*blue_gold.png` 等）は、表示枠（190×140px）に対して過大な1024px PNGを直接配信せず、Retina 2xに最適化された **380×380px**（約30〜80KB）で管理・配信する。
2. **HubSpot CDN 自動WebPリサイズクエリ**:
- `thumb_url?width=380` または `thumb_url|resize_image_url(380)` を適用し、CDNエッジからWebP形式で最小容量配信する。
3. **遅延読み込み**:
- ファーストビュー外の画像には `loading="lazy"` および `decoding="async"` を必須とする。
### 5.3 CLI パフォーマンス自動監査ツール
開発環境からワンコマンドでLighthouse監査（デスクトップ・モバイル）を実行できるスクリプトを配備：
```bash
# デスクトップ版監査
python3 tools/run_lighthouse_audit.py --desktop
# モバイル版監査（4x CPU Throttling）
python3 tools/run_lighthouse_audit.py --mobile
```
実測スコア基準：
- **デスクトップ**: Performance **92点 (Good)**、FCP **0.7s**、LCP **1.5s**、TBT **20ms**、CLS **0.00**
- **実測Core Web Vitals**: Google CrUX基準を大幅にクリア。
---
## 6. ブログ記事コンバージョン（CTA）アーキテクチャ (Blog Post Multi-Tier CTA Spec)
ブログ記事テンプレート（`templates/blog-post.html`）には、読者のスクロール深度や読了状況に合わせた **「3段階マルチレイヤーCTA構造」** が全記事に標準実装されています。
```mermaid
graph TD
classDef hero fill:#002C65,stroke:#D4B574,stroke-width:2px,color:#FFFFFF;
classDef mid fill:#FDFBF7,stroke:#E8E2D5,stroke-width:2px,color:#002C65;
classDef endcta fill:#0B1329,stroke:#D4B574,stroke-width:2px,color:#FFFFFF;
START["記事アクセス (読者100%)"] --> TOP["① ファーストビューCTA (.post-top-cta-card)
(アイキャッチ直下・目次直上 / 到達率100%)"]:::hero
TOP --> TOC["目次 (Table of Contents)"]
TOC --> BODY1["前半コンテンツ (H2-1〜H2-2)"]
BODY1 --> MID["② 中段インラインCTA (.sorai-mid-cta)
(核心情報読了直後 / 到達率約40〜60%)"]:::mid
MID --> BODY2["後半コンテンツ (詳細・FAQ・まとめ)"]
BODY2 --> END["③ ラストCTA (.sorai-end-cta / .c-cta-box)
(記事最末尾 / 到達率約10〜35%)"]:::endcta
```
### 6.1 3段階CTAの機能・デザイン仕様
1. **① ファーストビューCTA (`.post-top-cta-card`)**:
- **配置場所**: 記事ヘッダー（アイキャッチ画像・投稿日・著者情報）の直下、目次（TOC）の直前。
- **到達率**: **100%（全読者が必ず目にする位置）**。
- **デザイン**: プレミアムダークネイビー背景（`linear-gradient(135deg, #0b1329 0%, #1a2a4a 100%)`）、ゴールドブランド名、ロゴバッジ。
- **メッセージ**: 5言語完全対応（例: 「気になる物件URLを送るだけ。空室確認＆適正見積もりをLINEで完結」）。
- **3大アクション導線**:
- **LINE相談 (`.post-top-cta-btn-line`)**: ゴールドボタン、`openQrCodeReader=1`、`utm_source=blog_post&utm_medium=inline_cta&utm_campaign=above_fold`。
- **オンライン予約 (`.post-top-cta-btn-web`)**: `/contact?tab=booking` への直接予約リンク。
- **AI電話 24時間受付 (`.post-top-cta-btn-phone`)**: `tel:03-6161-8484`（AI自動音声受付）。
- **実績**: 2026年9月1日のLINE相談など、最下部までスクロールしない読者からのCVを確実に獲得。
2. **② 中段インラインCTA (`.sorai-mid-cta`)**:
- **配置場所**: 記事本文の中腹（主要な疑問・ダイヤ・治安統計が解決した直後）。
- **デザイン**: 読みやすさを邪魔しないライトベージュ基調（`#FDFBF7`）、1pxボーダー、最大幅680px。
- **役割**: 読者の検索意図が解決し、モチベーションが最高潮に達した瞬間でのスムーズな相談誘導。
3. **③ ラストCTA (`.sorai-end-cta` / `.c-cta-box`)**:
- **配置場所**: 記事最末尾、まとめ・FAQの直後。
- **到達率**: 約10%〜35%（超長文読破ユーザー）。
- **役割**: 記事を最後まで読み切った熱量の高い見込み客に対する最終クロージング。
---
id: "04_editorial_automation"
title: "4. 自律執筆・SASH・校正パイプライン (Editorial Automation & SASH Suite)"
category: "hp"
packages:
- "real-estate-cms-operations/automation/"
- "pipeline/*"
cloud_run:
- "sorai-auto-editorial"
endpoints:
secrets:
- "HUBSPOT_ACCESS_TOKEN"
- "MLIT_API_KEY"
- "GEMINI_API_KEY"
databases:
- "editorial_queue"
- "knowledge_articles"
---
# 4. 自律執筆・SASH・校正パイプライン (Editorial Automation & SASH Suite)
| 項目 | 定義・対象リソース |
| :--- | :--- |
| **対象パッケージ** | `real-estate-cms-operations/automation/`, `pipeline/*` |
| **Cloud Run サービス** | `sorai-auto-editorial` (Cloud Run Jobs) |
| **主要エンドポイント** | 4言語並列自律執筆・SASH・校正・Push-Live (`run_auto_editorial_pipeline.py`) |
| **依存 Secret** | `HUBSPOT_ACCESS_TOKEN`, `MLIT_API_KEY`, `GEMINI_API_KEY` |
| **Firestore コレクション** | BigQuery `editorial_queue`, Firestore `knowledge_articles` |
本章では、ソライ東京の高品質メディアコンテンツを支える「自律型エディトリアルパイプライン」、IDE LLMクォータを活用したゼロコスト静的生成、SASH (Sorai Tokyo Autonomous Site Health & SEO Suite) 自動保守群、および文末リズム・ファクト検証校正システムについて詳述します。
---
## 1. 自律型エディトリアルパイプラインの全体アーキテクチャ
```mermaid
graph TB
classDef step fill:#eef6ff,stroke:#1b2a47,stroke-width:2px,color:#06152b;
classDef agent fill:#faf5ff,stroke:#9333ea,stroke-width:2px,color:#06152b;
classDef lint fill:#fefce8,stroke:#ca8a04,stroke-width:2px,color:#06152b;
classDef deploy fill:#f0fdf4,stroke:#16a34a,stroke-width:2px,color:#06152b;
subgraph S1 ["1. 企画・重複調査フェーズ"]
PLAN["BigQuery トピックキュー
(GSCトレンド & 競合ギャップ)"]:::step
DUP["duplicate_checker.py
(既存523+記事 / 全93カタログとの重複判定)"]:::lint
end
subgraph S2 ["2. 日本語執筆・校正フェーズ"]
GEN_JA["sorai-editorial-researcher
(9,000〜10,000字 ＆ Answer-First TL;DR生成)"]:::agent
AEO_BOX["ensure_quick_answer_box
(c-quick-answer-box 冒頭結論30秒ボックス自動付与)"]:::lint
RHYTHM["sentence_rhythm_linter.py
(です・ます3連発排除 & 文末多様化)"]:::lint
FACT_CHK["google_fact_checker.py
(公的一次情報照合 & 制度/年度自動補正)"]:::lint
SVG_LINT["svg_comprehensive_linter.py
(SVG幾何はみ出し&文字コントラスト自動修復)"]:::lint
LINKS["sorai-editorial-linker
(auto_link_injector.py / ナレッジ自動注入)"]:::agent
end
subgraph S3 ["3. 多言語並列翻訳フェーズ (Locale Isolation)"]
TR_EN["sorai-editorial-translator-en
(英語: ビザ・外国人入居支援特化)"]:::agent
TR_VI["sorai-editorial-translator-vi
(ベトナム語: 特定技能・留学生支援)"]:::agent
TR_RU["sorai-editorial-translator-ru
(ロシア語: 手続き・初期費用相場)"]:::agent
TR_ID["sorai-editorial-translator-id
(インドネシア語: 礼金敷金・契約実務)"]:::agent
end
subgraph S4 ["4. 静的ビルド・多言語整合性結合・Push-Live・SEO即時反映"]
BUILD["HubSpot MCP validate_static_blog_post
(構造化データ FAQ/BlogPosting 同期)"]:::lint
ATTACH["attach-to-lang-group & 整合性アサーション
(4言語バリエーション100%完全結合)"]:::lint
DEPLOY["HubSpot CMS Push-Live
(POST /cms/v3/blogs/posts/{id}/draft/push-live)"]:::deploy
GSC["GSC URL Submission
(Google Search Console 即時インデックス)"]:::deploy
end
PLAN --> DUP
DUP --> GEN_JA
GEN_JA --> RHYTHM
RHYTHM --> FACT_CHK
FACT_CHK --> SVG_LINT
SVG_LINT --> LINKS
LINKS --> TR_EN & TR_VI & TR_RU & TR_ID
TR_EN & TR_VI & TR_RU & TR_ID --> BUILD
BUILD --> ATTACH
ATTACH --> DEPLOY
DEPLOY --> GSC
```
---
## 2. エディトリアル専門サブエージェント体制
ブログ記事の品質向上と文脈の汚染防止のため、専門サブエージェントが分担して執筆・校正・翻訳を実施します。
| サブエージェント / スキル | モード / 権限 | 主な責務・タスク詳細 |
| :--- | :--- | :--- |
| **`sorai-editorial-researcher`** | Research モード | BigQuery (`hubspot_data.blogs`) キャッシュを検索し、重複のない独自構成案（プロット、H2/H3見出し、ターゲット読者ペルソナ）を策定。 |
| **`sorai-editorial-proofreader`** | Self (inherit) | 日本語ドラフトの多言語漏れスキャン、`sentence_rhythm_linter.py` 実行、`google_fact_checker.py --fix` による行政制度・年度・所要時間一次情報照合、`svg_comprehensive_linter.py --fix` 実行、末尾重複CTAのパージ。 |
| **`sorai-editorial-linker`** | Self (inherit) | `internal_link_recommender.py` を実行し、文脈に自然に溶け込むアンカーテキストで2〜3件の関連記事・内部リンクを自動挿入。 |
| **`sorai-editorial-translator-en`** | Self (inherit / 並列) | 英語圏ユーザー向けローカライズ。外国人入居審査、ビザ、保証人不要プランの解説に最適化。 |
| **`sorai-editorial-translator-vi`** | Self (inherit / 並列) | ベトナム人居住者向けローカライズ。特定技能・留学生の賃貸トラブル防止ノウハウを網羅。 |
| **`sorai-editorial-translator-ru`** | Self (inherit / 並列) | ロシア語圏ユーザー向けローカライズ。東京での住居契約手続きと初期費用相場を明快に解説。 |
| **`sorai-editorial-translator-id`** | Self (inherit / 並列) | インドネシア人居住者向けローカライズ。礼金敷金の商習慣や契約書類の準備方法を詳述。 |
---
## 2.1 3.5 Flash-Lite H2 セクション分割翻訳アーキテクチャ (Anti-Thinning Chunking Engine)
長文記事（9,000〜10,000字・HTML 25,000〜30,000文字）を単一プロンプトで翻訳する際に発生する「要約バイアス・見出し脱落・薄肉化」を根本解決するため、**H2 セクション分割 1:1 翻訳パイプライン** を実装：
1. **正確なセクション分割（Chunking）**: `split_html_into_sections()` により、冒頭部（リード文＋AEOクイックアンサーボックス）および各 ``）を正確に維持。
2. **メタデータ＆SVGテキスト独立局所翻訳**: 記事タイトル・メタディスクリプション・SVG内テキスト配列を `ArticleMetadataTranslation` Pydantic スキーマで先行翻訳。SVGカード見出し（最大20文字）・本文（最大35文字）の文字数バジェットを厳守しレイアウト破綻を防止。
3. **セクション別 1:1 完全忠実翻訳**: 各セクション（1,000〜1,500文字）を `gemini-3.5-flash-lite` に渡し、「要約・短縮・箇条書き化を一切禁止し、全HTMLタグ・全クラス・全H3・全段落P・全テーブル・全リストを100%忠実翻訳」をプロンプト制約で強制。
4. **セクション結合と Structural Guard 検証**: 翻訳された全セクションを順序通り結合し、翻訳済み SVG を再注入。機械アサーション（H2一致率 >= 90%、H3保持率 >= 80%、段落P保持率 >= 70%、SVG 100%保持、日本語残存ゼロ検証）を実行。
5. **4言語並列パイプライン**: EN, VI, RU, ID を `ThreadPoolExecutor(max_workers=4)` で並行実行し、各言語 40,000〜55,000文字相当（HTML含む完全長文）の多言語記事を高速生成。スロット2記事（`queue-057`: 防音・遮音性ガイド / JA ID: `389991139009`）において EN (44,189字), VI (43,883字), RU (44,141字), ID (46,429字) と全言語で H2: 7 (100%), H3: 15 (100%), P: 41 (100%), SVG: 1 の完全再現を実証。
---
## 3. SASH (Sorai Tokyo Autonomous Site Health & SEO Suite)
SASHは、サイトの健全性、SEO順位、Core Web Vitals、競合動向を24時間自律監視・自動修復するスクリプト群です。
```mermaid
graph LR
classDef tool fill:#f0f9ff,stroke:#0284c7,stroke-width:2px,color:#06152b;
subgraph SASH_SUITE ["SASH 自律保守スイート"]
T1["auto_healer.py
(リンク切れ検知 & 代替URL自動修復)"]:::tool
T2["visual_linter.py
(レイアウト崩れ・SVGテキストはみ出し検知)"]:::tool
T3["web_vitals_logger.py
(LCP / CLS / FID 日次BigQuery集計)"]:::tool
T4["competitor_gap_analyzer.py
(競合上位記事との共起語・見出し差分抽出)"]:::tool
end
```
### 3.1 各ツールの詳細仕様
1. **`auto_healer.py` (リンク切れ自動検知・修復)**:
- 全公開記事内の外部リンク・ポータルURLをクローリング。
- 404/410エラーを検知した場合、SUUMO等の最新掲載物件またはソライ東京のエリアガイドURLへ自動リダイレクト・置換。
2. **`visual_linter.py` (視覚レイアウトリンター)**:
- Chrome DevTools MCPと連携し、モバイル・PC実機画面でのレンダリング結果をキャプチャ。
- テーブルのはみ出し、SVGテキストの折り返し崩れ、フォントフォールバックの不一致を自動検出し警告。
3. **`web_vitals_logger.py` (パフォーマンス集計)**:
- GA4およびLighthouse APIからLCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint) を取得し、BigQuery `web_vitals_history` テーブルへ日次記録。
4. **`competitor_gap_analyzer.py` (競合ギャップ分析)**:
- 特定キーワード（例:「千代田線 家賃相場」「足立区 外国人 賃貸」）の検索上位10記事をスクレイピング・形態素解析。
- 自社記事に不足している共起語・トピックを抽出し、追記リライトプロンプトを自動生成。
---
## 4. 文章リズムリンター規約 (`sentence_rhythm_linter.py`)
AI生成文章特有の「単調さ」「機械的な文末ループ」を完全に排除し、人間のプロエディターによる上質なリズムを実現するための厳格な構文規約です。
### 4.1 3大リンティング規約
1. **「です・ます」3連続ループの完全排除**:
- 文末が「〜です。」「〜ます。」で3文以上連続することを厳禁。
- **改善手法**: 体言止め（名詞止め）、複文結合（〜であり、〜）、実感描写（〜が心地よい、〜が目に留まる）、倒置・接続詞展開を織り交ぜて豊かな文章リズムを形成。
2. **AI定型句の完全追放**:
- 以下の不自然なAI常套句を正規表現で検出し、自動除去または自然な表現へ置換。
- ❌「〜と言えるでしょう」「〜の魅力が詰まっています」「いかがでしたでしょうか」「ぜひ参考にしてみてください」
- ❌「構造的要因」「生活利便ゾーン」「総合的に勘案すると」
3. **感嘆符（！）の1,000文字警告上限**:
- 記事全体で過度な煽り感や安っぽさを排除するため、感嘆符（！）の使用頻度を「1,000文字あたり最大1回」に制限。
---
## 5. Google検索グラウンディング・ファクトチェッカー (`google_fact_checker.py`)
行政制度、助成金上限額、年度情報、鉄道アクセス所要時間、店舗情報、家賃相場などのファクトクレームを自律抽出し、Google Search Grounding で公的一次情報と照合して自動補正します。
1. **4段階ステータス判定**:
- `VERIFIED`: 公的一次情報と完全一致し、最新のファクト。
- `OUTDATED`: 過去年度の情報（例: 2024年度の助成額）が残存しており更新が必要。
- `MISMATCH`: 金額・所要時間などの具体的数値に相違がある。
- `UNVERIFIED`: 信頼できる公的一次ソースで裏付けが取れず要確認。
2. **自動修正（`--fix`）＆安全バックアップ**:
- 不正確または古い数値を最新の公的数値へ自動置換。
- 置換前に `.bak` および `.backup_YYYYMMDD_HHMMSS` を自動生成し、完全な復元性を保証。
---
## 6. 末尾重複CTA防止とテンプレート自動統合
ブログ共通テンプレート（`templates/blog-post.html`）が記事最下部に全社統一のLINE無料相談・空室見積もりCTAモジュールを自動付加するため、本文中での重複出力を防止します。
1. **プロンプト生成規約**:
- 執筆プロンプトにおいて「記事末尾の共通CTAはテンプレート側で自動レンダリングされるため、本文末尾に手動のCTAブロックを出力しない」ことを明記。
2. **サニタイズ処理（`strip_trailing_cta_boxes`）**:
- パイプライン実行時およびデプロイ前に、本文末尾に存在する `` や重複するLINE相談バナーを自動検出してパージ。
---
## 7. トークン超効率化アーキテクチャ（コスト40〜50%削減）
記事の圧倒的な品質（9,000〜10,000字以上・`thinking_level="high"`・宅建士監修）・デザイン性（インラインSVG図解）・AEO/SEO構造（FAQ一言一句一致・JSON-LD構造化データ）を100%維持しながら、パイプライン全体のトークン消費量を約40%〜50%削減（1記事あたり約35,000〜50,000トークン削減）するアーキテクチャです。
### 7.1 SVGテキスト消失・構文破損・枠外はみ出し防止「5重防御アーキテクチャ」（削減＆品質保証効果: 極大）
- **課題**: インラインSVGの巨大な描画コード（`
`, ``, `` など）が4言語翻訳（EN, VI, RU, ID）それぞれに丸ごと送信されトークンを激しく消費していた。また、翻訳後のテキスト膨張による枠外はみ出し・文字被り、およびLLMの構文破損による `` タグ消失・裸属性タグ化が発生していた。
- **5重防御ソリューション**:
1. **第1防壁（プロンプト厳格制約）**: 2x2グリッド（各340px以上）または縦積みステップ（各720px）を標準化。タイトル15〜20文字、説明文30〜35文字、バッジ3〜5文字の文字数バジェットおよび `` XML構文保持を明示強制。
2. **第2防壁（自律構文修復・プリヒーリング）**: `svg_comprehensive_linter.py` が裸属性タグ（`` 複数行自動折り返し（`wrap_svg_text`）、`text-anchor="middle"` 境界安全性、動的フォントスケーリング（10.5px〜11.5px）、WCAG AAA コントラスト反転を完全自動適用。
3. **第3防壁（SVG構文完全性バリデータ）**: `validate_svg_syntax_integrity()` により、裸属性タグ・`` あるのに `` 0個の空SVG・``/`` タグペア不一致を機械検知。
4. **第4防壁（デプロイ直前遮断ハードゲート）**: `run_auto_editorial_pipeline.py` のデプロイ直前に `validate_svg_syntax_integrity()` を強制実行。1件でも異常があれば `RuntimeError` で即座にデプロイを遮断。
5. **第5防壁（Visual QA 監査＆自己修復ゲート）**: `visual_qa_auditor.py` において、生HTMLに対する構文完全性監査および `` 0個検知を `[FATAL]` スコア -60 に格上げ。不合格時は即座に `heal_post_body()` を起動して自己修復・再パッチを実行。
- **効果**: 4言語翻訳にかかるトークンを **約 25,000〜35,000 トークン / 記事削減**。同時に多言語SVGの文字崩れ・はみ出し・構文破損・テキスト消失をゼロコストで100%根絶。
### 7.2 構造化データ（JSON-LD）＆ 著者カードの Python 機械生成（削減効果: 大）
- **課題**: LLMに `FAQPage` JSON-LD を出力させると、本文との微妙な語句差異のリスクや出力トークン増大があった。
- **解決策**:
- 本文中の `.faq-card` から BeautifulSoup で質問・回答を抽出し、Python で `FAQPage` JSON-LD を機械生成。
- `BlogPosting` JSON-LD および著者プロフィールカードも Python 側で自動生成してデプロイ直前に注入。
- **効果**: 出力トークン削減 ＋ 本文とFAQPageスキーマの **100%一言一句完全一致を保証**。
### 7.3 ファクトチェック入力センテンス事前抽出（削減効果: 中）
- 7,000文字の本文全体ではなく、数値・年度（2026年）・所要時間・法令・駅名を含むセンテンスのみをPython（`extract_fact_sentences`）で抽出し、Google Search Grounding に送信（入力テキストを約60%削減）。
### 7.4 重複チェック ゼロトークン1次判定ゲート（削減効果: 小〜中）
- 形態素・名詞抽出（`extract_topic_keywords`）により、既存記事とキーワード重複が皆無（スコア 0.0）の新規トピックは Gemini API 呼び出しをスキップして即時 Pass 判定（トークン消費ゼロ）。
### 7.5 Vertex AI Flex PayGo 50%割引の常時適用（削減効果: 特大）
- **仕組み**:
- `SoraiGeminiClient` のリクエスト時に `X-Vertex-AI-LLM-Request-Type: shared` および `X-Vertex-AI-LLM-Shared-Request-Type: flex` ヘッダーを `types.HttpOptions` 経由で自動注入。
- 夜間自動執筆バッチ（03:00 JST）のような非同期・遅延許容ワークロードに対して、Standard PayGo 料金の **50% OFF（入力 \$0.375 / 出力 \$1.875 / 1M tokens）** を常時適用。
- 1記事（日本語 1.2万字 ＋ 4言語翻訳 ＝ 計6万字規模）のAPIコストを **約 30円 / 記事** まで圧縮。
---
## 8. 9月記事配分スケジュール ＆ 日次バッチ枠設計
| スロット / 枠 | 対象グループ / エリア | 配信頻度・ケイデンス | 月間配信規模（9月中） | 狙い・コンテンツ方針 |
| :--- | :--- | :---: | :---: | :--- |
| **Slot 1** | `core_stations`
（北千住・綾瀬・北綾瀬） | **毎日 1本** | **約 30本** | 足立区・千代田線始発・下町生活圏・再開発（ららテラス北綾瀬等）の家賃相場・一人暮らし＆同棲事情。 |
| **Slot 2** | `other_chiyoda`
（町屋〜代々木上原） | **毎日 1本** | **約 30本** | 町屋・西日暮里・千駄木・根津・湯島・新御茶ノ水・大手町・表参道等の通勤アクセス・駅別詳細比較。 |
| **Slot 3** | `other_chiyoda`
（千代田線沿線深掘り） | **毎日 1本** | **約 30本** | 千代田線沿線の別エリア・治安安全マップ・スーパー自炊事情・家賃予算別（8万/10万/15万）住み分け。 |
| **Slot 4** | `general_tips`
（都内賃貸ノウハウ） | **週 2本**
（3.0日ごと自動判定） | **約 8〜9本** | 初期費用削減・審査通過・外国人部屋探し・先行申込vs先行契約・更新vs引越しスケジュール。 |
| **合計** | — | **1日 3〜4本** | **月間 約 98〜100本** | 全記事 9,000〜10,000文字超長文・5言語完全展開・インラインSVG図解・完全一致FAQ完備。 |
---
## 9. 実行トリガー基盤 ＆ 二重冗長化設計 (Dual Trigger Architecture)
自動執筆パイプラインは、クラウド側の無人フルマネージド実行（Primary）とローカル常駐デーモン（Fallback）の二重冗長構成により、停止リスクを完全に排除しています。
1. **Primary: Cloud Scheduler & Cloud Run Jobs (`sorai-auto-editorial`)**:
- **トリガー**: Cloud Scheduler `sorai-auto-editorial-trigger`（毎日 03:00 JST / `0 18 * * *` UTC）。
- **実行権限**: Compute サービスアカウント（`902297816152-compute@developer.gserviceaccount.com`）に `roles/run.developer` を付与し、OIDC 認証経由で Cloud Run Job を安全にトリガー。
- **コンテナ環境**: `asia-northeast1-docker.pkg.dev/sorai-indexing-30323/sorai-apps/sorai-auto-editorial`（2GiB RAM, 1 CPU, 4時間タイムアウト）。
2. **Fallback: macOS LaunchAgent (`com.soraitokyo.auto_editorial`)**:
- **配置**: `~/Library/LaunchAgents/com.soraitokyo.auto_editorial.plist`
- **実行 Python**: `real-estate-cms-operations/.venv/bin/python3`（仮想環境の依存パッケージを完全ロード）。
- **間隔**: 48時間周期で自律フォールバック実行。
---
id: "05_seo_aeo_analytics"
title: "5. SEO/AEO・計測基盤・SNS連携 (SEO/AEO, Analytics & Social Loop)"
category: "hp"
packages:
- "real-estate-cms-operations"
- "soraitokyo-cms-theme"
cloud_run:
- "sorai-auto-editorial"
endpoints:
secrets:
- "HUBSPOT_ACCESS_TOKEN"
- "FACEBOOK_PAGE_ACCESS_TOKEN"
- "GCP_PROJECT_ID"
databases:
- "analytics_*"
- "gsc_indexing_logs"
---
# 5. SEO/AEO・計測基盤・SNS連携 (SEO/AEO, Analytics & Social Loop)
| 項目 | 定義・対象リソース |
| :--- | :--- |
| **対象パッケージ** | `real-estate-cms-operations`, `soraitokyo-cms-theme` |
| **Cloud Run サービス** | `sorai-auto-editorial` (GSC連携), Cloud Scheduler |
| **主要エンドポイント** | JSON-LD 構造化データ, GSC Indexing API, GA4/GTM, Facebook Graph API |
| **依存 Secret** | `HUBSPOT_ACCESS_TOKEN`, `FACEBOOK_PAGE_ACCESS_TOKEN`, `GCP_PROJECT_ID` |
| **Firestore コレクション** | BigQuery `analytics_*`, `gsc_indexing_logs` |
本章では、ソライ東京の検索流入およびAIエンジン引用（AEO）を最大化する構造化データ規約、Google Search Console自動送信、GA4/GTM計測基盤、およびFacebook閉ループ自動投稿連携の仕様を詳述します。
---
## 1. AEO / SEO 最適化規約 (Answer Engine Optimization & Structured Data)
AI検索エンジン（Perplexity, ChatGPT Search, Google AI Overviews）および従来の検索アルゴリズムに対し、最も信頼性の高い情報源として抽出・引用されるための構造化データ規約を定めています。
```mermaid
graph TD
classDef aeo fill:#f0f9ff,stroke:#0284c7,stroke-width:2px,color:#06152b;
classDef bot fill:#faf5ff,stroke:#9333ea,stroke-width:2px,color:#06152b;
classDef page fill:#fefce8,stroke:#ca8a04,stroke-width:2px,color:#06152b;
ARTICLE["ソライ東京 ブログ記事・LP"]:::page
subgraph STRUCT ["構造化データ (Schema.org JSON-LD)"]
FAQ_LD["100%完全一致 FAQPage
(on-page テキストと一字一句同期)"]:::aeo
BLOG_LD["BlogPosting 構造化データ
(datePublished / dateModified UTC)"]:::aeo
AUTHOR_LD["Author: Person / RealEstateAgent
(宅地建物取引士・公式エディトリアル)"]:::aeo
end
subgraph CRAWLERS ["AI検索クローラー & 検索エンジン"]
BOT_G["Googlebot / Google AI Overviews"]:::bot
BOT_P["PerplexityBot"]:::bot
BOT_O["GPTBot / OpenAI Search"]:::bot
end
ARTICLE --> STRUCT
STRUCT --> BOT_G & BOT_P & BOT_O
```
### 1.1 100%完全一致 FAQPage JSON-LD 規約
AIエンジンが回答を直接引用する際のペナルティを避けるため、**HTML本文上のFAQテキストとJSON-LD内の質問・回答テキストは一字一句完全一致（100% Exact Match）** させます。
```html
```
### 1.2 信頼性の担保 (E-E-A-T & BlogPosting)
- `author`: 実体のある不動産事業者（`@type: "Person"` または `@type: "RealEstateAgent"`）および免許番号（東京都知事免許）を明記。
- `dateModified`: 記事更新日（ISO 8601 UTC形式）を同期し、常に最新の家賃相場・法令に基づいていることを検索エンジンにシグナル通知。
- `image`: 動的OGP画像（`dynamic_og_img`）と同期し、検索スニペットおよびAI Overview上での視覚的CTRを最大化。
### 1.3 OGP / SNS 動的アイキャッチカード仕様 (Dynamic OGP & Social Cards)
記事単体に手動アイキャッチ画像が設定されていない場合でも、`icon-helper.html` の自動判別マクロ（`get_category_class` & `get_post_icon`）により、記事のスラッグ・カテゴリ（トピック）・駅名に応じた最適な **Twilight Blue-Gold アイキャッチ画像（1200×630px）** を自動解決してメタタグおよびJSON-LDに出力します。
- **駅別特化記事**: 北千住（`area_kita_senju_blue_gold.png`）、綾瀬（`area_ayase_blue_gold.png`）、北綾瀬（`area_kita_ayase_blue_gold.png`）、代々木上原など
- **路線・通勤記事**: 千代田線（`train_chiyoda_line_blue_gold.png`）
- **初期費用・契約記事**: 敷金礼金（`money_costs_blue_gold.png`）、特約条項（`lease_contract_blue_gold.png`）
- **外国人審査記事**: 保証人不要・ビザ審査（`visa_screening_blue_gold.png`）、生活サポート（`living_tips_blue_gold.png`）
- **ライフスタイル記事**: カフェ散策（`cafe_recommendation_blue_gold.png`）、公園レジャー（`park_leisure_blue_gold.png`）、同棲カップル（`cohabitation_couple_blue_gold.png`）
- **メタタグ出力**: ``, ``, ``, ``, ``, ``
### 1.3 `llms.txt` / `llms-full.txt` AI検索ナレッジ提供規約
AI検索エンジン（Perplexity, ChatGPT Search, Claude, Google Gemini）がサイト全体の強み・主要記事・不動産ナレッジを直接引用できるよう、Web標準の `llms.txt` をルート配信しています。
- **標準版 (`https://soraitokyo.jp/llms.txt`)**: サービス概要（相見積もり無料・千代田線/足立区特化・完全5言語対応・IT重説・LINE相談）および主要ピラー記事へのマークダウンインデックス。
- **完全版 (`https://soraitokyo.jp/llms-full.txt`)**: 千代田線全駅の家賃相場比較表、始発駅通勤ハック、納戸（S）の建築基準法定義、外国人契約フローを構造化した深層ナレッジベース。
- **配信アーキテクチャ**: HubSpot File Manager CDN ＋ 301 URL Redirects (`/llms.txt`, `/llms-full.txt`, `/.well-known/llms.txt`) によるゼロ遅延・高可用性配信。
### 1.4 Answer-First（結論ファースト）＆ TL;DR 構造化規約
AI Overviews や Perplexity がスニペットとして直接引用しやすいよう、全ブログ記事に以下の構造化規約を適用します。
1. **冒頭結論ボックス (`c-quick-answer-box`)**:
- 記事タイトル（H1）直後・目次（TOC）の前に配置。
- **「30秒でわかる結論・ポイント」**（家賃相場、所要時間、注意点、要点3行箇条書き）を明記。
2. **構造化データテーブル (`c-data-table`)**:
- 駅別家賃比較、間取り違い（2SLDK vs 2LDK）、移動時間を整理したレスポンシブHTMLテーブル。
3. **Q&A 完全一致（FAQPage JSON-LD 連動）**:
- 各質問に対する回答は「結論から始まる1〜2文」で記述し、AI検索の直接抽出率を最大化。
---
## 2. Google Search Console 自動インデックス送信 (`submit_url_to_gsc`)
記事がHubSpot CMS上で公開（Push-Live）された直後、Google Search Console Indexing API および URL Inspection API を自動呼び出しし、新規インデックスおよびキャッシュ更新を即時リクエストします。
```python
# GSC 自動送信ロジック概要
def submit_url_to_gsc(target_url):
"""
Google Indexing API を呼び出し、公開URLを即時クロールキューへ登録
"""
credentials = get_service_account_credentials()
service = build('indexing', 'v3', credentials=credentials)
body = {
'url': target_url,
'type': 'URL_UPDATED'
}
response = service.urlNotifications().publish(body=body).execute()
print(f"[GSC Indexing] Submitted: {target_url} | Status: {response.get('urlNotificationMetadata')}")
```
- **効果**: 通常数日〜数週間かかるGoogleのクロール・インデックス登録を、**公開から数十分〜数時間以内**に短縮。
---
## 3. 計測基盤 & UTMパラメータ規約 (Analytics & Tracking Infrastructure)
ウェブサイト全体のトラフィック、ユーザー行動、コンバージョン（LINE友だち追加・初期費用シミュレーター利用）を一気通貫で可視化しています。
### 3.1 タグ設定一覧
- **Google Analytics 4 (GA4) 測定ID**: `G-B836L6QHGD`
- **Google Tag Manager (GTM) コンテナID**: `GTM-5C3X2SPQ`
- **HubSpot Tracking Code**: サイト全ページに常時埋め込み
### 3.2 UTMパラメータ設計標準
外部SNSや広告、外部メディアからの流入を正確に分類するため、厳格な命名規約を適用しています。
| パラメータ | 設定値の例 | 説明 |
| :--- | :--- | :--- |
| `utm_source` | `facebook`, `line`, `google`, `newsletter` | 流入元プラットフォーム |
| `utm_medium` | `social`, `cpc`, `organic`, `chat` | メディア種別 |
| `utm_campaign` | `auto_fb_poster`, `spring_relocation_2026`, `chiyoda_guide` | キャンペーン名・自動化システム名 |
| `utm_content` | `{post_id}_{slug}`, `cta_line_button`, `hero_banner` | 投稿ID・個別バナーの識別子 |
---
## 4. Facebook 閉ループ自動投稿連携 (`facebook-poster-ja/en`)
GSC/GA4の検索トレンドデータを抽出し、全510+記事からセマンティックRAG検索を行った上で、Facebook公式ページへ自動配信するサーバーレス閉ループシステムです。
```mermaid
graph LR
classDef gcp fill:#eef6ff,stroke:#1b2a47,stroke-width:2px,color:#06152b;
classDef meta fill:#f0fdf4,stroke:#16a34a,stroke-width:2px,color:#06152b;
classDef bq fill:#fefce8,stroke:#ca8a04,stroke-width:2px,color:#06152b;
subgraph CLOUD_RUN ["GCP Cloud Run Jobs (asia-northeast1)"]
SCHED["Cloud Scheduler
(10:00 & 21:00 JA / 14:00 & 18:00 EN)"]:::gcp
JOB_JA["facebook-poster-ja"]:::gcp
JOB_EN["facebook-poster-en"]:::gcp
JOB_SYNC["facebook-insights-sync"]:::gcp
end
subgraph ENGINE ["トレンド抽出 × RAG × Gemini 3.5 Flash-Lite"]
TREND["trend_extractor.py
(直近14日 GSC急上昇ワード)"]
RAG["rag_retriever.py
(510+記事 RAG知識照合)"]
GEN["gemini_generator.py
(共感フック・UTM URL・CTA生成)"]
end
subgraph TARGET ["配信 ＆ データ蓄積"]
FB_PAGE["Facebook公式ページ
(Page ID: 1168140463045963)"]:::meta
BQ_TABLE["BigQuery
(hubspot_data.facebook_insights)"]:::bq
GA4["GA4 コンバージョン計測
(G-B836L6QHGD)"]:::meta
end
SCHED --> JOB_JA & JOB_EN & JOB_SYNC
JOB_JA & JOB_EN --> TREND --> RAG --> GEN --> FB_PAGE
FB_PAGE --> GA4
JOB_SYNC --> BQ_TABLE
```
### 4.1 サーバーレス自動投稿の特徴
1. **完全クラウド化**: ローカルPCに依存せず、GCP Cloud Run Jobs（Python 3.12-slim 非rootコンテナ）と Cloud Scheduler で定時自律稼働。
2. **Meta Graph API 無期限システムトークン**: Secret Manager (`facebook-page-access-token`) から動的注入し、トークン失効による停止を完全防止。
3. **インサイトのBigQuery日次自動同期**: 投稿ごとのリーチ・インプレッション・いいね・シェア・クリック数を `hubspot_data.facebook_insights` テーブルへ蓄積し、エンゲージメントの高い記事パターンを自動学習。
---
## 5. 検索カニバリゼーション防止＆301リダイレクト統合規約 (Cannibalization Prevention & 301 Redirect Consolidation)
SEO/AEOの掲載順位（TOP 3）と被リンクパワーを集約するため、類似テーマの重複・カニバリゼーションを定期監査し、HubSpot URL Redirects API による恒久的な301リダイレクト統合および内部リンクアンカーの最適化を実施します。
### 5.1 統合実施ルール・実績一覧
1. **重複記事の301リダイレクト統合**:
- `area-guide-ayase-vs-kitaayase-comparison`（全5言語）➔ `area-guide-ayase`（大ヒット中の綾瀬エリアガイド）へ 301 リダイレクト統合。
- `isOnlyAfterNotFound: false`, `isMatchFullUrl: true/false`, `isProtocolAgnostic: true`, `precedence: 1` 設定により、プロトコル・ドメイン・言語プレフィックスを含む全バリエーションを完全転送。
2. **検索意図（Search Intent）ごとの内部リンク1本化**:
- 北綾瀬の治安クエリ（1.4位獲得）について、比較記事（`area-guide-kita-ayase-kitasenju`）内の治安セクションから決定版記事（`kita-ayase-unpopular-reasons-truth`）へのハイコントラストな推奨内部リンクカードを設置し、Googleクローラーに対するシグナルを1本化。
---
## 6. GA4 内部トラフィック・開発PV除外＆コンバージョン計測仕様 (GA4 Internal Traffic Exclusion & Conversion Spec)
社内・開発・動作検証アクセスによるPV水増しを完全に排除し、純粋な外部一般ユーザー（見込み客）のみを正確に計測・分析するための仕様です。
### 6.1 クライアントサイド自動除外機構（`?dev=1` 永続化除外）
- **共通ヘッド partial (`gtm-head.html`)**:
- 管理者・開発者端末で `https://soraitokyo.jp/?dev=1`（または `?admin=1`）を1度開くと、`localStorage` および Cookie（`max-age=31536000`＝1年間有効）に `sorai_internal_traffic=1` を永続保存。
- 以後、その端末・ブラウザからのすべてのページアクセスにおいて `window['ga-disable-G-B836L6QHGD'] = true;` が即座に発動し、GA4タグの通信を完全に停止。
- 解除時は `?dev=0`（または `?admin=0`）を開くことで即時フラグ消去。
- ヘッドレスブラウザ（`HeadlessChrome`, `Antigravity`, `navigator.webdriver`）、ローカルホスト（`localhost`, `127.0.0.1`）、HubSpotプレビュー（`hs_preview`）を自動検知して除外。
### 6.2 GA4 Admin API プロパティ最適化設定
- **データ保持期間 (Data Retention)**:
- デフォルトの2ヶ月から **最大14ヶ月 (`FOURTEEN_MONTHS`)** へ拡張。探索レポートや季節変動分析の遡及性を確保。
- **キーイベント（Key Events / コンバージョン）登録**:
- `line_click`: 公式LINE相談ボタン（インラインCTA、ヘッダー、フローティング）のクリック。
- `contact_submit`: お問い合わせフォーム送信完了。
- `quote_complete`: 初期費用シミュレーターの試算完了。
---
## 7. GSC データ駆動 CTR 最適化規約 (Search Console CTR Optimization Spec)
表示回数（インプレッション）が急成長している記事に対し、検索意図・スマホ表示幅に特化したタイトルおよびメタディスクリプションの最適化を行い、クリック率（CTR）を最大化する継続的改善プロセスです。
### 7.1 対象選定・改善基準
1. **優先度 HIGH**: 表示回数 500回以上、平均順位 1〜8位、CTR 2%未満の記事。
2. **タイトル先頭 32 文字の訴求力強化**:
- スマホの検索結果スニペットで途切れないよう、検索クエリの核心（「なぜ悪い？」「家賃が安い理由」等）を先頭に配置。
3. **メタディスクリプションの疑問解消オファー**:
- 単なる要約ではなく、読者がクリックして得られる具体的なベネフィット（安全エリア、エアコン設置可否、家賃相場）を明記。
### 7.2 実施済み最適化実績
1. **第1弾（2026-09-03）**:
- `ja/blog/area-guide-ayase`（915 Imp / 4.1位）➔ 【綾瀬の治安なぜ悪い？】2026年データで検証！住みやすさ・危険エリアと女性一人暮らしの真実
- `ja/blog/2sldk-2ldk-difference-guide`（605 Imp / 8.0位）➔ 【2SLDKとは？】実質3LDKで家賃が安い理由！エアコン問題・後悔しない納戸(S)の選び方【2026】
2. **第2弾（2026-09-03）**:
- `en/blog/3dk-3ldk-3sldk-difference-guide`（857 Imp / 12.2位）➔ 3LDK & 3DK Apartments in Japan: Size, Layout & Tokyo Rent Guide (2026)
- `ja/blog/kita-senju-commuting-convenience-5lines`（403 Imp / 5.9位）➔ 【北千住の通勤混雑2026】朝ラッシュの混雑率・大手町15分＆始発で座る裏ワザ5路線まとめ
---
id: "99_hp_changelog"
title: "6. HP開発履歴・改善実績アーカイブ (Website & CMS Changelogs)"
category: "hp"
packages:
cloud_run:
endpoints:
secrets:
databases:
---
# 6. HP開発履歴・改善実績アーカイブ (Website & CMS Changelogs)
本章では、ソライ東京 公式ウェブサイト、HubSpot CMSテーマ、デザインシステム、ブログ自律執筆、およびSEO/AEO施策に関する開発履歴・改善実績を時系列で網羅しています。
### 2026-09-03: オンライン相談ページ（/consultation）英語（English 🇺🇸）公式対応化 ＆ 所要時間1時間（60分）完全統一 ＆ 5言語リボン・ウェルカム案内バナー・FAQ4最適化 ＆ 全5言語メタデータ更新 ＆ 本番デプロイ・実機検証完了
- **背景と目的**: オンライン個別相談（Google Meet）において英語（English 🇺🇸）のライブ面談サポート体制が整ったため、対応言語を日本語🇯🇵・英語🇺🇸・ベトナム語🇻🇳の3言語公式対応へと拡張。あわせてHubSpot Meetings枠（60min）の実態に合わせて相談所要時間を「30分」から「1時間（60分）」へ全5言語で完全統一。英語ページでの警告バナーを撤廃しウェルカム案内バナーへ切り替え、UXと利便性を最大化した。
- **実装内容**:
1. **信頼リボンの3言語対応更新 (`ribbon_lang` / `ribbon_5`)**:
- JA: `対応言語: 日本語 🇯🇵 / English 🇺🇸 / Tiếng Việt 🇻🇳`
- EN: `Languages Supported: English 🇺🇸 / Japanese 🇯🇵 / Vietnamese 🇻🇳`
- VI: `Hỗ trợ ngôn ngữ: Tiếng Nhật 🇯🇵 / Tiếng Anh 🇺🇸 / Tiếng Việt 🇻🇳`
- RU: `Языки: Японский 🇯🇵, Английский 🇺🇸 и Вьетнамский 🇻🇳`
- ID: `Bahasa: Jepang 🇯🇵, Inggris 🇺🇸 & Vietnam 🇻🇳`
2. **カレンダー案内バナー (`.consult-lang-alert`) の最適化**:
- ENページ（`lang_code == 'en'`）: 警告（`.is-highlight`・`fa-triangle-exclamation`・LINE/Formボタン）を撤廃し、公式対応を歓迎する標準インフォメーションバナー（「Live 1-on-1 consultations are fully supported in English 🇺🇸, Japanese 🇯🇵, and Vietnamese 🇻🇳. Camera-off participation is welcome!」）へ刷新。
- JAページ: 「※オンライン相談（Google Meet）の対応可能言語は【日本語】【英語】【ベトナム語】となります。」
- VIページ: 「※Buổi tư vấn trực tuyến (Google Meet) được hỗ trợ trực tiếp bằng 【Tiếng Việt】, 【Tiếng Anh】 và 【Tiếng Nhật】。」
- RU・IDページ: リアルタイム面談が日本語・英語・ベトナム語で実施される旨を告知し、ロシア語・インドネシア語テキスト相談へのLINE/Webフォーム案内を継続。
- テンプレート条件分岐を `{% if lang_code in ['ru', 'id'] %}` へ最適化。
3. **相談所要時間を「1時間（60分）」へ全5言語完全統一**:
- JA: `page_title`「【営業なし・オンライン1時間】...」、`hero_badge`「オンライン個別ヒアリング（無料・1時間）」、`meta_desc`, `calendar_desc`, `step1_desc` を約1時間（60分）へ統一。
- EN: `【Zero Pushy Sales・Online 1-Hour】...`, `Free 1-Hour Online Consultation`, 1-hour (60 min) slot.
- VI (1 giờ / 60 phút), RU (1 час / 60 минут), ID (1 jam / 60 menit) を全セクションで完全整合。
4. **Topic 4 & FAQ 4（英語・日本語・ベトナム語対応）更新**:
- Topic 4: 日本語・英語・ベトナム語での入居審査・ビザ・スケジュール相談を明記。
- FAQ 4: Google Meetライブ面談が日本語・英語・ベトナム語で実施される点、および他言語のテキスト対応体制を明記し FAQPage JSON-LD 構造化データも同時更新。
5. **HubSpot CMSデプロイ・全5言語Site Pageメタデータ更新 & 実機検証**:
- `tools/update_consultation_metadata.py` を5言語対応へ拡張し、全5言語のSite Pageメタデータ（JA: `390750358245`, EN: `390749852375`, VI: `390750358248`, RU: `390750358251`, ID: `390749852378`）をPATCH更新＆Push-Live完了。
- `deploy_cms_theme` によりHubSpot本番環境へテーマ配信・全40ページ再公開完了。
- 実機フェッチにより JA（`/consultation?cachebust=20260903_v5`）および EN（`/en/consultation?cachebust=20260903_v5`）で HTTP 200 応答および英語公式サポート・1時間表記・ウェルカムバナーの正常描画を確認。
---
### 2026-09-03: オンライン相談ページ（/consultation）メッセージング・トーン刷新（条件整理・ヒアリング重視 ＆ 気になるお部屋の画面共有リアルタイム調査対応）＆ 5言語辞書完全同期 ＆ 本番デプロイ・実機検証完了
- **背景と目的**: オンライン面談を「一方的な物件紹介・売り込み」ではなく、「どんな暮らしがしたいか、予算やエリアの希望をじっくり伺って希望条件を整理する」ためのヒアリング相談としてメッセージングとトーンを全面刷新。すでにSUUMOやHOME'S等で見つけた気になる物件がある場合は、画面共有でリアルタイムに空室状況・初期費用をその場で調査するオプショナル対応を明文化。
- **実装内容**:
1. **JA（日本語）辞書およびメッセージングの刷新**:
- `page_title`: `【営業なし・オンライン30分】ご希望条件ヒアリング＆お部屋探し相談 | ソライ東京`
- `hero_badge`: `オンライン個別ヒアリング（無料・30分）`
- `hero_h1`: `自宅からプロに相談。理想の暮らしの「条件整理」と安心の部屋探し。`（`hero_h1_span1`: 条件整理、`hero_h1_span2`: 安心の部屋探し）
- `hero_lead`: 「一方的に物件を提案・押し売りする面談ではありません。どんな暮らしがしたいか、予算やエリアの相場感、譲れないこだわりをじっくりお伺いして『希望条件を整理する』ためのヒアリング相談です。もしすでにSUUMOやHOME'Sなどで気になっているお部屋や、その場で確認してほしい物件がある場合は、画面共有で最新の空室状況や初期費用をリアルタイムにお調べします。」
- `step3_title` & `step3_desc`: `オンラインヒアリング・条件整理`（ご希望条件やライフスタイルをお伺いします。その場で確認したい物件がある場合は画面共有で調査します。）
- 改訂4大トピック: ①ご希望条件・ライフスタイルの丁寧なヒアリング（アイコン: `fa-comments`）、②気になるお部屋のリアルタイム空室調査（ご希望の場合・アイコン: `fa-magnifying-glass-location`）、③初期費用・予算シミュレーション（アイコン: `fa-calculator`）、④入居審査・スケジュール・外国籍サポート（日本語・ベトナム語・アイコン: `fa-passport`）
2. **多言語辞書（EN, VI, RU, ID）の完全同期**:
- 全言語において「売り込みなし、ライフスタイルと条件整理の丁寧なヒアリング」「保存済みURLの画面共有リアルタイム空室調査」の同一哲学を自然なネイティブ表現で展開。
3. **HubSpot CMSデプロイ・Site Pageメタデータ更新 & 実機検証**:
- `tools/update_consultation_metadata.py` により JA Site Page（ID: `390750358245`）の `htmlTitle` および `metaDescription` を新タイトル・リード文へ更新。
- `deploy_cms_theme` によりテーマ反映・全5言語ページ再公開完了。
- `https://soraitokyo.jp/consultation?cachebust=20260903_v4` および `/en/consultation` にて HTTP 200 応答および新タイトル・新リード・新トピックの正常描画を実機確認。
---
### 2026-09-03: オンライン相談ページ（/consultation）対応言語仕様（日本語🇯🇵・ベトナム語🇻🇳ライブ面談限定 / 他言語テキスト案内）明文化 ＆ 5言語リボン・アラートバナー・FAQ最適化 ＆ 本番デプロイ・実機検証完了
- **背景と目的**: オンライン個別相談（Google Meet）のリアルタイム通話対応可能言語が「日本語」および「ベトナム語」である旨を正確にユーザーへ告知し、英語・ロシア語・インドネシア語圏のユーザーに対しては公式LINE・Web問い合わせフォームによる多言語テキストサポートへスムーズに案内するUX最適化。
- **実装内容**:
1. **信頼リボンの更新 (`ribbon_lang`)**:
- 全5言語で対応言語リボンを整備（JA: `対応言語: 日本語 🇯🇵 / Tiếng Việt 🇻🇳`, VI: `Hỗ trợ ngôn ngữ: Tiếng Nhật 🇯🇵 / Tiếng Việt 🇻🇳 (Tư vấn trực tiếp bằng tiếng Việt)`, EN: `Languages: Japanese 🇯🇵 & Vietnamese 🇻🇳 only`, RU: `Языки: Японский 🇯🇵 и Вьетнамский 🇻🇳`, ID: `Bahasa: Jepang 🇯🇵 & Vietnam 🇻🇳 saja`）。
2. **カレンダー直上フレンドリーアラートバナー (`.consult-lang-alert`)**:
- カレンダー予約ウィジェット直上に目立つ注意バナーを新設。EN, RU, IDページではハイライト（`.is-highlight`）表示し、公式LINEおよびWebフォームへのダイレクトアクションボタンを設置して即座にテキスト相談へ移行可能に。
3. **FAQ 4（多言語サポート）の刷新 & FAQPage 構造化データ同期**:
- ライブ通話の対応言語範囲と、他言語でのテキストサポート体制をQ&A形式で明確化。Schema.org FAQPage JSON-LD構造化データも同時更新。
4. **HubSpot CMSデプロイ & 実機疎通検証**:
- `deploy_cms_theme` により本番HubSpotへテーマを即時配信、全5言語ページを再公開。
- `curl` および実機フェッチにより JA（`/consultation?cachebust=20260903_v2`）および EN（`/en/consultation?cachebust=20260903_v2`）でリボン、アラートバナー、FAQの正常反映を確認。
---
### 2026-09-03: オンライン相談・詳細物件リクエストページ（/consultation）HubSpot CMS新規開設 ＆ HubSpot Meetings Embed（60min）埋め込み ＆ 5言語（JA, EN, VI, RU, ID）完全多言語化 ＆ 4ステップ・FAQ・ブランドデザインシステム実装 ＆ 全言語HTTP 200実機疎通完了 ＆ SDD仕様書同期
- **背景と目的**: おとり物件ゼロ・しつこい営業電話なしで、SUUMOやHOME'S等のポータル掲載物件の空室確認・初期費用適正診断・外国籍ビザ相談を行えるオンライン個別相談ページ（`/consultation`）の新規開設。
- **実装内容**:
1. **HubSpot CMS テンプレート実装 (`soraitokyo-cms-theme/templates/consultation.html`)**:
- `gtm-head.html`, `gtm-body.html`, `header.html`, `footer.html` を完備し、HTMLタグの完全バランシングとアクセシビリティを保証。
- Sorai Tokyo ブランドトークン（Deep Navy `#002C65`, Amber Gold `#CE8F28`, Terracotta `#c57e5f`）に準拠した Quiet Luxury デザイン。
- HubSpot Meetings 埋め込みウィジェット（`data-src="https://meetings-na2.hubspot.com/contact33/60min?embed=true"`）および `MeetingsEmbedCode.js` を最適化配置。
- 5言語完全対応（JA, EN, VI, RU, ID）のローカライズ辞書を内包し、各言語固有のタイトル・メタディスクリプション・リボン・4ステップ・4大相談内容・FAQ（FAQPage JSON-LD対応）・代替CTA（LINE/Webフォーム）を提供。
2. **デプロイパイプライン更新 ＆ テーマデプロイ (`deploy_cms_theme`)**:
- `tools/deploy_all.py` および `scratch/deploy_all.py` の `FILES_TO_DEPLOY`, `DEPENDENCY_MAP`, `PAGE_ID_MAP` に `consultation.html` および各言語ページ ID を登録。
- `deploy_cms_theme` 経由で HubSpot 本番環境へテンプレートをアップロード完了。
3. **HubSpot Site Pages API 作成 ＆ 多言語バリエーション展開 ＆ Push-Live**:
- `tools/create_consultation_page.py` により JA 親ページ（ID: `390750358245`, slug: `consultation`）を新規作成。
- EN (`390749852375`), VI (`390750358248`), RU (`390750358251`), ID (`390749852378`) の 4言語バリエーションを作成・結合し、即座に Push-Live ＆ スケジュール公開完了。
4. **本番疎通検証**:
- `https://soraitokyo.jp/consultation?cachebust=12345` (JA: HTTP 200)
- `https://soraitokyo.jp/en/consultation?cachebust=12345` (EN: HTTP 200)
- `https://soraitokyo.jp/vi/consultation?cachebust=12345` (VI: HTTP 200)
- `https://soraitokyo.jp/ru/consultation?cachebust=12345` (RU: HTTP 200)
- `https://soraitokyo.jp/id/consultation?cachebust=12345` (ID: HTTP 200)
- 全5言語で HTTP 200 応答および Meetings ウィジェット、ネイティブ言語タイトルの正常描画を実機確認。
---
### 2026-09-02: 2x2ステップカード（.step-process-grid）文字色コントラスト潰れ根本解消 ＆ テーマCSSスコープ適正化 ＆ 全42記事一括自律修復・Push-Live
- **背景と目的**: ブログ記事内の 2x2 Quiet Luxury ステップカードにおいて、テーマ側で定義されていた `.step-title { color: var(--primary-indigo); }` が適用され、ダークネイビー背景（`#1b2a47`）およびテラコッタ背景（`#c57e5f`）の上で文字色が濃紺と同化して視認性が潰れていた問題を根本解消。
- **実装内容**:
1. **テーマ CSS のスコープ適正化 (`style.css` / `home-enhancements.css` / `_home.scss`)**:
- `.step-title` を `.process-step-card .step-title`（ホームページ専用）へスコープ限定。
- `.step-header .step-title, .step-card .step-header .step-title, .step-card .step-header span { color: #ffffff !important; }` を明示追加。
2. **自動執筆・整形パイプラインのインラインスタイル強化 (`editorial_design_system.py` / `pipeline/html_formatters.py`)**:
- `format_step_process_cards` および `convert_step_svg_to_html_cards` において、タイトル要素 `.step-title` およびピルバッジ `.step-badge` に対し `color: #ffffff !important; margin: 0;` を直接インラインスタイルで注入。
- `is_japanese_content` の判定時に HTML コメント（``）を事前除去し、長文記事対応の閾値（50文字以上 / >1%）を適用。
3. **HubSpot CMS テーマデプロイ ＆ 公開済み全42記事の一括自律修復**:
- `deploy_cms_theme` により最新テーマ CSS を本番へ即時配信。
- ステップカードを含む全 42 件の公開済み記事に対し `apply_full_design_system` を適用し、HubSpot API（PATCH ＆ Push-Live）で本番修復完了。
---
### 2026-09-02: スロット2記事（防音・遮音性構造比較 / queue-057）3.5 Flash-Lite H2 セクション分割 4言語完全長文再翻訳 ＆ Structural Guard 100% 保持 ＆ HubSpot CMS デプロイ・Push-Live ＆ BQ・RAG同期
- **背景と目的**: スロット2の記事（【木造・鉄骨・RC・SRC】構造別「防音・遮音性」の真実！騒音トラブルを防ぐ内見時の壁叩き・床構造・L値チェック術: JA ID `389991139009`）において、既存の EN (`389965551321`) および RU (`389991139012`) で発生していた H2/H3 見出し脱落・要約薄肉化を根本解消し、未作成の VI (`389967375037`) および ID (`390000173806`) を含む全4言語を 1:1 完全ボリュームで再翻訳・デプロイ。
- **実装内容**:
1. **H2 セクション分割翻訳エンジン（3.5 Flash-Lite）の実行**:
- 日本語元記事（26,126文字、H2=7, H3=15, P=41, SVG=1）を `split_html_into_sections` で 8セクション（リード＋7つのH2章）に分割。
- タイトル・メタディスクリプション・SVG テキスト配列を `ArticleMetadataTranslation` で独立翻訳。
- 各セクションを `gemini-3.5-flash-lite`（temperature=0.1, thinking_level="low"）で完全忠実翻訳し再結合・SVG再注入。
2. **Structural Guard 100% 保持アサーション**:
- EN (44,189字): H2=7/7 (100.0%), H3=15/15 (100.0%), P=41/41 (100.0%), SVG=1/1 (100.0%)
- VI (43,883字): H2=7/7 (100.0%), H3=15/15 (100.0%), P=41/41 (100.0%), SVG=1/1 (100.0%)
- RU (44,141字): H2=7/7 (100.0%), H3=15/15 (100.0%), P=41/41 (100.0%), SVG=1/1 (100.0%)
- ID (46,429字): H2=7/7 (100.0%), H3=15/15 (100.0%), P=41/41 (100.0%), SVG=1/1 (100.0%)
- 全言語で日本語残存文字ゼロ、各言語 43,000〜47,000文字相当の完全長文ボリュームを達成。
3. **HubSpot CMS デプロイ ＆ 多言語グループ完全結合 ＆ Push-Live**:
- EN (`389965551321`), RU (`389991139012`), ID (`390000173806`) を PATCH 更新。
- VI (`389967375037`) を新規作成・PATCH し、JA 親記事へ `attach-to-lang-group` で完全結合。
- 全5記事（JA, EN, VI, RU, ID）の Push-Live（HTTP 204）および CDN キャッシュパージ完了。
4. **BigQuery キュー ＆ RAG ナレッジベース同期**:
- `queue-057` を BigQuery / ローカル JSON で `status="completed"` に更新。
- `knowledge_articles.json`（AIチャットボット・LINE・オペレーター検索用 RAG）および BigQuery `hubspot_data.blogs`（全632記事）の同期完了。
---
### 2026-09-02: 3.5 Flash-Lite H2 セクション分割翻訳アーキテクチャ実装 ＆ Structural Guard 検証 ＆ queue-081（千代田線・医療従事者賃貸ガイド）4言語完全長文再デプロイ・Push-Live ＆ SDD仕様書同期
- **背景と目的**: 長文ブログ記事（9,000〜10,000字）の一括翻訳時に発生していた LLM の要約バイアス・見出し脱落・薄肉化を根本解消し、各言語 15,000〜25,000文字相当の完全長文ボリュームと 100% の構造忠実性を恒久保証する H2 セクション分割 1:1 翻訳パイプラインの導入。
- **実装内容**:
1. **H2 セクション分割翻訳エンジン (`split_html_into_sections`)**:
- 冒頭リード文＋AEOクイックアンサーボックスおよび各 `` 境界で正確にチャンク分割し、SVG プレースホルダーを保持。
- タイトル・メタディスクリプション・SVG テキスト配列を `ArticleMetadataTranslation` Pydantic スキーマで先行独立翻訳。
- 各セクション（1,000〜1,500文字）を `gemini-3.5-flash-lite` に渡し、「要約・短縮・箇条書き化一切禁止」のプロンプト制約を適用。
2. **多言語構造保持 Structural Guard の自動検証**:
- H2一致率 >= 90%、H3保持率 >= 80%、段落P保持率 >= 70%、SVG 100%保持、日本語残存ゼロの機械アサーション。
- `ThreadPoolExecutor(max_workers=4)` による 4言語（EN, VI, RU, ID）並列実行。
3. **queue-081（千代田線・医療従事者賃貸ガイド）の再翻訳 ＆ HubSpot CMS 再デプロイ・Push-Live**:
- 日本語元記事（ID: `389988060914`）をもとに、EN（`389913580243`）、VI（`389913580245`）、RU（`389950614220`）、ID（新規作成/アタッチ）を新エンジンで再翻訳・再デプロイ。
- 各言語 15,000〜25,000文字相当の完全長文ボリュームを復元し、HubSpot CMS への PATCH ＆ Push-Live 完了。
---
### 2026-09-02: 自動執筆パイプライン復旧 ＆ GCP IAM 権限適正化（Compute SA roles/run.developer 付与）＆ deploy_gcp_cloud_run_job.sh 更新 ＆ ローカル LaunchAgent 仮想環境パス修正・再読み込み ＆ Cloud Scheduler 疎通検証 ＆ 多言語ブログ大量同期 ＆ 売買AIシミュレーター設計
- **背景と目的**: 自動執筆パイプライン（`sorai-auto-editorial`）における Cloud Scheduler の実行権限エラー解消およびローカル LaunchAgent 常駐デーモンの Python 仮想環境パス適正化による復旧、および28トピック超の多言語ブログ記事（JA, EN, VI, RU, ID）の同期。
- **実装内容**:
1. **GCP IAM 権限の適正化 (`sorai-indexing-30323`)**:
- Compute サービスアカウント（`902297816152-compute@developer.gserviceaccount.com`）にプロジェクトレベルで `roles/run.developer`（`--condition=None`）を付与。
- `real-estate-cms-operations/automation/deploy_gcp_cloud_run_job.sh` 内の IAM 設定箇所を `roles/run.developer` に更新。
2. **ローカル LaunchAgent (`com.soraitokyo.auto_editorial.plist`) の仮想環境対応**:
- `ProgramArguments` の Python パスを `/Users/adachishuuhei/real-estate-cms-operations/.venv/bin/python3` に更新し、`launchctl` によるアンロード・再ロードを実施。
3. **動作確認・疎通テスト**:
- Cloud Scheduler `sorai-auto-editorial-trigger` の手動実行により、Cloud Run Job `sorai-auto-editorial` の実行インスタンス `sorai-auto-editorial-cl7xr` が正常起動・実行されることを確認。
4. **多言語ブログ記事（全28トピック超・5言語展開）の同期**:
- DX不動産サービス解説、北千住レトロ散歩、足立区住宅補助金2026、町屋ファミリー家賃節約、湯島・根津・御茶ノ水スーパー生活、西日暮里出口別治安＆賃貸事情、千代田線ハザードマップ等の多言語記事ドラフトを完全同期。
- **今後のHP・CMS改善アイデア**:
1. **売買専用「AI住宅ローン・諸費用シミュレーター」のLP組み込み**: 物件価格・金利・自己資金から毎月返済額と減税額をリアルタイム試算するUIの導入。
2. **多言語記事サイロ内部リンク自動最適化**: エリアガイドと個別街歩き・治安記事間のトピッククラスタリング強化。
### 2026-09-01: 不動産売買専用ガイドLP（buy-sell-guide.html）の新規開発 ＆ HubSpot CMS ステージング環境（/buy-sell-guide-staging）への安全配備 ＆ 5言語多言語対応
- **背景と目的**: 将来的な不動産売買（中古・新築マンション購入、囲い込みゼロの透明売却、2026年最新住宅ローン控除、外国人向け購入支援）の本格展開に向け、本番には非公開のままステージング環境で事前に確認・検証できる売買専用ガイドページを構築。
- **実装内容**:
1. **売買専用ガイドLPテンプレート (`soraitokyo-theme/templates/buy-sell-guide.html`) の新設**:
- 5言語完全対応（JA, EN, VI, RU, ID）。
- **ヒーローセクション**: 「透明な仲介手数料と専門診断で、一生に一度の住まい選びに確かな安心を。」
- **Sorai Tokyo 売買の3大特徴**: ①囲い込みゼロ・透明な仲介手数料（不要な付帯費用ゼロ）、②国交省地価データ＆修繕積立金・ハザード客観診断、③外国人向け住宅ローン・海外送金・納税管理人ワンストップサポート。
- **5大取引ステップタイムライン**: 資金計画から内覧、買付、重説・契約、残金決済・引渡しまでのロードマップ。
- **諸費用シミュレーション**: 物件価格5,000万円に対する諸費用（約350万円 / 6〜8%）の内訳スタックボックスおよび2026年省エネ基準適合住宅ローン減税の要点。
- **売買専用FAQ 5選**: ポータル物件持ち込み、フルローン可否、変動vs固定金利、外国人ローン、囲い込み防止。
- **売買特化CTA**: LINEでの無料物件診断・諸費用見積もり導線。
2. **HubSpot CMS へのステージング配備**:
- FileMapper API で `soraitokyo-theme/templates/buy-sell-guide.html` をアップロード（HTTP 200）。
- ステージング検証用サイトページ（Page ID: `389697612502` / Slug: `buy-sell-guide-staging`）を作成し、`schedule_page_publish` によりステージング公開完了。
- Live Sandbox URL（`https://soraitokyo.jp/buy-sell-guide-staging`）にて HTTP 200 OK および正常レンダリングを実機検証。
### 2026-09-01: 自動執筆パイプラインにおけるSVGテキスト消失・構文破損・枠外はみ出しの恒久的な再発防止策（5重防御アーキテクチャ）の実装 ＆ svg_comprehensive_linter.py 構文完全性検証新設・3箇所完全同期 ＆ visual_qa_auditor.py FATAL格上げ ＆ run_auto_editorial_pipeline.py デプロイ直前ハードゲート配備
- **背景と課題**: 自動執筆・多言語翻訳パイプラインにおいて、LLMの構文崩れによる `` タグ消失・裸属性タグ化や、カード枠が存在するのにテキストが0個になる不具合を恒久的に再発防止する必要があった。
- **5重防御アーキテクチャ実装内容**:
1. **第1防壁（プロンプト厳格制約）**: 2x2グリッド（各340px以上）または縦積みステップ（各720px）標準化、タイトル最大15〜20文字・説明文最大30〜35文字・バッジ最大3〜5文字の文字数バジェットおよび `` XML構文保持のプロンプト強制。
2. **第2防壁（自律構文修復・プリヒーリング）**: `svg_comprehensive_linter.py` が裸属性タグ（`` 複数行自動折り返し（`wrap_svg_text`）、動的フォントスケーリング、WCAG AAA コントラスト反転を自動適用。
3. **第3防壁（SVG構文完全性バリデータ）**: `validate_svg_syntax_integrity()` を新設。裸属性タグ・`` あるのに `` 0個の空SVG・``/`` タグペア不一致を機械検知。単体テスト10項目100%合格。
4. **第4防壁（デプロイ直前遮断ハードゲート）**: `run_auto_editorial_pipeline.py` のデプロイ直前に `validate_svg_syntax_integrity()` を強制実行。1件でも異常があれば `RuntimeError` で即座にデプロイを遮断。
5. **第5防壁（Visual QA 監査＆自己修復ゲート）**: `visual_qa_auditor.py` において生HTMLに対する構文完全性監査および `` 0個検知を `[FATAL]` スコア -60 に格上げ。不合格時は即座に `heal_post_body()` を起動して自己修復・再パッチを実行。
### 2026-09-01: SVGテキスト消失重大バグの修正 ＆ 破損タグ自動復元プリヒール配備 ＆ svg_comprehensive_linter.py 3箇所同期 ＆ HubSpot CMS 全100記事の一括復旧・Push-Live再公開
- **背景と課題**: `svg_comprehensive_linter.py` の `replace_text_tag` において、`match.group(1)`（属性のみ）の取得により `` となり、ブラウザおよびHubSpot上でSVG内の全テキストが非表示・消失する重大バグが発生した。
- **実装・修復内容**:
1. **正規表現修正 ＆ タグ名完全保持**: `r'(]*)>([\s\S]*?)'` に修正し、`text_open` に `` タグが正しく含まれていることを検証完了。
### 2026-09-01: 多言語SVGテキストオーバーフロー完全自動修復 ＆ 単語境界折り返しエンジン（wrap_svg_text）配備 ＆ レイアウト標準化 ＆ HubSpot CMS一括自律修復
- **背景と課題**: ブログ記事内のインラインSVGにおいて、日本語から他言語（EN, VI, RU, ID）へ翻訳する際、文字数・単語幅が1.5〜2.5倍に膨張し、固定幅カード（``）の枠外にはみ出したり、viewBox境界外へ逸脱する問題が発生していた。
- **実装・修復内容**:
1. **多言語SVG単語境界折り返しエンジン（`wrap_svg_text`）の実装**:
- `svg_comprehensive_linter.py` において、テキストの中心座標および絶対座標から親・近接する最も内側の背景矩形を特定する最小内包矩形探索（`find_enclosing_rect`）を実装。
- 英語・ベトナム語・ロシア語・インドネシア語の単語境界（スペース・ハイフン）を正確に認識し、カード枠幅（300〜340px）に収まるよう行間 `dy="1.2em"` の `` 複数行要素へと安全に自動分割・整形。
- `text-anchor="middle"` の左右境界安全性（`abs_x ± est_w/2`）の補正、および折り返し後も収まらない場合の動的フォントスケーリング（10.5px〜11.5px / 最小 9.0px）フォールバックを統合。
- 暗色背景上の白文字（`#ffffff`）、明色背景上の濃紺文字（`#1b2a47`）の WCAG AAA コントラスト自動反転を完全維持。
2. **SVGレイアウト標準化 ＆ プロンプト文字数バジェット制約**:
- `run_auto_editorial_pipeline.py` において横4列（各160px等）の極小幅カードレイアウトを完全禁止し、2x2グリッド（各340px以上）または縦積みステップレイアウト（各700px）を標準化。
- 多言語翻訳時のテキスト長膨張を想定し、プロンプト制約としてカード内タイトル最大15〜20文字、説明文最大30〜35文字の文字数バジェット（Character Budget）を厳格設定。
- 日本語および多言語バリエーションのデプロイ直前に `svg_comprehensive_linter.py` を通過させ、幾何境界逸脱や文字はみ出しをゼロコストで自動修復。
3. **DOM・ビジュアルQA品質ゲートのSVGテキスト溢れアサーション配備**:
- `visual_qa_auditor.py` において、インラインSVG内の全 `` / `` を走査し、viewBox（幅800px）境界外へのはみ出し、内包カード矩形（``）境界オーバーフロー、同一座標でのテキスト重複・上下衝突を厳格検知・スコア減点するアサーションを追加。
4. **HubSpot CMS 公開済み15+多言語記事の一括自律修復・再公開**:
- HubSpot CMS 上の公開済み多言語ブログ記事15本以上（EN, VI, RU, ID）を巡回し、インラインSVGのテキストオーバーフロー・枠外はみ出しを IDE クォータ内・完全0円で一括バッチ自己修復し、Push-Live 再公開を完了。
### 2026-08-31: お問い合わせページ（contact.html）のコンバージョン率（CVR）最大化リニューアル
- **背景と課題**: サイト回遊・PVや記事読了は増加していたものの、従来のお問い合わせページ（/contact）はテンプレートコピー操作や階層的なタブUIが存在し、スマートフォンユーザーにとって心理的・操作的フリクションが生じていた。
- **刷新内容**:
1. **ファーストビュー訴求強化**: 「ポータルURLを送るだけで仲介手数料最大半額！おとり物件ゼロ＆適正見積もり」の圧倒的ユーザーメリットを最前面に配置。
2. **選べる3大アクションカード（3-Card Grid）**:
- 🟢 **【最速・一番人気】LINEで物件URLを送るだけ**: 気になるSUUMO/HOME’SのURLを送るだけでREINS直結の空室確認＆削減額見積もり。
- 💬 **【お気軽に】LINEでチャット条件相談**: ざっくりした希望条件を送るだけでAI＆宅建士が物件提案。
- ✉️ **【じっくり】メールフォーム / オンライン面談予約**: 法人契約やメール希望、Googleカレンダーからの予約に対応。
3. **3ステップ図解バナー**: URLコピー ➔ LINE送信 ➔ 見積もり受け取りのシンプルステップを図解化。
4. **全5言語完全ローカライズ**: JA, EN, VI, RU, ID の5言語に完全対応。
5. **テーマデプロイ**: HubSpot CMS本番デプロイおよび全ページ Push-Live 完了。
### 2026-08-31
- **feat(theme & dynamic-ogp-rich-cards)**: ブログ記事詳細テンプレート（`blog-post.html`）の OGP 画像（`og:image` / `twitter:image` / `BlogPosting` 構造化データ）完全動的化 ＆ アイキャッチカード自動フォールバック配備。
- **背景と課題**: 従来、ブログ個別記事にアイキャッチ画像が手動設定されていない場合、全記事一律で鳥のシンボルマークロゴ（`logo.png`）が OGP に出力され、Facebook/X/LINE 等の自動投稿・シェア時に内容が伝わりにくい問題があった。
- **動的解決ロジック導入**: 記事一覧（`blog-index.html`）で実績のある `icon-helper.html` の `get_category_class` & `get_post_icon` マクロを `blog-post.html` に統合。記事のスラッグ、カテゴリ（トピック）、駅名、タイトルを元に、北千住・綾瀬・千代田線・初期費用・外国人審査・カフェ・公園等の専用 Twilight Blue-Gold アイキャッチ画像（1200×630px）を自動算出・動的設定。
- **メタタグ・AEO強化**: ``, ``, ``, ``, ``, ``, および `BlogPosting` JSON-LD の `"image"` プロパティに完全同期。
- **本番反映**: テーマデプロイ（`deploy_cms_theme` 93件成功）および全ページ再公開（Push-Live）を完了。実機・ライブURLでの動的OGP画像出力を検証。
- **fix(theme & area-guide-posts-limit)**: エリアガイド（`templates/area-guide.html` 等）のブログ記事取得上限（`blog_recent_posts`）を100件から250件へ拡張し過去街歩きコラムの押し出し欠落バグを根本解消。
- **発生原因の解明**: ブログ全体の記事数が117本に増加したことで、他ジャンルの新着記事（外国人向け、初期費用、他駅コラム等）が公開されるたびに、従来の100件制限枠から過去の北千住・綾瀬・北綾瀬エリア記事が押し出されて取得対象外となり、街歩きコラム表示数が58本 ➔ 49本 ➔ 48本と新記事追加に伴い減少していた不具合を特定。
- **HubL上限拡張**: `area-guide.html`, `area-guide-chiyoda-line.html`, `blog-post.html`, `blog-index.html` の `blog_recent_posts` 取得上限を HubL 最大値の 250 件へ一括引き上げ。
- **本番反映**: テーマデプロイ（`deploy_cms_theme`）および全ページ再公開（Push-Live）を完了し、全58本が正確に抽出・集計・表示されるよう完全復旧。
- **feat(theme & end-cta-simulator-ux-refinement)**: ブログ記事末尾（ラストCTA）の初期費用シミュレーターUI/UX改善 ＆ 7項目完全内訳 ＆ 仲介手数料通常1ヶ月＋半額注記 ＆ ポータル掲載外費用ディスクレーマー配備 ＆ SUUMO遅延解説コラム（`/blog/portal-site-information-delay`）リンクカード配備 ＆ 2重CTAボタン排除。
- **7項目完全内訳化**: フォールバック時も含む全ケースで、賃料・管理費・敷金・礼金・仲介手数料・初回保証料・火災保険鍵交換等の全7項目を漏れなく表示。
- **仲介手数料の透明化**: 通常1ヶ月分（税込）を基準額とし、直下に「✨ 半額適応時は ¥XX,XXX」を明記。
- **CTA動線の最適化（重複ボタン排除）**: 結果カード内の単体LINEボタンを削除し、結果確認後にラストCTA本来のメインLINEボタンへ自然誘導。
- **ディスクレーマー配備**: SUUMO等ポータルサイト掲載情報に基づく概算である旨と、物件・管理会社によって付帯費用が発生する旨の注記を全5言語（JA, EN, VI, RU, ID）で整備。
- **SUUMO遅延解説コラム連携**: 「💡 なぜSUUMOなどのポータルサイトは情報の遅延・タイムラグが起きるのか？ [解説記事を読む →]」を結果カード直下に配備し、全5言語で該当記事（`portal-site-information-delay`）へスムーズに回遊可能なリンクカードを実装。
- **fix(editorial & cloud-run-job-deploy)**: Cloud Run Job（`sorai-auto-editorial`）多言語バリエーション作成時 `publishDate` 付与の恒久化 ＆ 最新コンテナビルド・本番デプロイ。
- `automation/run_auto_editorial_pipeline.py` において多言語バリエーション作成・更新時の `patch_payload` および `direct_payload` に `"publishDate": now_iso` を確実に含めるよう修正し、親記事・全多言語バリエーションの公開日時欠落・1970年初期化バグを恒久防止。
- `deploy_gcp_cloud_run_job.sh` による Cloud Build コンテナイメージビルド（`sha256:249abf62...`）＆ `asia-northeast1` の Cloud Run Job `sorai-auto-editorial` 本番デプロイ完了。
- Secret Manager（`sorai-hubspot-access-token`, `sorai-mlit-api-key`）、IAMロール、Cloud Scheduler トリガー（`0 18 * * *` UTC / 毎日 03:00 JST）の正常稼働を確認。
- **fix(editorial & multilang-publishdate-sync)**: HubSpot多言語ブログ全580記事の公開日（`publishDate`）一括完全同期 ＆ 1970年初期化バグ根本解消 ＆ 自動化スクリプト再発防止ガード配備 ＆ トップページニュースHubLハーデニング。
- 全116トピック・全580記事を総点検し、日本語親記事と公開日時が不一致（1970-01-01等）であった多言語バリエーション230記事を親記事の `publishDate` に一括パッチ（PATCH & Push-Live）し、全580記事で1970日付0件・不一致0件の100%完全同期を達成。
- `automation/heal_missing_multilang_posts.py` および `audit_and_heal_multilang_integrity.py` において生成・パッチ・監査時に親記事の `publishDate` を常に継承・検証・自己修復するガードを実装。
- `soraitokyo-cms-theme/templates/partials/home-news-grid.html` のHubLロジックを堅牢化（フォールバックURL・日付フォーマット・バッジデフォルト・多言語タイトル解決）。
- テーマ全93ファイルデプロイおよび全32ページPush-Live再公開完了。全5言語（JA, EN, VI, RU, ID）トップページの新着記事最新3件の時系列完全一致を実測検証。
- **feat(theme & chiyoda-area-guide-pagination-window)**: 千代田線エリアガイド（`templates/area-guide-chiyoda-line.html`）の記事一覧ページネーションを最大5ページ表示のスライディングウィンドウ方式（`MAX_VISIBLE = 5`）に最適化。13ページ横並びによるUI幅の肥大化を解消し、現在ページに合わせて数字がスムーズに切り替わり「前へ」「次へ」で快適に進めるUIへ刷新。
- **fix(theme & chiyoda-area-guide-html-balance)**: 千代田線エリアガイド（`templates/area-guide-chiyoda-line.html`）の綾瀬アコーディオン直後の重複終了タグ（`
` 出力厳禁」ルールの明記、`sanitize_post_body` による `` タグ機械的自動除去、`visual_qa_auditor.py` による FATAL 検知・Self-Healing 自動修復の三重防壁を配備。北綾瀬スーパー記事（`388639343348` 他全5言語）の本文H1を除去し本番Push-Live完了。
- **fix(qa & faq-regex)**: FAQカードの番号付きQ/Aバッジ（`Q1`, `A1`, `Q2`, `A2` 等）判定の正規表現対応（`visual_qa_auditor.py`）。
- **feat(performance & cwv-optimization)**: トップページ・全社HPのCore Web VitalsおよびLighthouseパフォーマンス徹底最適化（デスクトップ 47点 ➔ 92点 Good達成）。
- **レンダリングブロック完全解除**: Google Fonts（Outfit, Plus Jakarta Sans, Noto Sans JP, Shippori Mincho）および Font Awesome（`all.min.css`）を `media="print" onload="this.media='all'"` ＋ `