WebSite JSON-LD の alternateName を英語表記に統一
BaseLayout の WebSite スキーマで alternateName が日本語と英語で混在していた問題を修正。alternateName を 'Shindan Navi' に統一し、AI 検索エンジン(Google AI Overview / ChatGPT 等)がサイト名を正確に認識できるよう改善。
診断ナビの開発・改善履歴。最終更新:
このページでわかること
診断ナビは 2026-05-20 にベータ公開を開始し、公開から約1週間で76件の機能追加・改善を実施しました。 多重知能・MBTI・完璧主義・友達相性・血液型相性・DiSC・星座・恋愛スタイル・金銭感覚の8診断統合プラットフォームとして、 Supabase 認証・Stripe 決済・動的 OGP 画像・AIO/SEO 最適化を並行実装しています。
BaseLayout の WebSite スキーマで alternateName が日本語と英語で混在していた問題を修正。alternateName を 'Shindan Navi' に統一し、AI 検索エンジン(Google AI Overview / ChatGPT 等)がサイト名を正確に認識できるよう改善。
Google Search Console で報告された構造化データの「解析不能」エラーを schema.org 仕様と照合して全件修正。Quiz @type をリッチリザルト非対応のため LearningResource に変更、FAQPage から url プロパティを削除するなど15件を修正。
全診断の result/[type] ページに「関連診断カード」セクションを統一実装。同カテゴリ内の関連ページへの内部リンクを自動最適化し、内部リンク密度と回遊率を向上。
HowTo 構造化データを新たに7ページへ追加し、合計14診断ページでの実装を完了。診断手順をステップ形式で記述することで検索結果での HowTo リッチリザルト表示を狙う。
WebSite スキーマに SearchAction を追加し /search/ ページを新設。Google 検索結果でのサイトリンク検索ボックス(SiteLinks SearchBox)表示に対応。
検索ページを見る →about ページに編集長「会澤勇気」の詳細プロフィールセクションを追加。Person スキーマを実装し、Google の E-E-A-T(Experience / Expertise / Authoritativeness / Trustworthiness)評価に対応。架空の監修者は設定せず実在人物のみ記載。
運営者情報を見る →音声検索・AI Overview での引用率向上を目的に、全ページへ Speakable Schema を実装。cssSelector を7セレクタに拡張し、診断ハブ・結果・信頼ページすべてを対象化。
ページ更新時に Bing・Yandex へ即時クロール通知を送る IndexNow API を接続。新コンテンツの検索インデックス反映速度を短縮。
ChatGPT・Claude・Gemini 等の LLM がサイト全体のコンテンツを学習しやすくする llms-full.txt を作成。AI 経由の流入強化・ブランド認知向上を目的とする。
llms-full.txt を見る →診断結果ページに対し、タイプ別の動的 OGP 画像を自動生成。SNS シェア時に結果タイプのビジュアルが表示されバイラル率が向上。対応タイプ数:80種類以上。
login・signup・招待ページが SSR 要求でビルド時に HTML 生成できなかった問題を解消。全ページを静的化しクライアントサイドで認証状態を取得する設計に変更。
サイト全ページを対象にしたUI/UX崩れの網羅監査を実施。レイアウト崩れ・フォントサイズ不整合・タッチターゲット不足など多数の課題を一括修正。
PR #59(BaseLayout統一修正)によって消失したトップページの8診断円形(DiagnosisRing)表示を復活。CSSアニメーションと配置を完全再現。
トップページを見る →生HTML で実装されていた5ページ(/about/, /privacy/ 等)が CSS 崩壊・モバイル固定フッター欠落を起こしていた問題を緊急修正。全ページを BaseLayout に統一。
aisei(AI生成文診断)・yujin(友人相性ページ)の品質スコアが基準(70点)を下回っていたため、定義セクションの追記・FAQ5問追加を実施。
OGP 画像内の絵文字が一部 SNS(Twitter/X 等)で黒つぶれしていた問題を修正。絵文字を SVG パスに変換し、クロスプラットフォームで正常表示されるように対応。
多重知能・MBTI・完璧主義など10診断・80ページの結果ページに対し、AIO(AI Overview)引用を促す構造化・FAQ・定義段落を標準化。
全診断ハブ・結果ページに OGP 画像を整備。診断開始・結果閲覧・シェアの各行動を GA4 カスタムイベントとして計測開始。
sitemap.xml 全ページ収録確認・robots.txt 最適化・llms.txt 初版作成・カスタム 404 ページ実装を完了。
¥390 PASS 購入フローに必要な /pass/ ページが欠落していた問題を修正し新規作成。サイト全体のハードコード 404 リンクを一括修正。
/pass/ を見る →PRO 会員向けの月1回限定診断機能をリリース。初月コンテンツは「ストレス対処タイプ診断(8タイプ)」。毎月第1日曜にコンテンツを更新する設計。
月1限定診断を見る →Big5(OCEAN)スコアを可視化する統合プロファイルで使用する16動物キャラクター(ライオン・オウム・クマ・イルカ等)の SVG アートワークを制作・実装。
統合プロファイルを見る →トップページの8診断カードから飛ぶリンクおよび統合プロファイルへのリンクが 404 になっていた問題を全修正。CSS 背景バグも併せて解消。
8診断統合の核となる MBTI 主診断(40問・16タイプ)が欠落していた問題を修正し本実装。E/I・N/S・T/F・J/P 4軸をスコアリングし16タイプを判定。
MBTI 診断を受ける →フェーズ1・2 で実装したデザイントークン・page-hero コンポーネントを全 126 ページに横展開。サイト全体のビジュアル統一を完了。
診断結果ページ(動的)・統合プロファイル・5シーン軸・マイページへ新デザインを適用。ダークパープル系グラデーション・カード UI・アニメーション体験を実装。
モバイル専用タブバー(BottomNavigation)・グラスモーフィズムモバイルヘッダーを実装。タッチターゲット最小 44px 確保・スワイプUX最適化。
--sn-* CSS カスタムプロパティ(62変数)・Nunito フォント・パープル系カラーパレットを確立。TOPページと8診断ハブ9ページに新デザインを先行適用。
「こっそりモード」「オープンモード」等4プライバシーモードを本接続。招待リンク経由の相性チェックフローを Supabase compatibility_pairs DB に接続。バイラル係数 K>1 設計を実装。
招待ページを見る →3つの穴場キーワードページに学術引用・一次情報セクションと競合差別化比較表を追加。3ヶ月以内の5-8位獲得を目標とした強化。
Magic Link 認証(Supabase Auth)を本接続。診断結果・プロフィールデータを LocalStorage から Supabase DB に移行するマイグレーションフローを実装。
特定商取引法に基づく表記ページに運営者名・住所を正式反映。AdSense 審査・法的コンプライアンス対応を完了。
特商法ページを見る →Supabase・Stripe 決済・Claude API・招待バイラル・タイムカプセル機能のモック+スタブを実装。本接続前の動作確認環境を整備。
全診断ページ・信頼ページ・統合系ページを対象に AIO/LLMO 最適化3巡を実施。FAQPage・SpeakableSpecification JSON-LD・定義段落・学術引用を全ページ標準化。
全100ページを対象に内部SEO・構造化データ・サイトマップ・内部リンクを全面強化。タイトル・メタディスクリプション最適化・正規URL統一を実施。
血液型タイプ別4本・恋愛依存系5本・血液型サブ4本・DiSCサブ2本・学校軸4本・家族軸3本・性格変化系3本・タイムカプセル2本・音楽タイプ5本を追加。計33本の新コンテンツ実装。
8診断の結果を Big5 スコアで統合し、仕事・恋愛・友人・家族・学習の5シーン別にアドバイスを生成する統合プロファイル機能を本実装。ChatGPT/Claude/Gemini 向け AIプロンプトカードも実装。
統合プロファイルを見る →行動経済学(Klontz のマネースクリプト理論・Kahneman の損失回避理論)に基づく金銭感覚診断を実装。スピリチュアル・快楽主義・防衛的・焦点型の4タイプで分類。8診断が全て揃い Phase 1 完成。
金銭感覚診断を受ける →社会学者 J.A.Lee の6恋愛タイプ理論(Eros/Ludus/Storge/Pragma/Mania/Agape)に基づく診断を実装。Hendrick & Hendrick(1986)の Love Attitudes Scale を参照。
恋愛スタイル診断を受ける →西洋占星術の12星座を文化的性格分類フレームとして活用した星座性格診断を実装。「占いではなく傾向分析」という立ち位置を明示し YMYL 境界を厳守。
星座性格診断を受ける →行動心理学者 Marston(1928)が提唱した DiSC 理論(Dominance/Influence/Steadiness/Conscientiousness)に基づく診断を実装。ビジネス・チームビルディングシーンへの応用を重視。
DiSC診断を受ける →日本で最も検索ボリュームの高い相性診断テーマのひとつ。血液型4タイプ(A/B/O/AB)の全16組み合わせ相性をデータ化し実装。文化的傾向分析としての立ち位置を明示。
血液型相性診断を受ける →MBTI 16タイプ別の恋愛相性ページを実装。既存 MBTI 相性データを恋愛シーン向けに再構成し、16×16 = 256 組み合わせをカバー。
MBTI恋愛相性を見る →友達を招待して2人の相性をチェックする診断機能を実装。招待リンク経由でバイラル拡散が起きる設計。プライバシーモード(こっそり/オープン)に対応。
友達相性診断を受ける →MBTI タイプ別相性ページ(全16タイプ・それぞれの相性一覧・ベストマッチ/ワーストマッチ)を実装。VOL 19,600 の高検索需要に対応。
MBTI相性診断を見る →完璧主義傾向を4タイプ(自己指向・他者指向・社会規定・適応型)で分類する診断を実装。心理学者 Hewitt & Flett(1991)の多次元完璧主義尺度を参照。
完璧主義診断を受ける →Harvard 大学 Gardner 教授の多重知能理論(1983)に基づく8知能タイプ診断を実装。全79問・中断保存機能・8タイプ別詳細結果ページを完備。Phase 1 最初の診断コンテンツ。
多重知能テストを受ける →一時アンロック ¥390 PASS と月額 ¥590 PRO(広告非表示・月1限定診断・タイムカプセル・AIプロンプトカード)の2プラン体制を設計。Stripe 決済フローを接続。
料金プランを見る →shindan-navi.jp のベータ公開を開始。Astro 4 + Cloudflare Pages 構成の技術基盤を確立。TOP・運営者情報・編集ポリシー・お問い合わせ・FAQ の基盤5ページを公開。
トップページを見る →