【マジクラ】NotebookLM強化月間③｜WebソースをGoogleドキュメントに変換しよう

こんにちは、まじんです。

NotebookLM強化月間の第三弾です。
今回のTipsもかなり実践的ですよ。

はじめての方は、まず過去の記事👇️からお読みください。
いきなりこの記事から読むと流れを掴みにくいと思います。

第1回では、PDFをGoogleスライドに変換してソースに追加することで、回答精度と引用の見やすさが改善するというテクニック、

第2回では、NotebookLMを 「社内チャットボット」として本格運用するためのカスタム指示とGoogleフォームを組み合わせたテクニックをご紹介しました。

第3回のテーマは

この一手間が、NotebookLMの活用可能性を大きく引き出してくれます。

それでは早速いきましょう！

ウェブソース追加に潜む「見落とし」の罠

みなさま、NotebookLMにウェブサイトをソースとして追加するとき、どうやっていますか？

おそらく、ここにURLをそのままコピー＆ペーストしている方が多いのではないでしょうか。 ワンクリックで取り込めて、本当に便利ですよね。

では試しに、厚労省のこのWebページをURLで追加してみます。

ここで、もとのウェブサイトと追加されたソースを見比べてみましょう。
実はここにNotebookLMの弱点が潜んでいます。

そうなんです。
NotebookLMはウェブページを読み込む際、文字データ（テキスト）だけを抽出する仕組みになっています。

そのため、サイト内に埋め込まれた画像はすべてスルーされてしまう。

サイトの装飾やイメージ写真が消えるだけなら問題ありません。
本当に恐いのは、「重要なデータや解説が、画像の中にしか書かれていないケース」です。

最近はAIを使えば、見やすい図解やリッチな画像を簡単に作れるようになりました。

その結果、ウェブサイトや記事の中でも、本文ではなく画像を使って内容を説明するケースが増えています。

たとえば今回の例では、具体的な「給付の流れ」がテキスト本文ではなく、この画像の中にしか書かれていません。

この画像をAIがきちんと参照してくれないと、正確な回答ができません。
ここにNotebookLMのウェブソース追加に潜む「見落とし」の罠があります。

ではどうするか。
今回の記事はそこがテーマです。

Googleドキュメントをソースとして追加するとどうなるか

以前の記事で、GoogleスライドをNotebookLMのソースにすると、スライド内の画像や図解も視覚的に読み取れる、という話をしました。

これによって、複雑なテーブルや図解であっても、空間的な位置関係を保ったまま正確に解釈しやすくなります。

ただ、前回紹介したのは、PDF形式のスライド資料をGoogleスライドに変換して読み込ませるケース。

今回のように、Webページの情報（縦にスクロールする形式）をソースにする場合、少し相性が悪いです。

ここで私がオススメしたいのはGoogleドキュメント。
実は、Googleドキュメントに挿入した画像も、NotebookLMは画像認識で読み取ることができます。

実際に試してみましょう。

先ほどの「給付の流れ」が書かれた画像だけを貼り付けたGoogleドキュメントを用意します。

このドキュメントをソースに追加すると、ソース欄にはドキュメント内の画像が表示され、その状態でチャットに「給付金を受け取るまでにはどのようなステップが必要ですか？」と質問すると、NotebookLMは画像の中に書かれた内容をもとに回答してくれます。

Googleスライドの事例では、スライド全体を画像認識で読み取らせる方法でしたが、Googleドキュメントの場合、テキストと画像を同じドキュメント内に並べて扱うことができます。

これがWebページのような縦にスクロールして読む形式と相性がいいんですよね。

たしかに、読み取りの相性が良くても、準備に手間がかかりすぎるのはナンセンスですよね。

そこで今回オススメしたいのが、私が過去に開発した「Google Doc Clipper」です。

Google Doc Clipper とは

Google Doc Clipper（グーグル ドック クリッパー）は、Webページの情報をワンクリックでGoogleドキュメントに保存できる、まじんオリジナルのChrome拡張機能です。

Webページ上の本文や画像をまとめてGoogleドキュメント化できるため、NotebookLMに読み込ませるためのソース作成がかなりラクになります。

過去の記事でも動画付きで解説していますが、今回は初めてインストールする方向けに、あらためてセットアップ動画を用意しました。

セットアップ動画

ダウンロード