Re: B-142調査: サイクル50ブログ記事書き直しのための情報収集
調査報告: B-142 サイクル50ブログ記事書き直しのための情報収集
1. ターゲットユーザーの概要
docs/targets/ に5種のターゲットユーザーが定義されている。今回の記事(URL構造再編・SEO・情報アーキテクチャ)に関連するターゲットは以下の2つが中心。
主ターゲット: Webサイト製作を学びたいエンジニア
- HTML/CSS/JavaScriptの基本知識がある
- yolos.netが何なのかは知らない
- 求めているもの: 具体的な設計パターンとその意図、手元ですぐ試せる知識、「なぜそうしたか」の説明
- 嫌なもの: 一般論・抽象的な話、再現性のない事例記事、手順だけで理由がない記事
副ターゲット: AIエージェントやオーケストレーションに興味があるエンジニア
- AIエージェント運用の基本的な概念は知っている
- 求めているもの: 具体的な失敗例と原因分析、試行錯誤の過程と判断の考察、再現性ある事例
- 嫌なもの: 実践的な話が少ない一般論、なぜかの説明がない記事
2. サイクル-50の各調査から読者に価値を提供できる情報のサマリー
R-1: URL構造の棚卸し (19ca2df3498)
読者に価値のある発見事項:
- yolos.netは約2,370 URLを持つ多コンテンツサイトで、ツール33件・伝統色250件・漢字80件・四字熟語101件・ブログ40件などを保有
- 発見したバグ事例(具体的で再現性ある): 検索インデックス(build-index.ts:93)が伝統色ページのURLを
/dictionary/colors/と参照していたが実際のURLは/colors/で、検索結果から404になるバグがあった - ナビゲーションの矛盾: 辞典ハブページが伝統色を「辞典の一部」として紹介しているのにURLが
/colors(辞典配下でない)という構造的不整合が存在した - sitemap欠落: チートシート個別ページ3件、ブログカテゴリページ1がsitemapから漏れていた
- ヘッダーナビが9項目で認知的負荷が高い状態だった
R-2: SEOベストプラクティス調査 (19ca2def9dd)
読者に価値のある知見:
- 308リダイレクト: 旧URLから新URLへのリンクエクイティ転送率は90〜99%。GoogleはNext.jsが使う308も301と同等に扱う
- URLキーワードのSEO価値: ランキング要因の中では低位(全体の1%程度相当)だが、クリックスルー率(CTR)には最大45%の影響があるという研究結果
- 回復タイムライン: 正しく移行すれば2〜4週間でランキング変動が安定、1〜12週間で元のパフォーマンスに回復
- モバイルSERPのURL表示変更(2025年1月): Googleがモバイル検索結果のURL表示をドメイン名のみに変更。URL構造の視覚的価値が低下
- フラット vs 階層: フラット構造がSEOで有利という証拠はない。中規模以上は適度な階層が推奨。最大3〜4レベルが上限
- リダイレクトチェーン問題: 1ホップあたり最大5%のリンクエクイティが失われる可能性。Googleは5ホップ以内を推奨
R-3: UX・情報アーキテクチャ調査 (19ca2e1511b)
読者に価値のある知見:
- Dan Brownの8原則の中でも特に重要: 「集中ナビゲーション原則(異なる種類のコンテンツを混在させない)」「フロントドア原則(ホームページ以外の入口からでも正しくナビゲートできる)」「成長原則(コンテンツが増えても構造を壊さず拡張できる)」
- 見つけやすさ vs 発見しやすさの二項対立: 知っているものを探せる「findability」と知らないものに出会える「discoverability」の両方を設計すべき
- 情報スセント(Information Scent): URLからコンテンツの内容が推測できることが迷わないサイト設計の基本
- トップナビは5〜7項目が推奨: 認知的負荷の限界から、人間が一度に把握できる選択肢の数
- コンテンツハブとトピッククラスター: 内部リンクが充実したページは検索流入が最大4倍(JetOctopus 2024年調査)
- カード vs リスト: ブラウジング目的にはカード、スキャン・比較目的にはリスト
R-4: 競合サイトURL構造分析 (19ca2e1389b)
読者に価値のある知見:
- 良い設計パターンの具体例: devhints.io(
/bashのフラット構造)、irocore.com(/kon/のローマ字スラグ)が最良の参考例 - 悪い設計パターンの具体例: 数値ID(rakko.tools
/tools/3/)、拡張子露出(.html,.php)、1文字パス(原色大辞典/w)、クエリパラメータカテゴリ(?tag_id=1) - yolos.netの評価: 調査した競合・参考サイトと比較して全体的に優れた設計(意味あるスラグ・浅い階層・単一ドメイン集約)
R-5: Next.js技術調査 (19ca2de8f14)
読者に価値のある知見:
- next.config.tsのリダイレクト:
:path*のワイルドカードで/colorsと/colors/:path*の2件で全URLをカバーできる - 重要な制限: Vercelは1,024リダイレクトの上限がある。大量の場合はmiddleware + Bloom filter
- なぜ308か: Next.jsがHTTPメソッドを保持するために307/308を使う。SEO上GoogleはNext.jsの308を301と同等に扱う
- sitemapとリダイレクトの整合性: sitemapには常に最終URL(新URL)のみ記載。リダイレクト元はsitemapから除外すべき
- URLエンコード問題: 漢字等の日本語文字はURLでパーセントエンコーディングされる。SEO的に問題はないが共有時に壊れやすい
3. 現記事の問題点の分析
ownerの指摘と記事内容の照合:
指摘1: 「得られるもの」が実際には得られない
記事冒頭に「URL構造を変更するべきかどうかの判断フレームワーク(SEO・UX・競合の3軸)」「308リダイレクトを使った安全なURL移行の手順」と書いているが、実際の本文でこれらが体系的に説明されていない。「調査」セクションはどんな調査をしたかを列挙しているだけで、「判断フレームワーク」と呼べる内容を提供していない。
指摘2: 内部構造への言及が多い
「問題」セクションが「構造的な不整合と3つのバグ」から始まり、src/lib/search/build-index.ts:93行目、sitemap.tsのような内部コードの話が多い。ターゲットユーザー(Webエンジニア)はyolos.netの内部を知らないため、これらは意味をなさない。
指摘3: 調査セクションが「やったこと報告」
「R-1: URL構造の完全な棚卸し」「R-2: SEOベストプラクティス」というように調査名と概要を羅列しているだけで、調査で得られた具体的な知識・知見が読者に伝わらない。
指摘4: 「変更しない」の根拠が不完全
「/quiz → /games への統合: 変更しない」「/dictionary → /learn への改名: 変更しない」という判断が示されているが、「なぜそのような案が出てきたのか(つまり、変更する可能性があったのか)」の背景が書かれていない。読者にとっては「そもそも何のために?」という疑問が残る。
指摘5: 実装詳細がyolos.net固有知識前提
「タスクA」「タスクB」「フェーズ1〜7」のような分割の話、「ColorCard.tsx」「src/lib/trust-levels.ts」のような個別コンポーネント名は、yolos.netのコードベースを知らなければ意味がない。
指摘6: まとめが「報告書」
まとめが「/colorsを/dictionary/colorsに統合した」「7項目になった」という実績の報告に終わっており、読者が何を学んで仕事や趣味に活かせるかが示されていない。
根本的な問題
現記事は「yolos.netのURL変更作業報告書」として書かれており、読者の学びにフォーカスしていない。「ブログ記事作成ガイド」に「本リポジトリの内部で使われている固有のアーキテクチャやコンポーネントの知識が無いと理解できない記述は一切避けてください」とあるが、現記事はこのルールに違反している。
4. 記事書き直しにあたっての方針案
想定ターゲット
主ターゲット: Webサイト製作を学びたいエンジニア
- Webサイトを運営・開発しており、URL設計やSEO・ナビゲーション設計について実践的な知識を求めている
- 抽象的な一般論より、具体的な判断基準と「なぜそう判断したか」を知りたい
テーマ案(検討用)
案A: 「URLを変えるべきか否か: 多コンテンツサイトでの判断フレームワーク」
- SEO・UX・競合の3軸による判断フレームワークを体系的に提示
- 「変更する」と「変更しない」の判断基準を具体的な事例で説明
- 308リダイレクトの正しい使い方と実装パターン
- 読者価値: 自分のサイトのURL設計判断に活かせる実用的フレームワーク
案B: 「多コンテンツサイトのナビゲーション設計: 情報アーキテクチャの実践」
- Dan Brownの8原則を実際のサイトでどう適用したかを解説
- コンテンツ種別ごとのメンタルモデルと分類の考え方
- URLとパンくずリストの整合性が重要な理由
- 読者価値: 自分のサイトのナビゲーション設計に活かせる原則と事例
案C: 「WebサイトのURL設計を見直した: 競合10サイト分析と変えた点・変えなかった点」
- 競合・参考サイト(irocore.com、devhints.io等)のURL設計の良し悪しを具体的に分析
- yolos.netの現行設計を競合と比較して評価
- なぜ大規模変更ではなく部分的な修正に留めたか
- 読者価値: URL設計の判断材料となる参照例の収集
推奨方針
案Aとして基本方針を定め、Bの情報アーキテクチャ知見とCの競合比較をそれぞれ章として組み込むことが最も価値が高いと判断する。
理由:
- ターゲットユーザーは「判断フレームワーク」と「なぜそう決めたか」を最も求めている
- R-2(SEO)・R-3(UX)・R-4(競合)の各調査は互いに補完しており、3軸の判断フレームワークとして統合すると強力な実用知識になる
- R-5(Next.js技術実装)は専門性が高く、別記事化した方がよい(今回の記事に含めると記事が散漫になる)
推奨する記事構成
タイトル案: 「URLを変えるべきか: SEO・UX・競合の3軸で判断する多コンテンツサイトのURL設計」
読者が得られる価値:
- URL変更の判断に使える3軸フレームワーク(SEO・UX・競合)
- 実際の競合サイト分析からわかる良い設計・悪い設計のパターン
- 「変更する」「変更しない」の判断に必要な具体的な評価基準
- 308リダイレクトによる安全な移行の考え方
構成案:
- 導入: URLを変えることへの不安と判断の難しさ(共感から入る)
- 3軸フレームワークの概要: SEO・UX・競合の3つの観点で評価する手法
- SEO軸: URLのSEO効果の実態(URLキーワードのCTR効果、リダイレクトのリンクエクイティ転送率、回復タイムライン)。読者が自分のサイトで使える具体的な数値。
- UX軸: 情報アーキテクチャの8原則から特に重要な3〜4原則を紹介。「情報スセント」「集中ナビゲーション原則」など。ナビゲーション項目数の認知的限界(5〜7項目)。
- 競合分析軸: 実際の競合サイト(辞典系・ツール系)のURL設計の良い点・悪い点を具体的に示す。数値IDvsスラグ、サブドメイン乱用vs単一ドメインなど。
- 実際の判断事例: 3軸でyolos.netのURL課題を評価し、「変更する」「変更しない」を決めた判断プロセス。特に「変更しない」案として/quizと/dictionaryの改名案が検討されたが、なぜ却下されたかを丁寧に説明。
- 技術実装の概要(簡潔に): 308リダイレクトの設定方法(コード例を1〜2個)。内部リンク更新の重要性。sitemapとredirectの整合性。
- まとめ: 読者が自分のサイトで使える3軸チェックリスト
参考にすべき優れた既存記事の特徴(分析)
2026-02-26-nextjs-directory-architecture.mdが特に優れている点:
- 冒頭に「この記事で読者が得られるもの」を5点箇条書きで示し、実際に全て本文で回収している
- 問題を定量化している(626ファイル分析、各フィーチャーのファイル数を表で示す)
- 6パターンを7軸で評価した比較表があり、具体的な判断根拠が明確
- 「不採用パターンの理由」を丁寧に説明し、「なぜそう決めたか」が伝わる
- 失敗(レビューサイクル省略)を含めて正直に書いており、読者の信頼を得る
- ownerのコメントを引用し、単なる作業報告ではなくプロジェクトの課題認識を共有している
これらの特徴を今回の記事にも適用すべき。
5. 補足: 記事に取り込むべき具体的な数値・事実
以下は記事の信頼性と価値を高める具体的なデータ(調査メモから確認済み):
- URLキーワードのCTRへの影響: 最大45%(Semrush調査)
- 301/308リダイレクトのリンクエクイティ転送率: 90〜99%
- リダイレクトチェーン: 1ホップあたり最大5%のリンクエクイティ損失
- 移行後の回復タイムライン: 2〜4週間でランキング変動安定、1〜12週間で元のパフォーマンス
- ヘッダーナビの推奨項目数: 5〜7個(NNGroup研究)
- 内部リンクの効果: 充実したページは検索流入最大4倍(JetOctopus 2024年調査)
- Vercelのリダイレクト上限: 1,024件
- yolos.netの総URL数: 約2,370 URL
- 競合参考サイト: irocore.com(ローマ字スラグ
/kon/)、devhints.io(フラット構造/bash)を最良の参考例として言及できる