脱初心者！alt属性を記述するメリットとは？

2024.05.24

SEO WEB制作

#google検索順位 #SEO内部施策 #webサイト

SEOを学んでいるとちょくちょく耳にするalt属性、これいったいどのようなメリットがあるのでしょうか？

今回は、画像の代替となるalt属性のSEO的効果と記述のコツをご紹介していきます。

初心者の人にも分かりやすく説明していきますので、ぜひ最後までご覧いただき、今後のサイト制作にご活用ください。

そもそもalt属性って？

alt属性とはWebサイトで写真が表示できないときに、写真の代わりに表示されるテキストを決めるために使われるものになります。

そして、alt属性は検索エンジンのクローラーに写真の中身を伝えられるという役割も担っているんです。

読み方は「オルト属性」で、またの名を代替テキストと表現されることもあります。

alt属性を設定するべき理由3選

alt属性で写真の代わりとなるテキストを設定するべき理由は、主に以下の３つがあります。

写真の意味を正確に伝えるため

通信が不安定であるなどなんらかの理由によって画像が表示できない時、画像の説明をテキストベースで表示させることによってユーザーにその写真が示す意味を伝えるようにします。

ウェブサイトの構造上、重要な画像にalt属性がないと、画像が表示できない場合にサイト全体の伝えたいことを損なう可能性があるので設定が必要になってきます。

スクリーンリーダー、音声ブラウザを使用時に画像の意味を伝えるため

実は、コンテンツの内容は、音声ブラウザやスクリーンリーダーで読み上げることによって視覚に障害のある方にも利用を可能とする機能が存在します。

しかし、画像やグラフなどは、そのままでは音声で表現することができないので、これらの情報が伝わらなくなってしまうのです。

ですが、このalt属性を用いることで代替テキストを設定でき、スクリーンリーダーや音声ブラウザでテキストを読み上げることができるようになり、ユーザーが画像の意味を理解する手助けになります。

検索エンジンのクローラーに画像などの情報を伝えるため

検索エンジンのクローラーは画像などの非テキストコンテンツが示す意味について理解が厳しい場面が多いのですが、alt属性を記述することで写真の内容を理解できるようになりクローラーに正確に情報を伝えることができるようになります。検索結果の画面での検索順位を上げるという意味では、直接的なSEO効果はありませんが、alt属性に写真の意味を表すキーワードを記述すれば、画像検索で上位表示を狙えるようにもなってくるのです。

画像検索で上位表示を取ることが出来れば検索エンジンからの評価も上がるので画像を貼る際はalt属性を記入するようにしましょう。