画像にaltタグを記述！SEOに効果的なalt属性の書き方！

文字数が多く、文章ばかりの記事は、
理解しづらいばかりか、読んでいても疲れてしまいますよね？

写真やイラストなどの、「画像」を上手く使うことで、
記事内容の理解度が高まり、
より有益なコンテンツを、読者に提供することが可能となります。

しかし、
検索エンジンの仕組み上、画像データの使用には注意が必要で、
人は見た目で理解できる記事でも、
検索エンジンには、画像ばかりの記事を理解することができません。

そこで重要なのは、
「ユーザビリティ」と「クローラビリティ」を考慮して、
読者と検索エンジンの双方に、画像内容を正しく伝えることです！


そのための、『SEOに効果的な 画像のaltタグ記述方法』と、
その際の、ポイントや注意点を説明していきます。

見た目だけではなく、alt属性となる画像のaltタグも最適化し、
正しいコンテンツ内容を、検索エンジンに伝えることによって、
ページやサイトの評価を上げ、結果として、検索順位を上げることが大切ですね。

画像のalt属性とは

画像の『alt属性』とは、
画像を表示する際に必要な「img要素プロパティ」のひとつです。

画像の要素プロパティ、つまり「属性」を表記する際に、
HTMLで記述するタグを『altタグ』と読んでいます。

写真やイラスト・イメージ図など、記事に画像を使用した場合、
アクセシビリティ向上のために、画像の説明を記述します。

alt属性は、代替テキストであり、
画像が表示されない場合、alt属性に記述した内容が表示されます！

また、目の不自由な方が、活字ではなく、
Webサイトを「音で聞く」場合に、読み上げられるテキストにもなります。

さらに、画像検索でも使用されるため、
alt属性には、「適切な画像説明」を記述しておくことが大切です。d^^

alt属性とtitle属性

画像表示の際のHTMLタグ、
img要素プロパティには、「alt」以外に「title」を使うことも可能です。

title属性は、グローバル属性ですので、
img要素以外でも、HTML5のすべての要素に使用することができます！

titleは、主に「補足的な情報」の記述に役立ち、
マウスカーソルを合わせると、ツールチップで表示されます。d^^

「alt属性」の場合、
検索エンジンが直接認識できない、画像などの説明をするために使います。

対して、「title属性」の場合は、
補足的な説明や、補助的な説明をするために使います。

title属性は、ユーザーの利便性を考慮しながら適切に使うことが大切で、
使い方によっては、ペナルティの対象となってしまうので注意が必要です。

ひとつのタグに同じワードを重ねて使うと、
キーワードの詰め込み過ぎなどの、SEOスパム判定を受ける可能性もあるので、
title属性と alt属性は、慎重に使い分ける必要があります。

画像にtitle属性を記述した場合、
画像が表示されていれば、むしろ邪魔に感じる場合さえあります。

title属性は「SEO的な効果は低い」と考えられ、
無理に記述する必要はないんですが、alt属性は必ず記述しましょう！

とは言え、SEO対策的に考えると、
情報は、画像よりも テキストにすることが好ましいですが ...。d^^;

SEOに効果的なaltタグの書き方

画像を配置する際には、alt属性を記述することが基本です。

そして、そのalt属性に、
「キーワード」を含めて設定するということが、SEO的にはGoodです♪

しかし、画像に関係ないキーワードを設定してはいけません！
（あくまで、画像を説明することが目的なのですから ... d^^）

alt属性は、上述の様に、
テキスト情報でしかページを理解できない、検索エンジンに対して、
「コンテンツの一部である画像の内容」を理解させる役割があります。

altタグに、画像内容を「テキスト」で記述することで、
検索エンジンのクローラーに、画像の内容を適切に伝えることができます。

alt属性と内部SEO対策

そもそも、『alt属性は SEO的効果があるのか！？』

何度も言いますが、alt属性の役割は、
「画像に関する情報を、検索エンジンに正しく伝える」ことです。

つまり、
画像の内容を、検索エンジンのクローラーに伝える目的のためです！

また、altタグに記述したテキストは、
「音声ブラウザが、設定したテキストを読み上げる」などの、
ユーザビリティにも深く関係してくることから、画像の内容を正しく設定することが重要です。

画像のalt属性を設定することで、検索順位が上がるワケではなく、
実際のところ、上位表示のためには ほとんど役に立ちません。d^^;

しかし、
検索エンジンに正しくコンテンツを伝えて、評価してもらうということから、
間接的に影響してくる「内部SEO対策」のひとつとなります。

これらの様に、
ユーザビリティと、クローラビリティの双方を考慮して、
適切に設定するように心がければ、必然的に内部SEO対策となるのです！

検索エンジンのクローラーは、
「alt属性」はもちろんのこと、「ファイル名」も読みます。

画像検索からの流入も期待できることから、
「どのような画像なのかがわかるファイル名」にしておくこともポイントです。

altタグの記述方法

では、
具体的なタグの記述方法を、見ていきましょう。

*1
基本的に「意味を持たない画像」や、
コンテンツに関係のない「イメージ画像」の場合は、
『alt=""』の様に、altを空にして記述しておきましょう。

※何の利便性もなく、情報を把握する際の邪魔になるテキストを、
　検索エンジンに、わざわざ伝える必要はないためです。

『alt属性』を設定する際には、
「画像を適切に、かつ 簡潔に説明」することを意識して、altタグに記述することが大切です！

リンクの「アンカーテキスト」を考えるイメージで、
音声ブラウザで再生されても問題ない様な、テキストを意識して心がけてみましょう♪

では、これらを踏まえて ...
altタグを記述する際の「ポイント」を、最後に確認しておきましょう。d^^

---

SEO（集客）, ライティング  キーワード, タグ, 検索エンジン, 記事ライティング, 設定

お疲れさまでした。
最後まで読んでいただき、ありがとうございます。

タメになったら、シェアしてください。　めっちゃテンション上がります！

  あわせて読みたい関連記事