SEOにalt属性は効果あり！正しい設定方法をわかりやすく解説

alt属性とは、HTMLの画像タグ（<img>）の中に記述する、画像の内容を説明するテキストのことです。

alt属性は検索エンジンに画像の内容を正しく伝え、画像検索からの流入を増やすために重要な役割を果たします。

そのため、SEOをやるうえでalt属性を適切に設定しておくことは効果ありです。

本記事では、SEOにおけるalt属性の効果から、今日からすぐに使える具体的な書き方のコツと設定方法まで、初心者の方にもわかりやすく解説していきます。

alt属性（代替テキスト）とは？

alt属性とは、HTMLの画像タグ（<img>タグ）の中に記述する、画像の内容を説明するテキストのことです。

代替テキストとも呼ばれます。

ブラウザで画像が正常に表示されている時は表面上見えません。

alt属性の役割

主に以下の3つの役割を担っています。

1. 画像の代わりに出力される
   通信エラーやリンク切れで画像が表示されない際、テキストとして内容を表示します。
2. 音声読み上げに使われる
   視覚障害の方が使用するスクリーンリーダー（音声読み上げブラウザ）が、画像の内容を伝えるために読み上げます。
3. 検索エンジンに内容を伝える
   Googleなどのクローラーが「その画像が何を表しているか」を理解するための重要な手がかりになります。

SEOにおけるalt属性の3つのメリット

alt属性を設定するだけで順位が上がるという単純なものではありませんが、適切に設定することで検索エンジンに画像の内容が理解されやすくなります。

その結果、以下のようなSEO効果が期待できます。

① 画像検索からの流入獲得

Google画像検索は、テキスト検索に次ぐ大きな流入元です。

alt属性を適切に設定することで、画像検索の結果に表示されやすくなり、ページへの新しい入り口になります。

ちなみに上記の画像にも、「alt属性設定による画像検索流入の仕組み」というalt属性が設定されています。

② 検索エンジンによるページ内容の理解を助ける

Googleのクローラーは高度ですが、画像そのものを100%人間と同じように理解できるわけではありません。

alt属性で画像を言語化することで、ページ全体の文脈をより深く検索エンジンに伝えることができ、結果としてページ全体の評価向上につながります。

③ ユーザー体験（UX）の向上とアクセシビリティ

SEOにおいて「ユーザーにとって使いやすいサイトか」という指標は年々重要視されています。

alt属性を適切に設定することは、どんな環境のユーザー（視覚障害のある方や通信環境の悪い方など）にも情報を届けることに繋がるため、良質なサイトとして評価されやすくなります。

参照：Google 画像検索 SEO ベスト プラクティス

SEOに強いalt属性の正しい書き方【事例付き】

alt属性を書く時の最大のコツは、「目をつぶっている人に、その画像を言葉で説明するなら？」と考えることです。

SEOのこととなるとついついキーワードを含まなきゃとなりがちですが、キーワードを含もうとした結果、不自然になるのはむしろ逆効果なので注意してください。

比較で見るalt属性の良い例・悪い例

良い例と悪い例を以下の表に整理しました。

画像の種類	悪い例（NG）	良い例（OK）
	alt="犬"	alt="芝生の上で元気に走るゴールデンレトリバー"
	alt="社員数のグラフ"	alt="職種別の社員数をあらわした棒グラフ"

書き方のポイント

• 具体的かつ簡潔に： 長すぎず、1〜2文程度で内容をまとめます。
• キーワードを含む：キーワードが含める時は含みましょう。
• あくまで自然な日本語で： キーワードは無理に含む必要はなく、あくまで文章として自然な形にします。
• 重要な情報は前に： 最も伝えたい単語をなるべく左側（文頭）に配置します。

やってはいけない！alt属性のNG行動

SEOを意識するあまり、以下のような設定をしてしまうと逆効果（スパム判定）になる可能性があるため注意しましょう。

1. キーワードの詰め込みすぎ
   「SEO 対策 方法 おすすめ 無料 初心者…」のように、キーワードだけを羅列するのはNGです。Googleからペナルティを受けるリスクがあります。
2. 「〜の画像」「〜の写真」という言葉を入れる
   画像であることはシステム側で理解しているため、あえて書く必要はありません。その分、内容の説明に文字数を使いましょう。
3. 装飾用の画像にもaltを入れる
   記事の区切り線や、デザインのためだけの背景画像など、内容に関係のない画像にはalt属性を設定しない（alt=""）のが正解です。空にすることで、音声読み上げソフトがその画像を無視し、ユーザーのストレスを軽減できます。

alt属性の設定方法（HTML / WordPress）

alt属性の設定方法について、HTMLから直接設定する方法と、WordPressなどを使ってノーコードで設定する方法を見ていきましょう。

HTMLで記述する場合

HTMLで記述する場合は、<img>タグの中に alt="説明文" を追加します。

以下、記述例です。

<!-- 基本の形 -->
<img src="seo-tips.jpg" alt="SEO対策の基本ステップをまとめたインフォグラフィック">

WordPressで設定する場合

使用しているテーマやエディターによりやや仕様が異なるため、ご注意ください。

alt属性が正しく設定できているか調べる方法

alt属性を設定したら、公開したページの画像に正しく設定されているか調べましょう。

目的別にマッチした3種類の調べ方を紹介します。

• 手軽にチェックしたい⇒ブラウザの検証（デベロッパーツール）を使う
• 特定のページ内の全画像を一括でチェックしたい⇒Alt Text Checkerを使う
• サイト全体の画像を一括でチェックしたい⇒Ahrefsを使う

ブラウザの検証（デベロッパーツール）を使う（手軽にチェック）

特別なツールを使わずに確認できる、最も手軽な方法です。

Alt Text Checkerを使う（ページ内全画像を一括でチェック）

ページ内の全画像のalt属性を一覧で確認したい場合には、調査ツールの利用が便利です。

Alt Text Checkerというツールがおすすめですので、使い方を見てみましょう。

Ahrefsでチェックする（サイト全体を一括でチェック）

一つのページだけでなく、Webサイト全体の画像についてaltの設定漏れがないかチェックしたい場合は、Ahrefsなどの有料ツールを使うしかありません。

よくある質問

ここでは、alt属性に関するよくある質問に回答していきます。

まとめ

alt属性の設定は小さな作業ですが、積み重ねることでサイト全体のユーザビリティや検索エンジンからの評価を高められます。

ただ、SEOを意識するあまりキーワードの詰め込みなど、ユーザーのためにならないaltの記述は避けましょう。

最も大切なのは、「検索エンジンを操作することではなく、ユーザーの利便性を高めるために書く」という考え方を持つことです。

まずは、現在公開している記事の中にある「重要な図解」や「アイキャッチ画像」から見直してみることをおすすめします。