ハブ記事が増えすぎて迷子になったので【ハブ】表記・ファイル名・hubメタで検索しやすくした話

star-moti.com を育てていると、「個別記事」と「個別記事への入口（ハブ）」がだんだん増えてきます。

ノマド作業スポット、おすすめグッズ、投資ログ、フリーランス準備、改修ログ……。

どれも大事なのに、エディタで開こうとすると 「これ、ハブだっけ？普通の記事だっけ？」 と一瞬止まることが増えてきて^^;

そこで今回は、ハブだと一目でわかる運用ルールを入れて、検索しやすくしました。

課題：まとめ／一覧／ハブが混ざって探せない

これまでも、タイトルに「まとめ」や「一覧」を付けたり、ファイル名に -hub- を入れたりはしていました。

ただ、統一されていなくて、

タイトルだけ見ると普通の記事っぽい
ファイル名に -hub- があるものとないものがある
エディタ検索で「ハブだけ」を一発で出せない

という状態でした。

ハブが増えるほど、運用コストとして効いてきます。

やったこと：3点セットでハブを識別する

1. ファイル名は必ず `-hub-.md`

Cursor なら Quick Open（⌘P）で hub と打てば、ハブ候補だけに絞れます。

例:

nomad-cafe-hub-tokyo-2026.md
recommended-gadgets-hub-2026.md
star-moti-site-changelog-hub-2026.md

2. タイトル先頭に `【ハブ】`

記事一覧でも、本文検索でも、ハブだとすぐわかります。

例:

【ハブ】ノマド作業スポットまとめ｜...
【ハブ】おすすめグッズ一覧｜...

3. フロントマターに `hub: true`

将来、サイト側でハブだけを一覧したり、フィルタしたりできるように、メタデータとしても残しました。

hub: true

あわせて lib/posts.ts で hub を読み、getPublishedHubPosts() も用意しています。今すぐ画面を増やす改修ではないですが、「あとでハブ一覧が欲しくなったとき」の下地です。

旧URLはどうしたか

ファイル名を変えると slug も変わるので、すでに出ていたURLはそのまま残したいです。

そこで next.config.ts に恒久リダイレクトを追加しました。

/blog/nomad-cafe-list-tokyo-2026 → /blog/nomad-cafe-hub-tokyo-2026
/blog/recommended-gadgets-list-2026 → /blog/recommended-gadgets-hub-2026

これで、過去のリンクやブックマークが切れにくくなります。

いまのハブ一覧（自分用）

現時点で hub: true を付けたのは次の5本です。

エディタでは、次のどれでも探せます。

⌘P → hub
⌘⇧F → hub: true
⌘⇧F → 【ハブ】

まとめ

ハブは「記事そのもの」というより、サイト内ナビゲーションの部品です。

だからこそ、中身の文章以上に 探しやすさ・見分けやすさ が大事でした。

小さな規約ですが、ブログを長く育てるほど効いてくる Design Ops だと思います(^^)

サイトの改修ログとしては、【ハブ】star-moti.com 改修ログまとめからも辿れるようにしておきます。

（本文随時追記予定）