alt属性代替テキストってなに？設定方法解説【SEO対策】

悩みを持つブロガー

alt属性の代替テキストについて教えてください

お答えします。

alt属性とは、ブログやサイトの画像に設定する「画像の説明文」のようなものになります。最近は、Googleの検索技術があがり画像の評価対象の1つになっているのです。

本日の記事内容

・画像ファイル名
・alt属性とは？
・alt属性の機能
・alt属性を設定する

この記事を読んでいただくと：

alt属性の代替テキストとは何かが理解できます。画像にテキストを入力する方法がわかります。

【この記事の目次】

画像のファイル名

alt属性の解説の前に「画像ファイル名」について触れておきます。

実はこの画像フアイル名もSEOに関わっています。ですので具体的に連想しやすいものにしておきましょう。

例えば：

悪い例：1298.jpg
良い例：cat.jpg

番号だけでは画像がどんなものであるかわからなないですね。猫であれば画像が猫であることがわかります。

alt属性は、画像表示に必要なHTMLタグの「img」要素プロパティ（属性）の1つです。

テキスト入力されてる方は、画像を添付するとこんなコードが表示されます。

<img src="画像のurl" alt="○○"/>

「alt="○○"」のこの○○のところにテキストを入れます。画像がどんなものであるかわかりやすく簡潔な文で説明します。

4つの機能があります。

Googleにわかりやすく伝える工夫をすることで、画像がGoogleのクローラーに認識してもらえるようになります。

万が一不具合により画像が表示されないという時に、画像情報としてalt内に記載した内容が表示されることになるのです。

具体的であればあるほど、本来の画像に近いものが表示されます。

上記の○○の部分にテキストを入れることで設定できます。

○○へのテキスト入力する際の注意点。「悪い例」「良い例」「最適な例」でご紹介します。

悪い例：

<img src="cat.jpg" alt="">

画像ファイル名は入力されていますが、代替テキストがありません。

良い例：

<img src="cat.jpg" alt="猫">

画像ファイル名代替テキスト共に入力されています。

最適な例：

<img src="cat.jpg" alt="餌を食べている猫">

画像ファイル名代替テキスト共に入力されています。さらに猫の状況を説明しています。

注意

SEO効果がある代替テキストですが、以下を実施すると逆に評価が下がってしまいますので注意しましょう。
1．何も入れない
2．長すぎる文
3．キーワードの連続入力
4．無関係な言葉や文

本日は、alt属性代替テキストの意味とテキストの書き方についてご説明してきました。

Googleの技術は日々進歩しています。進化に応じて対応する必要があります。

alt属性代替テキストを設定してSEO効果を上げていきましょう。

以上です。

こんな関連記事も是非ご覧ください。