Obsidian Astroで検索に強い個人サイトを作る方法

ブログサービスやSNSで書き続けていると、サイト側の仕様変更によって発信のリズムが乱されるものです。
プラットフォーム側の都合で表示数が揺れ、書きためた言葉もタイムラインを流れていきます。
書き続けたぶん、自分の場所に文章が積み上がっている、という感覚はなかなか持てません。

だからこそ最近、書き手のなかで自分のドメインを使った個人サイトが見直されつつあります。
たとえば、あなたが今読んでいるこのサイトも、ObsidianとAstro、Cloudflare Pagesで作った個人サイトのひとつです。
Obsidianで書いた記事を、AstroがWebページの形に整えます。あとはCloudflare Pagesが、世界中の読者へ無料で届けてくれる仕組みです。

ドメイン代として年間1,500円かかるだけで、難しい専門知識がなくても、文系ライターのまま個人サイトを持てる時代に入りました。
そこで本記事は、最小コストで個人サイトを始める手順を5つのステップにまとめてあります。
SNSから少し離れて、自分のドメインで書き続けたい方に届けば嬉しいです。

なぜいま個人サイトが見直されているのか

SNSで発信を続けていると、アルゴリズム頼みの不安定さに気づかされる場面が増えてきます。
投稿の表示数はサービス仕様によって日々変化するし、書きためた言葉もタイムラインを流れていくだけで残りません。
だから、発信を積み重ねても、自分の資産にならないというやるせなさが残ってしまうのです。

そこで再評価が進んでいるのは、自分のドメインで運営する個人サイトになります。
書いた記事が検索エンジンに資産として残り、書き手のもとへ長く読まれ続けるページに育っていけるわけです。

最近では、コードに詳しくない書き手でも個人サイトをつくれる仕組みが揃ってきました。
文字だけで書いた原稿を、Webページの形に自動で組み立ててくれる道具が増えてきたためです。
そうした道具のなかで、表示の速さと検索エンジンとの相性に強みを持ち、書き手から選ばれているのがAstroになります。

公開された複数のデータを統合して再集計すると、Astro採用率はここ数年で顕著に伸びていました。

Astroが検索に強いとされる理由

Googleが公開している評価基準でも、ページの表示速度・見出しの構造・モバイル対応の3点が、上位表示の柱として挙げられています。
Astroはこの3つを、特別な設定をしなくても自動で満たしてくれます。

• 静的HTMLで配信されるため、初回表示が速い
• 記事の見出しや日付がAstro側で自動的にきれいに揃う(Content Collectionsという仕組み)
• スマホ表示に最適化されたテーマが標準で揃っている

静的サイト型は動的CMS型と比べて、表示時間が5倍ほど速くなる計算です。

書き手が表示速度や構造化を意識しなくても、でき上がったサイトは検索エンジンに好まれやすい形で世に出ていきます。
Astroが「検索に強い」と言われる理由は、この自動的な仕上がりにあるのです。

Obsidianで書ける利点

Obsidianを執筆環境に選ぶ強みは、記事がMarkdown形式のテキストファイルそのもので扱える点に集まります。
Markdownは、記号数個で見出しや強調を書ける軽量な書式で、メモを書く感覚のまま記事の原稿になる仕組みです。
Astro側もMarkdownを直接読み込んでHTMLへ変換してくれるため、書いたファイルが追加の変換作業なしに記事として並びます。

• 拡張子 .md のテキストファイルがそのまま記事になる
• 画像はドラッグ&ドロップで自動配置
• Obsidianのメモ置き場(Vault)の中から、過去記事を瞬時に呼び出せる
• カスタムCSSを利用すれば、見た目もサイトのデザイン合わせられる

書いている最中の感覚は、ローカルでメモを綴るときと変わりません。
WordPressの管理画面を開いてエディタが立ち上がるまで待つ手間も省けます。
だから、執筆環境を乗り換える書き手が増えているのです。

月額0円で運用できる仕組み

Astroで作ったサイトの公開に、特別なサーバは必要ありません。
GitHubとCloudflare Pagesを連携させれば、月額0円の自動公開環境が整います。

GitHubは、書いた記事やコードをまとめてネット上に置いておく保管庫になります。
Cloudflare Pagesは、その保管庫の中身を読み取って、世界中に向けて自動公開してくれる無料サービスです。
GitHubに変更があると、Cloudflare Pages側が自動で気づき、Markdownから新しいHTMLを書き出してくれます。
結果として、書き換えた記事は数十秒のうちに読者の画面に届くわけです。

Obsidian・Git・GitHub・Cloudflare Pages の4つが、それぞれ役割を分担しています。
書き手が記事を保存してpushボタンを押すだけで、読者の画面までが自動で繋がっていく流れです。

公開までの5ステップ

実際の流れを整理すれば、最短で公開まで実践できます。

慣れた方なら5ステップ全体を35分前後で組み終えられます。
初挑戦なら調べる時間も加わりますが、休日1日あれば公開できる内容ですね。

5ステップを終えてしまえば、あとはObsidianで記事を保存し、変更をGitHubへ送る操作(push)を一度行うだけで、Web反映までが自動で進むようになります。

執筆環境を1画面に集約するプラグイン

5ステップのうち、初回設定とpushの操作だけは、どうしてもターミナルに少しだけ触れる必要があります。
ターミナルとは、黒い画面に英語のコマンドを打ち込む操作環境で、初めての方は、コマンドの綴り1つで詰まりやすい場所でもあります。
「Obsidianを開いたまま記事の公開まで済ませたい」という方も少なくないでしょう。
そこで、執筆から公開操作までをObsidianの1画面に統合する専用プラグインを、現在開発しています。

• 記事ツリーをサイドパネルで一覧表示
• pushボタンでGit操作を完結
• ビルドやプロジェクトツリーも操作可能

詳細はプラグイン特設ページで紹介していますので、興味があれば確認してみてください。

詰まったらClaudeに相談する

Astroの設定やビルドエラーで手が止まる場面は、必ず出てきます。
そんなときに頼れるのが、対話で解決策を提示してくれるClaudeになるでしょう。

• エラー内容をそのまま貼って質問する
• 設定ファイルの書き換え案を提示してもらう
• ターミナル操作を1コマンドずつ確認しながら進める

文系ライターでも、AIに相談できる環境さえあれば、エラーの前で立ち止まり続けることはありません。

書く力だけで個人サイトは持てる

ターミナルやサーバ知識が一切なくても、文章を書く力さえあれば個人サイトは持てる時代なのです。
書く側はObsidian、公開側はCloudflare Pagesが、それぞれ役割を分担して、サイト公開へと進めます。
Astroは、Obsidianで書いたMarkdownを読み込み、検索エンジン向けのHTMLへ自動で書き出す中間役を引き受けるわけです。

「独自ドメインで、自分の言葉を長く残していきたい」と思う方は、ぜひこの構成を現実的な道のひとつとして検討してみてください。