Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7

Slide 1

Slide 1 text

Cloudﬂare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7 2025/3/14 株式会社Future Techno Developers 中川聡也

Slide 2

Slide 2 text

サーバーレス：Serverless/Cloudﬂare/TiUG ゲーム‧アプリ：IGDA Japan / 福岡インディーゲーム協会 Cloud Native：OCha Cafe! 他も顔出してます。どこかであったら声かけてください！まずは⾃⼰紹介 @xiombatsg  1 何をしている⼈？商品開発をしているお客様を技術⾯でご⽀援チーム構築のご⽀援(Platform Engineer,SRE…) どんなジャンル？ゲーム/Webサービス/CG/組み込み/etc… どんなコミュニティに顔を出している？コミュニティ運営に参画中川聡也 Satoyan https://zenn.dev/nakagawa_satoya

Slide 3

Slide 3 text

運営コミュニティ

Slide 4

Slide 4 text

お客様の周りにプロジェクトが炎上しているお客様はいらっしゃいますか？システム開発でいつもプロジェクトが炎上してしまうと困っていませんか？プロジェクト開発に知⾒のあるエンジニアが、課題管理やスムーズな進捗管理などを⾒直し、解決に向けてアドバイスします！

Slide 5

Slide 5 text

個人クリエイター支援始めました資⾦調達で困っているチームメンバーが揃わなくて困っているイベント出展⼿伝ってほしいなどなど個⼈開発している⼈お話ししましょう ←2026年発売予定。PixelArt x アクション

Slide 6

Slide 6 text

本題

Slide 7

Slide 7 text

みなさんこの記事読みましたか？ 6

Slide 8

Slide 8 text

南波さんは NotebookLM に情報集約している・・・

Slide 9

Slide 9 text

南波さんにお会いしたい。。。！お会いするならきっとNotebookLMに情報集約できないとお困りになるはず！ NotebookLM で⾃分のサイトを読むに違いない

Slide 10

Slide 10 text

URLを入れると・・・読み込まれるはず

Slide 11

Slide 11 text

ちょっ！まえ‧‧‧‧？まじで？

Slide 12

Slide 12 text

読んでもらえないと困るので、急いで直す。

Slide 13

Slide 13 text

治った

Slide 14

Slide 14 text

何がだめだったの？ 1. Nuxt.jでできている CSRサイトが、NotebookLMクローラーが読めてなかった - Google 検索のbotとかちゃんと読んでくれていたので油断していた - Javascript実⾏してレンダリングしてくれる柔軟さはまだなさそう 2. SSRに切り替えたんだけど、以前試してたハイブリッドレンダリングのコードが邪魔して、ビルドで転けてた - いらないので消した。会社の公式サイトでやることじゃない 13 テスト⼤事！

Slide 15

Slide 15 text

めでたしめでたし何はともあれ、NotebookLMで⾃分のサイトが読めた。これで南波さんにいつお会いしても⼤丈夫

Slide 16

Slide 16 text

ではない無駄にお知らせあったり、なんかふわっとしたことしか書いてない。サイトのトップページってどこもこんな感じですよね？ AI SEO対策

Slide 17

Slide 17 text

やっとやりたかったことに

Slide 18

Slide 18 text

課題感サイトのトップページってふわっとしていることが書いてある 1. SEO対策 2. なんとなくそれっぽいことを書きがち 3. コンテンツページも掘ればあるんだけど、細部まで⾒てくれないよね？ 17 しっかりした内容をNotebookLMで拾ってほしい！

Slide 19

Slide 19 text

llms.txtがあったじゃないか！みんな大好き亀田さんブログ https://zenn.dev/kameoncloud/articles/4777d4affc49ea llms.txt とは    簡単に言うと、AI botクローラーがそのサイトの情報をサイトクロールせずに読み込めるようにしたもの。robot.txtのLLM向けのようなイメージ。 Markdownで書く    あと設置することで AI botクローラーのアクセスが減る。らしい（まだ測定したことはないです） 

Slide 20

Slide 20 text

と言うことで設置

Slide 21

Slide 21 text

もう一度NotebookLMに読ませてみる変わらない

Slide 22

Slide 22 text

llms.txtへの直リンが必要・・・？リテラシーの⾼い南波さんならもしかしてとllms.txtの直リン開いてくれるかもしれないけど、普通はルートで読むでしょ。

Slide 23

Slide 23 text

読んでもらえないと困るので、急いで対策。

Slide 24

Slide 24 text

治った

Slide 25

Slide 25 text

南波さんがきっと確認されるであろう質問をしてみる

Slide 26

Slide 26 text

補足：robot.txtでは弾かないように細かい設定しても良いと思うけど、読ませる前提なら全許可で

Slide 27

Slide 27 text

補足：bot保護も無効にしようこれ⼊れていると AI bot クローラーは情報取れないよ

Slide 28

Slide 28 text

まとめ 1. AI botクローラーって Google検索のクローラーと違ってJavascriptレンダリングしてくれないっぽいので、SSR必須です。CSRとかSPAはだめ  a. Workers ルートでllms.txtを渡せば良いですが、何もしてないサイトは読み込めてないので、あなたのサイト学習できてないよ  2. 自分のコンテンツがどう読まれているかテストするのは結構良い体験  a. サイト制作時に OGPとかだけじゃなく,NotebookLMでの見え方も気にしたら良いと思う AI SEO対策！ 

Slide 29

Slide 29 text

コミュニティ活動宣伝

Slide 30

Slide 30 text

Cloudflare Meetup   TOKYO   Vol.8     2025.6ぐらい？   #CloudflareUG   #CloudflareUG_hnd  

Slide 31

Slide 31 text

Azure AI Developers Community(JP) #AzureAIDevJP オープニングオープニングオープニング 30 Here we go !

Slide 32

Slide 32 text

協賛・サポータ募集中東京でも良いよ

Slide 33

Slide 33 text

https://finops-study.connpass.com/ 当コミュニティはFinOps Foundationとは一切関わりがありません(大事なとこ）  ハッシュタグをチェックだ！ #FinOpsStudy

Slide 34

Slide 34 text

3/19 発売！ ※ちなみに何も関わってません

Slide 35

Slide 35 text

人生初の技術書翻訳お手伝い本(みんな買って！）書店サイト

Slide 36

Slide 36 text

No content