「ホームページの文字が検索に引っかからない」——画像に焼き込まれた文字の見直し方

コンサルタントのしおかぜです。ちなみにこの記事も私の情報をもとにClaude codeが私のライターとなり制作してくれています。

---

ホームページのバナーやメニュー表に、おしゃれなフォントで文字が載っている。よく見かける光景ですよね。

でも実は、あの文字が「画像の中に焼き込まれている」場合、**Googleの検索にはまったく引っかからない**ことをご存じでしょうか。

サロンや店舗・クリニックのサイトで、診療案内やメニュー情報を画像として載せているケースは珍しくありません。見た目はきれいに仕上がっていても、検索エンジンからは「中身の薄いページ」と判定されてしまっている場合があります。

---

## なぜ「画像に文字を入れる」とまずいのか

たとえばサロンのサイトで「カット ¥○○○○」「髪質改善トリートメント」といったメニューがバナー画像になっているケース。見た目はきれいですが、あの文字は**画像の一部**なので、検索エンジンは「テキスト」として認識してくれません。

具体的にはこんな問題が起きています。

- **検索されにくくなる**：ページに書かれた「文字情報」が少ないと判定され、検索順位が上がりにくい

- **更新が大変**：料金を変えたいとき、画像を作り直す必要がある。デザイナーに依頼して、納品を待って、差し替えて……そのたびに手間と時間がかかる

- **スマホで読めない**：PC向けに作った画像がスマホで縮小されると、文字が潰れてしまう

美容サロンに限らず、飲食店、整骨院、クリニック。店舗ビジネスのサイトで、この状態は本当に多いです。

---

## 仕組みを変えると何が変わるか——「文字なし画像＋テキストを上に載せる」

やることはシンプルです。

1. デザイナーには「文字を入れずに背景画像だけ」を書き出してもらう

2. 文字は画像の上に、通常のテキストとして配置する

3. スマホでも読めるように自動調整する設定を入れる

これだけで、**検索に拾われる・スマホで読める・すぐに修正できる**という問題が一気に解決します。

また、デザイナーへのお願い内容も「文字を画像に入れる作業がなくなる」分だけすっきりします。対立ではなく、画像はデザイナー・文字はサイト側と、お互いの得意分野で分業するイメージです。料金が変わったときも、画像を作り直さずにテキストだけ書き換えればよいので、対応がぐっと軽くなります。

---

## 「うちのサイトも同じかも」と思ったら——明日できる確認手順

- スマホで自分のサイトを開く

- メニュー表や料金表の文字を指でタップして、選択できるか試してみる

- 選択できなければ、その文字は画像に焼き込まれている

- トップページのメインビジュアル・メニュー表・料金表と、ページをひとつずつ確認していく

- 「画像文字」が見つかったら、そのページをリストアップしておく

**スマホで文字を選択できるかどうか**——これが一番手軽なチェック方法です。意外なところに「画像文字」が潜んでいることが多いので、ひととおり確認してみてください。

---

## 地味だけど、実用的な価値がある

この見直しの作業は正直、地味です。画像のサイズを測って、文字の位置を合わせて、テキストを載せる。派手なリニューアルではありません。

でも、この地味な作業が**「検索に載る」「スマホで読める」「すぐ直せる」**という実用的な価値を生みます。

「うちのサイト、画像文字が多いかも」「料金を変えるたびにデザイナーに頼んでいる」——そんな状態に心当たりがあれば、一度サイトの構造を見直すタイミングかもしれません。

気になる方はプロフィールからご相談ください。