![alt属性とは?書き方やSEOの効果をご紹介!のアイキャッチ画像](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/675b12840ab1468681f8c873398bcd56/Group%20246%20(2).png?w=1200&fm=webp)
SEO
更新日: 2023/11/27
alt属性とは?書き方やSEOの効果をご紹介!
![character_balloon](/media/character/yellow_panic_left.png)
ねえねえブルーちゃん!
なに?
![character_balloon](/media/character/blue_question_right.png)
![character_balloon](/media/character/yellow_question_left.png)
alt属性がSEOにも影響あるって聞いたんだけど、本当に効果があるの??
あー、確かにalt属性は部分的にSEOに影響あるよ
![character_balloon](/media/character/blue_happy_right.png)
それじゃあ今回は「alt属性とは?」から「alt属性の書き方やSEOの効果」を紹介するね
![character_balloon](/media/character/blue_smile_right.png)
alt属性とは?
![alt属性とは?書き方やSEOの効果をご紹介!の画像_2枚目](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/aa8192ef2a8e453f971ed93689374b06/%E8%A8%98%E4%BA%8B22_001.jpg?w=1200&fm=webp)
![character_balloon](/media/character/blue_confidence_left.png)
alt属性とは、画像の代わりになるテキスト情報のことだよ!
![character_balloon](/media/character/blue_happy_left.png)
画像を読み込めなかったときに、alt属性を使えば、テキストを表示することができるんだよねー
![character_balloon](/media/character/blue_normal_left.png)
ちなみに、alternativeを略してalt属性って呼ばれてるよ
alt属性の書き方をご紹介!
alt属性は「画像の代わりになるテキスト情報」っていうのはわかったけど、どういうふうに画像に設定するの?
![character_balloon](/media/character/yellow_question_right.png)
![character_balloon](/media/character/blue_happy_left.png)
それじゃあ、alt属性の書き方を紹介するね
![character_balloon](/media/character/blue_normal_left.png)
画像の表示は、
<img src="画像のURL">
![character_balloon](/media/character/blue_normal_left.png)
で表示できるけど、alt属性はこのコードに
<img src="画像のURL" alt="テキストを入れる">
![character_balloon](/media/character/blue_confidence_left.png)
っていうふうにして、alt属性を付けることができるよ!
alt属性はSEOにどういう効果があるの?
![alt属性とは?書き方やSEOの効果をご紹介!の画像_6枚目](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/14f45d00b80c43569c1e201d91ba558a/%E8%A8%98%E4%BA%8B22_002.jpg?w=1200&fm=webp)
![character_balloon](/media/character/blue_normal_left.png)
次に、alt属性のSEOへの効果を紹介するね
![character_balloon](/media/character/blue_confidence_left.png)
alt属性が付くことで、alt属性内に狙っているキーワードを入れることで、Googleの画像検索で表示されるようになるよ!
![character_balloon](/media/character/blue_troublesome_left.png)
っていうのも、世の中に大量にある画像を読み込んで、1つ1つ理解するのってGoogleにも難しいんだよね、、。
![character_balloon](/media/character/blue_happy_left.png)
そこで、alt属性で「この画像ってこういうものだよ!」っていうのをテキストで伝えてあげると、Googleも画像を理解しやすくなるんだよ
![character_balloon](/media/character/blue_confidence_left.png)
だから、alt属性に狙っているキーワードを含めると、そのキーワードで画像検索で表示されるようになるんだよねー
Googleの画像の理解を手助けしてあげられるんだね!
![character_balloon](/media/character/yellow_smile_right.png)
alt属性が付いているかの確認方法
![character_balloon](/media/character/blue_normal_left.png)
最後に、alt属性が付いているのかの確認方法を紹介するね
![character_balloon](/media/character/blue_confidence_left.png)
alt属性の確認方法は、そのページ上で右クリックして、検証っていう選択肢を選ぶと、画面右側にコードが表示されて、そこで画像にどんなalt属性が付いているのかを確認できるよ!
![character_balloon](/media/character/blue_normal_left.png)
例えば、この「YMYLとは?SEOの改善方法までご紹介!」っていう記事だと、
![alt属性とは?書き方やSEOの効果をご紹介!の画像_9枚目](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/f114da4db2d041b394b13c66ee1e85c1/image%2034.png?w=1200&fm=webp)
![character_balloon](/media/character/blue_happy_left.png)
上画像のように、imgタグの箇所にalt属性でテキストが入ってるのがわかるね!
検証機能を使えば、どんなサイトでも調べることができるんだね
![character_balloon](/media/character/yellow_happy_right.png)
![character_balloon](/media/character/blue_down_left.png)
それじゃあalt属性についてまとめるね
まとめ
◆alt属性とは、画像の代わりになるテキスト情報のこと
◆alt属性が付くことで、alt属性内に狙っているキーワードを入れることで、Googleの画像検索で表示されるようになる
◆alt属性は、<img src="画像のURL" alt="画像の代わりになるテキストを入れる">というようにimgタグに書き込む
![character_balloon](/media/character/blue_normal_left.png)
こんな感じだね
alt属性は、Googleの画像の理解を手助けに役立って、画像検索のSEOにプラスの影響があるんだね!
![character_balloon](/media/character/yellow_happy_right.png)
ありがとねブルーちゃん!
![character_balloon](/media/character/yellow_smile_right.png)
![character_balloon](/media/character/blue_writer.png)
ブルー
SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR