alt属性とは?書き方やSEOの効果をご紹介!のアイキャッチ画像

SEO

更新日: 2023/11/27

alt属性とは?書き方やSEOの効果をご紹介!

character_balloon

ねえねえブルーちゃん!

なに?

character_balloon
character_balloon

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

あー、確かにalt属性は部分的にSEOに影響あるよ

character_balloon

それじゃあ今回は「alt属性とは?」から「alt属性の書き方やSEOの効果」を紹介するね

character_balloon

alt属性とは?

alt属性とは?書き方やSEOの効果をご紹介!の画像_2枚目
character_balloon

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

character_balloon

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

character_balloon

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

alt属性の書き方をご紹介!

alt属性は「画像の代わりになるテキスト情報」っていうのはわかったけど、どういうふうに画像に設定するの?

character_balloon
character_balloon

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

character_balloon

画像の表示は、

imgタグの記述方法

<img src="画像のURL">

character_balloon

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

imgタグの記述方法

<img src="画像のURL" alt="テキストを入れる">

character_balloon

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

alt属性はSEOにどういう効果があるの?

alt属性とは?書き方やSEOの効果をご紹介!の画像_6枚目
character_balloon

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

character_balloon

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

character_balloon

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

character_balloon

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

character_balloon

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

Googleの画像の理解を手助けしてあげられるんだね!

character_balloon

alt属性が付いているかの確認方法

character_balloon

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

character_balloon

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

character_balloon

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

alt属性とは?書き方やSEOの効果をご紹介!の画像_9枚目
character_balloon

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

検証機能を使えば、どんなサイトでも調べることができるんだね

character_balloon

まとめ

character_balloon

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

まとめ

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


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


◆alt属性は、<img src="画像のURL" alt="画像の代わりになるテキストを入れる">というようにimgタグに書き込む

character_balloon

こんな感じだね

alt属性は、Googleの画像の理解を手助けに役立って、画像検索のSEOにプラスの影響があるんだね!

character_balloon

ありがとねブルーちゃん!

character_balloon
character_balloon

ブルー

SEO
マーケティングオートメーション(MA)
アフィリエイト
wordpress

SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。

最新の記事一覧
最新の記事一覧