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
110
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
520
Webサービス開発でのPostman活用方法
xiombatsg
0
240
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
800
OCHa Cafe Season7をふりかえって
xiombatsg
0
290
Other Decks in Programming
See All in Programming
もう一人で悩まない! 個の知見をチームの知見にする3つの習慣と工夫 / Into team knowledge.
honyanya
3
500
WordPress Playground for Developers
iambherulal
0
110
ローコードサービスの進化のためのモノレポ移行
taro28
1
310
バックエンドNode.js × フロントエンドDeno で開発して得られた知見
ayame113
4
1.2k
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
280
requirements with math
moony
0
490
SLI/SLOの設定を進めるその前に アラート品質の改善に取り組んだ話
tanden
2
430
アーキテクトと美学 / Architecture and Aesthetics
nrslib
11
2.7k
安全に倒し切るリリースをするために:15年来レガシーシステムのフルリプレイス挑戦記
sakuraikotone
5
2k
新卒から4年間、20年もののWebサービスと 向き合って学んだソフトウェア考古学
oguri
7
6.2k
Windows版PHPのビルド手順とPHP 8.4における変更点
matsuo_atsushi
0
350
PHPによる"非"構造化プログラミング入門 -本当に熱いスパゲティコードを求めて- #phperkaigi
o0h
PRO
0
750
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
45
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Producing Creativity
orderedlist
PRO
344
40k
Building Adaptive Systems
keathley
40
2.4k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Code Review Best Practice
trishagee
67
18k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Become a Pro
speakerdeck
PRO
26
5.2k
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