【イラスト付き】alt属性とは？書き方やSEOの効果をご紹介！

ねえねえブルーちゃん！

alt属性がSEOにも影響あるって聞いたんだけど、本当に効果があるの？？

alt属性とは、画像の代わりになるテキスト情報のことだよ！

画像を読み込めなかったときに、alt属性を使えば、テキストを表示することができるんだよねー

ちなみに、alternativeを略してalt属性って呼ばれてるよ

それじゃあ、alt属性の書き方を紹介するね

画像の表示は、

で表示できるけど、alt属性はこのコードに

っていうふうにして、alt属性を付けることができるよ！

次に、alt属性のSEOへの効果を紹介するね

alt属性が付くことで、alt属性内に狙っているキーワードを入れることで、Googleの画像検索で表示されるようになるよ！

っていうのも、世の中に大量にある画像を読み込んで、1つ1つ理解するのってGoogleにも難しいんだよね、、。

そこで、alt属性で「この画像ってこういうものだよ！」っていうのをテキストで伝えてあげると、Googleも画像を理解しやすくなるんだよ

だから、alt属性に狙っているキーワードを含めると、そのキーワードで画像検索で表示されるようになるんだよねー

最後に、alt属性が付いているのかの確認方法を紹介するね

alt属性の確認方法は、そのページ上で右クリックして、検証っていう選択肢を選ぶと、画面右側にコードが表示されて、そこで画像にどんなalt属性が付いているのかを確認できるよ！

例えば、この「YMYLとは？SEOの改善方法までご紹介！」っていう記事だと、

上画像のように、imgタグの箇所にalt属性でテキストが入ってるのがわかるね！

それじゃあalt属性についてまとめるね

こんな感じだね