ブログ画像の「代替テキスト」とは？設定手順と注意ポイント【alt属性】

あずきです🐥

WordPressブログにおける…

について、初心者さん向けに1から解説していきます（簡単です♪）

まずこの「代替テキスト」は、ブログをやっていくうえで必ず押さえておきたいポイントの1つです

それはブログを訪れた「ユーザーのため」でもあり、そして「SEO対策」の一環でもあります

「SEO対策」は、記事を検索上位に表示するためのいろんな施策のこと！

ということで今回は、大きく次の3点にわけて見ていきたいと思います

一見むずかしそうな響きの言葉かもしれませんが、知ってしまえば超簡単です

それではさっそく見ていきましょー🐥

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ

ブログにおける、画像の代替テキスト（alt属性）とは？設定手順＆注意点

【はじめに】代替えテキストとは？【画像が表示されないときに、代わりに表示されるテキスト】

まず「代替テキスト」とは、画像が「読み込みエラー」などでページに表示されなかった場合のための、いわば補助設定です

ズバリ、表示されなかった画像の代わりに、設定したその「代替テキスト」がページ上に表示されるようになります

「alt属性」とか「altタグ」とも言うよ！

この「代替テキスト」は、単純に「ページを訪れたユーザーのため」でもありますが、もう1点大事な役割として…

という役割もあります

そもそも検索エンジンは、投稿した記事ページの内容を機械的に読み取ってます

ただそうなると、「テキスト」ならまだしも、「画像」の場合は…

機械的な方法だと、それが完全には読み取れませんよね

例えば、「海の写真なのか？ それとも湖の写真なのか？」とか

そこで、「代替テキスト」の出番です

アップロードする画像1つ1つに…

しておくことで、検索エンジンもその追加情報を参考にして、「検索順位を決める」ときの精度向上にもつながります

つづいて、この「代替テキストの具体的な設定方法」を見ていきましょー🐥

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ

代替テキストの設定手順

まずは編集画面から、「メディアを追加」で画像を選択して…

↑ この「情報」を設定する画面に進みましょう

ここまでは普通！

そもそもの「画像を記事のなかに入れる手順」については、↓ をどうぞ♪

つづいて…

↑ 画面右上の、「代替テキスト」という欄に…

↑ 任意のテキストを入力します

その画像の内容をシンプルに表そう！

あとは通常通り…

↑ 1番下の　投稿に挿入　をクリックすれば完了です

ちなみに！

画像を挿入したあとに、その「代替テキスト」を設定 or 修正したい場合は…

↑ 編集画面でその画像をクリックし、さらに「編集アイコン」をクリックしましょう

すると…

↑ 画像の編集画面が開くので…

↑ この「代替テキスト」の欄で、設定 or 修正すればOKです

修正したら、右下の　更新　をクリック！

最後に、「代替テキストを設定するときの注意点」を見ていきますね🐥

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ

代替テキストの設定における注意ポイント【SEOよりもユーザーを意識】

「代替テキスト」を設定する際の注意点は、たった1つ

です

というのも、SEO対策を逆手にとった…

の設定は、今はむしろ逆効果とも言われてます

そういうハメ技みたいな戦略（ブラックハットSEOって言うよ！）は、もうとっくに通用しない…

なので結論…

これでOKですね

おしまい♪

あずき🐥

関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ