画像altとファイル名をSEOで活用する方法

alt属性とは何か・なぜSEOに重要か

alt属性（代替テキスト）とは画像が表示できない場合に代わりに表示されるテキストで、HTMLの<img>タグに設定します。Googleのクローラーは画像の見た目をある程度認識できますが、alt属性のテキストを主な判断材料としてその画像が何を表しているかを理解します。alt属性が未設定だと「内容不明な画像」として処理されSEO評価に貢献しません。またスクリーンリーダーを使用する視覚障害者のアクセシビリティにも直結するため、法的な観点からも重要です。

効果的なalt属性の書き方

alt属性には画像の内容を具体的かつ簡潔に説明するテキストを記述します。「飲食店のMEO対策でGoogleマップに上位表示された画面イメージ」のように、何が写っているかを明確に伝えます。キーワードを自然に含めることは有効ですが、「SEO対策 MEO対策 ホームページ制作 葛飾区 東京」のようなキーワードの羅列はスパムと判断されます。装飾目的の画像（アイコン・区切り線など）にはalt属性を空（alt=""）にすることでスクリーンリーダーが無視できるようにします。

ファイル名がSEOに与える影響

画像ファイル名はGoogleが画像の内容を理解するためのもう一つの情報源です。「image001.jpg」「photo.png」のような無意味なファイル名より「meo-ranking-google-map.jpg」「katsushika-homepage-design.png」のようにコンテンツに関連したキーワードを含むファイル名が推奨されます。ファイル名は英数字とハイフンを使用し、スペースやアンダースコアは避けます。既存の画像ファイル名を変更する場合は、サイト内のimgタグ参照先も同時に更新する必要があります。

画像サイズ最適化とCore Web Vitals

ページ内の画像ファイルサイズはページ速度（Core Web Vitals）に直接影響します。特にLCP（最大コンテンツの描画時間）はページ内の最も大きな画像の表示速度で決まることが多く、この値が2.5秒以内であることがGoogleの推奨基準です。画像サイズ最適化として：WebP/AVIFフォーマットへの変換・適切な解像度設定（必要以上の高解像度を避ける）・遅延読み込み（lazy loading）の実装が基本施策です。Next.jsの<Image>コンポーネントやWordPressのプラグインでこれらを自動化できます。

画像検索からの集客を狙う

Googleの画像検索は見落とされがちな集客経路の一つです。適切なalt属性・ファイル名・周辺テキストが設定された画像は画像検索結果に表示される可能性が高まります。特に飲食店のメニュー写真・美容室の施術事例・リフォームの施工事例写真は、画像検索から直接サイトへの流入が期待できます。画像のtitleタグ（ツールチップに表示）も設定することで追加情報をGoogleに提供できます。

よくある質問（FAQ）

Q全画像にalt属性を設定する必要がありますか？

Aコンテンツ画像にはすべてalt属性を設定します。装飾目的の画像（アイコン・区切り線など）はalt属性を空（alt=""）にすることでスクリーンリーダーが無視できます。

Qalt属性を設定していない画像が大量にあります。優先順位は？

Aまずページビューが多いページ・重要なサービスページの画像から対応します。次にアイキャッチ画像・製品写真などユーザーに重要な画像を優先します。

Q画像ファイルサイズはどのくらいが目安ですか？

Aヒーロー画像（大きなバナー）は200KB以下、コンテンツ内画像は100KB以下を目安にします。WebP形式はJPEGの25〜35%程度のファイルサイズを実現できます。

Q画像のlazy loadingはSEOに影響しますか？

A適切に実装されたlazy loadingはページ速度改善に効果的でSEOにプラスです。ただしファーストビュー（スクロールせずに見える範囲）の画像にはlazy loadingを適用しないことが推奨されます。