画像SEOとは｜alt属性の書き方と最適化の手順

画像SEOでまず直すのは、alt属性です。alt属性に画像の内容を書き、画像形式と容量を整える。この2つで、画像検索からの流入と表示速度の両方が変わります。順番を逆にして圧縮から始めても、検索エンジンには画像の中身が伝わりません。この記事では、alt属性の書き方を良い例と悪い例で示したうえで、ファイルの最適化と公開前の確認手順までをまとめます。

画像SEOとは

画像SEOとは、画像の内容を検索エンジンに伝え、同時に画像がページを重くしないように整える施策です。検索エンジンは画像そのものを人と同じようには理解できないため、テキストで内容を補う必要があります。

効く場面は2つある

1つは画像検索からの流入です。料理、施術例、商品、施工事例など、見た目で選ばれる業種では、画像検索が実際の入口になります。もう1つは表示速度です。最適化していない画像はページを重くし、離脱につながります。表示速度はGoogleの評価要素でもあります。

alt属性の書き方

alt属性は「その画像に何が写っているか」を、見ていない人に伝わるように書きます。キーワードを入れる場所ではありません。

良い例と悪い例

画像	悪い例	良い例	理由
店内で施術している写真	整体	施術ベッドで腰の施術を受ける女性	何が写っているかが分かる
料理の写真	料理 おいしい 人気 おすすめ	自家製生パスタのカルボナーラ	キーワードの羅列はスパムと見なされ得る
店舗の外観	IMG_2841	白い外壁と木製の看板が見える店舗の外観	ファイル名の流用では内容が伝わらない
区切り線や飾り	装飾	alt=""（空にする）	意味のない画像は読み上げから除く
料金表を画像にしたもの	料金表	初回6,600円、2回目以降5,500円の料金表	画像内の文字は読まれないのでaltで補う

長さは全角60字くらいまで

長すぎると読み上げの妨げになり、短すぎると内容が伝わりません。一文で言い切れる長さが目安です。装飾目的の画像は alt="" と空にします。属性ごと省略するのではなく、空の値を入れるのが正しい書き方です。

画像内の文字は必ずaltに入れる

料金表、図解、バナーなど、画像の中に書かれた文字は検索エンジンにもAIにも読まれません。その画像が伝えている情報を、altか本文のどちらかにテキストで書きます。これは見落としが最も多い箇所です。

ファイル名も内容に合わせる

「IMG_1234.jpg」ではなく「seitai-shisetsu-sagamihara.jpg」のように、英数字とハイフンで内容を表します。効果はalt属性ほど大きくありませんが、アップロード前のひと手間で済みます。日本語のファイル名はURLがパーセントエンコードされて長くなるため避けます。

画像形式の選び方

迷ったらWebPです。同じ見た目でJPEGより軽くなります。用途ごとの使い分けは次のとおりです。

形式	向いているもの	注意点
WebP	写真・イラストを問わず基本形式	古い環境では表示されないことがある。元形式も残す
JPEG	写真。WebPが使えない場合	保存を繰り返すと劣化する
PNG	透過が必要なロゴ、図解	写真に使うと重くなる
SVG	ロゴ、アイコン、線画	拡大しても劣化しない。写真には使えない

表示サイズに合わせて書き出す

幅400pxで表示する画像に、3,000pxの原寸を置く必要はありません。表示幅の2倍までを目安に書き出します。高精細画面での見栄えを保ちつつ、容量を抑えられます。

widthとheightを必ず書く

<img> に幅と高さを書いておくと、読み込み中にレイアウトがずれる現象（CLS）を防げます。これは表示速度の評価に直接関わります。WordPressは通常自動で付けますが、手書きのHTMLでは抜けやすい箇所です。

遅延読み込みを使う

loading="lazy" を付けると、画面に入るまで画像を読み込みません。画像の多い一覧ページで効きます。ただし最初に表示される大きな画像（ファーストビュー）には付けません。付けると逆に表示が遅く見えます。

画像の周りのテキストも読まれる

検索エンジンは、画像の前後にある文章やキャプションも手がかりにします。画像は本文の流れの中に置き、その画像について触れている段落の近くに配置します。関係のない位置にまとめて並べると、何の画像なのかが伝わりません。

WordPressでの手順

altはメディアライブラリの「代替テキスト」欄に入れます。ここに入れた値が、その画像を使っているすべての記事に反映されます。記事ごとに入れ直す必要はありません。

すでに入れてしまった画像を直す

メディアライブラリを一覧表示に切り替えると、代替テキストが入っているかを並べて確認できます。すべてを直すのではなく、検索で表示されているページで使っている画像から順に直します。どのページが表示されているかはSearch Consoleで分かります。

WebPへの変換

変換用のプラグインを入れると、アップロード時に自動でWebPを生成し、対応しているブラウザにはWebPを配信できます。既存の画像も一括で変換できます。変換前の画像は残す設定にしておきます。元に戻せなくなると、後から差し替えが必要になったときに困ります。

画像検索に出るための条件

altを書いただけでは画像検索に出るとは限りません。次の3つが揃って初めて候補に入ります。

• その画像が本文の内容と一致している … 記事の主題と無関係な素材写真は拾われにくい
• ほかのサイトと同じ素材写真を使っていない … 同一の素材画像は、より評価の高いサイトのものが優先される
• 画像がサイトマップに含まれている … cantik.co.jpでは画像サイトマップを出力している

つまり実写に差し替えることが、画像検索では最も効きます。店舗や施術、商品の写真をスマートフォンで撮ったものでも、素材写真より有利になります。

効果の測り方

直したあと、次の2つで確認します。感覚で判断しないためです。

見るもの	どこで	判断の仕方
画像検索からの表示・クリック	Search Console 検索パフォーマンス → 検索タイプを「画像」に切替	直した月と前月で表示回数を比べる
表示速度	PageSpeed Insights	LCPとCLSの数値。画像が原因の指摘が消えたか

Search Consoleの検索タイプを「画像」に切り替えている人は多くありません。ウェブ検索の数字だけを見ていると、画像SEOの効果は見えないままになります。

やりがちな失敗

• alt属性が空のまま … 画像を入れただけで終わっている。最も多い
• altにキーワードを並べる … スパムと見なされ得る。自然な説明文にする
• 原寸のまま使う … 数MBの画像が数枚あるだけでページが重くなる
• 画像内の文字を本文に書いていない … その情報は検索にもAIにも届かない

公開前のチェックリスト

• 内容のある画像すべてにaltが入っているか（装飾は空のalt）
• 画像内の文字が、altか本文のどちらかにテキストで存在するか
• WebPまたは圧縮済みで、1枚200KB以下に収まっているか
• width と height が入っているか
• ファーストビューの画像に lazy が付いていないか

この5項目は、SEO対策の内部施策として、ページを公開するたびに確認します。1ページあたり5分で終わります。

業種別に見るポイント

飲食・店舗

料理と店内の写真が画像検索の入口になります。料理名を具体的にaltへ書きます。ホームページ制作の段階で撮影も含めて設計すると、後から差し替える手間が減ります。

美容・整体・治療院

施術風景の画像が多くなるため、容量対策が効きます。なお施術の効果を断定する表現は、altでも本文でも使えません。

EC・物販

商品画像は購入率にも直結します。商品名と色・サイズをaltに含めると、画像検索からの流入を拾いやすくなります。

AI検索での扱い

AIは画像そのものより、altと周辺のテキストを読んでいます。画像に頼って説明を省くと、AIの回答では参照されません。図解で示した内容は、必ず本文にも短くテキストで書きます。AI検索での見え方はAIO対策にまとめています。

サイト全体の画像を一度に点検したい場合は、ZOOM・お電話・メールでご相談ください。現状のページを見ながら、どの画像から直すと効果が出やすいかをお伝えします。無料相談またはWeb集客設計診断をご利用ください。

よくある質問

Q. alt属性はすべての画像に必要ですか

A. 内容のある画像には必要です。区切り線や飾りなど意味を持たない画像は、alt="" と空にします。属性ごと省略するのではなく、空の値を入れます。

Q. alt属性は何文字くらいが適切ですか

A. 全角60字程度までが目安です。一文で言い切れる長さにします。長すぎると音声読み上げの妨げになります。

Q. 圧縮すると画質は落ちませんか

A. 適切な圧縮であれば、見た目の劣化はほとんど分かりません。WebPに変換すると、同じ見た目でJPEGより軽くなります。

Q. 画像SEOだけで検索順位は上がりますか

A. 画像SEO単体では大きく動きません。画像検索からの流入と表示速度の改善を通じて、サイト全体の評価を底上げする位置づけです。

Q. 既存ページの画像を全部直す必要がありますか

A. 検索で表示されているページから順に直します。すべてを一度にやる必要はありません。アクセスの多いページほど、直した効果が数字に出ます。

▶ 関連サービス：SEO対策・コンテンツマーケティング