料金表を画像にした日から、AIはあなたの値段を答えられません

「写真、きれいですね」と言われる。でもAIに聞くと出てこない

サイトを開くと、いい写真が並んでいる。料金表も、読みやすい1枚の画像にまとめてある。動画も撮った。やることはやっています。

それなのに、ChatGPTに「◯◯市で◯◯を頼むなら、どこがいいですか」と聞いてみると、自分の名前は出てこない。出てきたとしても、料金については何も言ってくれない。

ページには、ちゃんと書いてあるのに。
書いてはあるんです。ただ、書いてある「場所」が問題で。

AIが読んでいるのは、あなたがいちばん時間をかけた場所ではない

まず、よくある誤解をひとつ外しておきます。
「AIは画像を読めない」。これは、もう正確ではありません。Googleは公式のガイドで、こう書いています。

読めます。表示もされます。では、なぜ料金を答えてもらえないのか。
同じページに、答えが書いてありました。

「テキストを、画像や動画で補強する」。
順番に注目してください。土台がテキストで、画像はそれを補強するもの、という言い方になっています。

ところが実際のページは、逆になっていることが多いんです。土台が画像で、テキストは「詳しくは画像をご覧ください」の一行だけ。この状態だと、AIが引用しようとしても、引用できる文が存在しません。

見た目は完成しています。中身も入っています。ただ、取り出せる形になっていない。それだけです。

文字になっていない情報、心当たりはありませんか

自分のページで起きているかどうかは、すぐ確かめられます。よくあるのは、この4つです。

どれも、あなたがいちばん伝えたい情報です。そして、どれも、いちばん文字になっていない情報でもあります。もっと簡単な確かめ方があります。自分のページを開いて、全部を選択してコピーする。それをメモ帳に貼りつける。

パソコンならCtrl+A（Macはcommand+A）、スマホなら長押しして「すべて選択」です。そこに残った文字が、AIが読んでいるページです。料金が消えていたら、AIが答えに使える料金も、そこにはありません。

代替テキストは、飾りではなく本体です

画像を置くときに出てくる「代替テキスト」「altテキスト」という欄。空欄のまま通り過ぎていませんか。
Googleは、この欄をこう説明しています。

メタデータ、と書いてあるとかまえてしまいますが、要するに「この画像は何なのか」を機械に伝える情報のことです。そして、そのなかで最も重要なのが代替テキストだと言っています。ついでの項目ではありません。

別のページでは、もう少しはっきり書かれています。

書き方は、3つだけ覚えておけば足ります。

1. 写っているものを、そのまま日本語で書く。「スタッフ3人が施術台のまわりで打ち合わせをしている写真」でいい

2. キーワードを並べない。Googleは「alt 属性にキーワードを羅列すること（キーワードの乱用とも呼ばれます）は避けてください」とはっきり書いています

3. 画像の中に文字が書いてあるなら、その文字を本文にも書く。ここがいちばん効きます

3番だけでも先にやってください。料金表の画像の下に、同じ金額をテキストで並べる。それだけで、引用できる形になります。

動画は消さなくていい。話した内容を、同じページに文字で置く

動画を撮った人ほど、この話は損した気持ちになるかもしれません。せっかく撮ったのに、と。

消す必要はありません。動画は、人を動かす力がテキストよりずっと強い。表情も声も、文字では出せません。

やることは足し算です。動画の中で話した要点を、同じページに文字で置く。

全部の書き起こしを載せる必要はありません。5行で足ります。

• 誰に向けた話か

• 結論として何を言っているか

• 出てくる数字（金額・時間・回数）

• 注意点や断り書き

• 次にどうすればいいか

字幕も付けておいてください。電車の中など、音を出せない場所で見ている人に届きます。

30分でやる順番

上から順にどうぞ。1と2で、直す場所が全部見えます。

1. 自分のページを全選択してコピーし、メモ帳に貼る（残った文字が、AIの読んでいるページです）

2. 消えている情報を書き出す

3. そのうち「料金」「条件」「手順」の3つだけ、先に本文へ書く

4. 画像の代替テキストを埋める。まず料金表とメニューの画像から

5. 動画の要点5行を、動画のすぐ下に書く

全部を一度にやらなくて大丈夫です。3までで、半分以上は解決します。
ページの構造そのものを整える手順は、AI検索で引用されるWebサイトの作り方にまとめてあります。

よくある質問のコードなど、機械向けの書き方の現在地は構造化データの実装方法のほうが詳しいです。

考察：画像は「説明するもの」ではなく「確かめさせるもの」

ここからは、手順の話ではなく、なぜこうなるのかという話をします。
人がページを見るとき、順番があります。まず文字を読んで意味を理解して、そのあと写真を見て「本当にそうなんだ」と確かめる。

逆にはなりません。写真をじっと見てから意味を推測する人は、ほとんどいません。

画像の役割は、説明することではなく、確かめさせることなんです。証拠のほうに近い。

Googleが「テキストを画像で補強する」と書いているのは、たぶん機械の都合だけの話ではありません。人の読み方に沿って書いてあるページが、結果としてAIにも読める、というだけのことだと思います。

そしてもうひとつ。これは書いていて気づいたことですが。
料金を画像にしたくなるのは、レイアウトの問題だけではない気がします。文字にすると、自分でも曖昧なところが見えてしまうからではないでしょうか。

「基本コース 30,000円」と書くと、次に「これ、何が含まれるんだっけ」が来ます。「延長したらどうなる」「キャンセルは」。画像の中なら、デザインの一部として、なんとなく収まってくれる。

だから、料金表を画像にしている人は、たいてい料金の説明を言葉にできていません。

AI対策の話をしているつもりが、途中から「自分の商品を言い切れているか」の話になっている。ここがいちばん引っかかるところだと思います。

文字にすると、決めなければいけません。いくらで、何が含まれて、どこからが別料金なのか。

その決断がページに書かれると、AIが答えられるようになります。同時に、読んでいる人も、聞かずに決められるようになります。
順番は、AIが先ではありません。

まとめ

• AIは画像を取り込める。ただし答えの中身に使われるのは、テキストとして書かれた情報

• Googleは「テキストコンテンツを画像や動画で補強する」と書いている。土台はテキストのほう

• 自分のページを全選択してコピーし、メモ帳に貼る。残った文字がAIの読むページ

• 代替テキストはGoogleが「最も重要な属性」と呼んでいる欄。キーワードの羅列は避ける

• 画像の中に文字があるなら、その文字を本文にも書く。まず料金・条件・手順の3つから

• 動画は消さない。要点5行を同じページに文字で置く

今日、料金表の画像の下に、同じ金額を文字で並べてみてください。5分で終わります。
→ コネクティッドワンを見てみる