Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloud...
Search
中川 聡也
March 13, 2025
Programming
0
130
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
Cloudflare Meet-up Tokyo Vol.7 LT資料
Cloudflare Pagesのサイトを NotebookLMから読みやすくする
中川 聡也
March 13, 2025
Tweet
Share
More Decks by 中川 聡也
See All by 中川 聡也
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
230
Cloudflare Workers でWebGPUと戯れる
xiombatsg
0
200
受託開発でGitLab CI を活用していく
xiombatsg
1
550
Webサービス開発でのPostman活用方法
xiombatsg
0
250
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
830
OCHa Cafe Season7をふりかえって
xiombatsg
0
290
Other Decks in Programming
See All in Programming
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
kubode
1
180
The Evolution of the CRuby Build System
kateinoigakukun
0
720
カオスに立ち向かう小規模チームの装備の選択〜フルスタックTSという装備の強み _ 弱み〜/Choosing equipment for a small team facing chaos ~ Strengths and weaknesses of full-stack TS~
bitkey
1
110
note の Elasticsearch 更新系を支える技術
tchov
0
150
AIコーディングの理想と現実
tomohisa
32
35k
PHP で学ぶ OAuth 入門
azuki
1
210
Bedrock×MCPで社内ブログ執筆文化を育てたい!
har1101
6
1.1k
The Implementations of Advanced LR Parser Algorithm
junk0612
1
730
Lambda(Python)の リファクタリングが好きなんです
komakichi
3
220
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.7k
AHC045_解説
shun_pi
0
560
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
130
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
670
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Adopting Sorbet at Scale
ufuk
76
9.3k
Making Projects Easy
brettharned
116
6.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Site-Speed That Sticks
csswizardry
5
500
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Designing Experiences People Love
moore
142
24k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Transcript
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7 2025/3/14 株式会社Future Techno
Developers 中川 聡也
サーバーレス:Serverless/Cloudflare/TiUG ゲーム‧アプリ:IGDA Japan / 福岡インディーゲーム協会 Cloud Native:OCha Cafe! 他も顔出してます。どこかであったら声かけてください! まずは⾃⼰紹介
@xiombatsg 1 何をしている⼈? 商品開発をしているお客様を技術⾯でご⽀援 チーム構築のご⽀援(Platform Engineer,SRE…) どんなジャンル? ゲーム/Webサービス/CG/組み込み/etc… どんなコミュニティに顔を出している? コミュニティ運営に参画 中川 聡也 Satoyan https://zenn.dev/nakagawa_satoya
運営コミュニティ
お客様の周りにプロジェクトが炎上しているお客様はいらっしゃいますか? システム開発で いつもプロジェクトが炎上してしまう と困っていませんか? プロジェクト開発に知⾒のあるエンジニアが、 課題管理やスムーズな進捗管理などを⾒直し、 解決に向けてアドバイスします!
個人クリエイター支援始めました 資⾦調達で困っている チームメンバーが揃わなくて困っている イベント出展⼿伝ってほしい などなど 個⼈開発している⼈お話ししましょう ←2026年発売予定。PixelArt x アクション
本題
みなさんこの記事読みましたか? 6
南波さんは NotebookLM に情報集約している・・・
南波さんにお会いしたい。。。! お会いするならきっとNotebookLMに情報 集約できないとお困りになるはず! NotebookLM で ⾃分のサイトを読むに違 いない
URLを入れると・・・読み込まれるはず
ちょっ!ま え‧‧‧‧? まじで?
読んでもらえないと困るので、急いで直す。
治った
何がだめだったの? 1. Nuxt.jでできている CSRサイトが、NotebookLMクローラーが 読めてなかった - Google 検索のbotとかちゃんと読んでくれていたので油断していた - Javascript実⾏してレンダリングしてくれる柔軟さはまだなさそう
2. SSRに切り替えたんだけど、以前試してたハイブリッドレンダ リングのコードが邪魔して、ビルドで転けてた - いらないので消した。会社の公式サイトでやることじゃない 13 テスト⼤事!
めでたしめでたし 何はともあれ、NotebookLMで⾃分のサイ トが読めた。 これで南波さんにいつお会いしても⼤丈夫
ではない 無駄にお知らせあったり、なんかふわっとしたことしか書いてない。 サイトのトップページってどこもこんな感じですよね? AI SEO対策
やっとやりたかったことに
課題感 サイトのトップページってふわっとしていることが書いてある 1. SEO対策 2. なんとなくそれっぽいことを書きがち 3. コンテンツページも掘ればあるんだけど、細部まで⾒てくれな いよね? 17
しっかりした内容をNotebookLMで拾ってほしい!
llms.txtがあったじゃないか! みんな大好き亀田さんブログ https://zenn.dev/kameoncloud/articles/4777d4affc49ea llms.txt とは 簡単に言うと、AI botクローラーがそのサイトの 情報をサイトクロールせずに読み込めるようにし たもの。robot.txtのLLM向けのようなイメージ。
Markdownで書く あと 設置することで AI botクローラーのアクセス が減る。らしい(まだ測定したことはないです)
と言うことで設置
もう一度NotebookLMに読ませてみる 変わらない
llms.txtへの直リンが必要・・・? リテラシーの⾼い南波さんならもしかしてとllms.txtの直リン開いて くれるかもしれないけど、普通はルートで読むでしょ。
読んでもらえないと困るので、急いで対策。
治った
南波さんがきっと確認されるであろう質問をしてみる
補足:robot.txtでは弾かないように 細かい設定しても良いと思うけど、読ませる前提なら全許可で
補足:bot保護も無効にしよう これ⼊れていると AI bot クローラーは情報取れないよ
まとめ 1. AI botクローラーって Google検索のクローラーと違ってJavascriptレンダリングして くれないっぽいので、SSR必須です。CSRとかSPAはだめ a. Workers ルートでllms.txtを渡せば良いですが、何もしてないサイトは読み込 めてないので、あなたのサイト学習できてないよ
2. 自分のコンテンツがどう読まれているかテストするのは結構良い体験 a. サイト制作時に OGPとかだけじゃなく,NotebookLMでの見え方も気にしたら 良いと思う AI SEO対策!
コミュニティ活動宣伝
Cloudflare Meetup TOKYO Vol.8 2025.6ぐらい?
#CloudflareUG #CloudflareUG_hnd
Azure AI Developers Community(JP) #AzureAIDevJP オープニングオープニングオープニング 30 Here we go
!
協賛・サポータ募集中 東京でも良いよ
https://finops-study.connpass.com/ 当コミュニティはFinOps Foundationとは一切関わりがありません(大事な とこ) ハッシュタグ をチェックだ! #FinOpsStudy
3/19 発売! ※ちなみに何も関わってません
人生初の技術書翻訳お手伝い本(みんな買って!) 書店サイト
None