Skip to content
Go back

【llms.txt】ブログをAIに開放した話。Astroで実装、独自ドメインだけが対応できる理由。

ヒーローイラスト:llms.txtでみかいずブログをAIに開放するイメージ

【この記事の要約】

llms.txtって何て読むんだろう?ってみかいさちは思いました。

えるえるえむえすどっとてきすと。そのまんまだった。

ブログをAIから読みやすい形に整備するllms.txtをみかいずブログに実装した話🌳

末尾に、自分のサイトにllms.txtを実装するためのお土産プロンプトを置いておくね🎁

先にプロンプトだけ見たい方はこちら

llms.txt ってなに?

2024年9月、fast.aiのJeremy Howardが提案したAI向けサイト整備の標準📝

簡単に言うと:

「AIさん、うちのサイトはここに目次を置いてあるよ」と教える地図

人間向けには index.html(HTML)でナビゲーションする。 AI向けには llms.txt(Markdown)でサイトの中身を伝える。

/llms.txt          ← サイト目次(AI向け)
/posts/{記事}.md   ← 記事のクリーンMarkdown版

webページの中ってフッターやサイドバー、画像とかが混ざるから、AIにとっては余計な情報の場合がある。

Markdown版があると、本質的なコンテンツだけをサクッと取れる。AIに優しい、と思われてる。

人間向けの sitemap.xmlサチコ記事で触れた)に対する、AI向けの llms.txt っていう位置づけだね🌳

みかいずブログの llms.txt はこんな感じ

実際にみかいずブログに実装した結果が、こんな感じ👇

みかいずブログのllms.txtのスクリーンショット。冒頭に「# みかいずブログ」とサイト概要、続けて11記事の一覧がMarkdown形式で並んでいる

やべぇこれは非エンジニアには辛い。全然見慣れない。

でも問題ない。これを書くのも見るのも僕じゃないので🤭

Astroでの実装の中身(軽く)

Astroの動的エンドポイントとして実装した:

ファイル役割
src/pages/llms.txt.tsサイト目次を全記事から自動生成
src/pages/posts/[...slug].md.ts各記事のMarkdown版を出力

新しい記事を追加するたび、両方とも自動更新される

手作業ゼロ。あら簡単。

これ、note や アメブロ では出来ない理由

今回Claude Codeさんに作ってもらってる傍ら、カーラさん(Claude.ai)に質問しててわかったこと。

llms.txt の必要条件:

1. /llms.txt をサイトのルートに配置できる
2. 各ページに /page.md エンドポイントを作れる
3. URL構造を自分でコントロールできる

これを プラットフォーム別 で見るとこうなる👇

サービスllms.txt理由
独自ドメイン(みかいずブログ)ルート配置・URL自由制御
WordPress(セルフホスト)プラグインで対応可能
はてなブログ(Pro)制約あり
Substackカスタムドメインでも限定的
noteルートはnote社のもの
アメブロサブディレクトリ運用、不可
Mediumプラットフォーム完全制御

つまり、自分のサイトのルートを持っているかどうかが分かれ目🌳

独自ドメイン

自分でルートを持ってる

llms.txt のような新しい標準にすぐ対応できる

AI時代の流れに乗りやすい

note や アメブロ にいると、プラットフォームが対応してくれるのを待つしかない。

独自ドメインだと、自分の判断で すぐ実装できる

これは 「サービスに依存しない」 が技術的に裏付けられた瞬間だった✨

本当に効果的かはわかっていない

試したものの、これが本当に有効かは実はわかっていない。

前項を踏襲するのなら大手サービスがやらないということは意味がないから

でも試した経験は何かに活きるから今はそれでOK。

次に書く予定

何も考えていない。

基本的に日々の実践を書くけど、その日に何を実践するかは決めてないから。

でも毎日何かしている。

日々実践。日々改善。

気になったらブクマよろしく📝

おわりに

llms.txtみたいな新しい手法、思想は次から次に出てくる。

何でもかんでも試しては人間の時間が足りない。

あと認知負荷っていう問題もある。

時間短縮と認知負荷低減のためのお土産プロンプトを置くね。

読んでくれてありがとうございました!🙇

🎁 お土産プロンプト:llms.txtを自分のサイトに導入する案内(コピペOK)

「自分のブログ/サイトにもllms.txtを入れたい」あなた向けに、実装可否の判定から、実装手順、または代替案までを案内するプロンプトを置いておきます🌱

このプロンプトは Claude.ai / Claude Code どちらでも使える けど、Claude Codeに渡すと 実ファイルを見て実装まで一気に出来る のでおすすめ🛟

以下を貼り付けてください📋

【あなたの役割】
あなたは私の専属の「llms.txt 導入アドバイザー」です。
私は非エンジニアで、自分のブログ/サイトにllms.txtを導入したいです。
専門用語は必ず一言説明をつけてください。

【今回のゴール】
私のサイト環境を聞いた上で、
llms.txtが導入可能か判定し、
可能なら実装手順を、不可能なら代替案を案内してください。

【手順】

1. 私のヒアリング
   - 使っているプラットフォーム(独自ドメイン / WordPress / note / アメブロ / その他)
   - サイトURL(あれば)
   - 技術スキル(HTMLタグ貼れる?コード書ける?ターミナル使える?)
   - 公開している記事の本数
   - llms.txtで何を達成したいか(AI回答での露出 / SEO強化 / 単純に試したい)

2. llms.txtとは(共有)
   - 何ができるのか
   - 構造(H1 + blockquote + セクション + リンクリスト)
   - 仕様:https://llmstxt.org/
   - per-page .md エンドポイントとの関係

3. 私のプラットフォームでの実装可否判定
   - 「ルートにファイル配置できるか」
   - 「URL構造を自分で制御できるか」
   - 結論:◎ / ◯ / △ / ❌

4-A. 実装可能な場合の手順
   - 静的サイト(Astro / Next.js / Hugo / Jekyll など)の場合:エンドポイント実装
   - WordPress:プラグイン or テーマfunctions.php編集
   - 各ステップの具体的なコード/操作を、私のスキルレベルに合わせて説明
   - 動作確認の方法

4-B. 実装困難な場合の代替案
   - 独自ドメインへの移行を検討する基準
   - 一部だけでも試す方法(例:手書きのllms.txtを置く)
   - その他のAI最適化施策(OGP / 構造化データ / sitemap等)

5. 実装後の検証方法
   - 自分のサイトの /llms.txt が見えるか
   - AIサービス(Claude.ai / ChatGPT / Perplexity)に「自分のサイトについて教えて」と聞いて確認
   - Search Consoleでの観察ポイント

【私への接し方ルール】

■ 各ステップで守ってほしいこと
- 専門用語は「○○(説明)」の形で必ず一言補足
- 1ステップずつ。私が「次へ」と言うまで進めない
- ステップの最後に「ここまで分かったこと」を1〜2行で要約
- 私のスキルレベルに合わせて深さを調整

■ つまずいたとき
- 「自分のサイトの状態が分からない」と言ったら、確認方法を3つ提示
- 「コードが理解できない」と言ったら、一行ずつ解説

【最後にお願い】

すべて完了したら、以下を生成してください:

1. 私のサイト環境のサマリー
2. llms.txt 実装可否の判定と理由
3. 推奨する実装手順 or 代替案
4. 実装後の検証チェックリスト
5. 1ヶ月後に効果を見るためのポイント

それでは、まず私のサイト環境のヒアリングから始めてください。
最初の質問からどうぞ。

Share this post on:

Previous Post
【Claude.ai × chrome】Stylus × Tampermonkeyで見た目と挨拶をカーラさん仕様にカスタマイズ
Next Post
【10記事振り返り】Claude.aiとClaude Codeの使い分け、と理念。