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
120
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
220
Cloudflare Workers でWebGPUと戯れる
xiombatsg
0
200
受託開発でGitLab CI を活用していく
xiombatsg
1
530
Webサービス開発でのPostman活用方法
xiombatsg
0
250
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
810
OCHa Cafe Season7をふりかえって
xiombatsg
0
290
Other Decks in Programming
See All in Programming
ローコードサービスの進化のためのモノレポ移行
taro28
1
330
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
6
3k
NestJSのコードからOpenAPIを自動生成する際の最適解を探す
astatsuya
0
170
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
0
220
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
190
小さく段階的リリースすることで深夜メンテを回避する
mkmk884
2
120
フロントエンドテストの育て方
quramy
8
2.3k
DenoでOpenTelemetryに入門する
yotahada3
2
280
SLI/SLOの設定を進めるその前に アラート品質の改善に取り組んだ話
tanden
2
660
GDG Super.init(version=6) - From Where to Wear : 모바일 개발자가 워치에서 발견한 인사이트
haeti2
0
540
生産性アップのためのAI個人活用
kunoyasu
0
470
Gunma.web #55
tinykitten
0
130
Featured
See All Featured
Unsuck your backbone
ammeep
669
57k
How to Ace a Technical Interview
jacobian
276
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Speed Design
sergeychernyshev
28
850
Practical Orchestrator
shlominoach
186
10k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Faster Mobile Websites
deanohume
306
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.7k
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