ウェブで食うぜ!やり遂げる!

このサイトで使っているテンプレートについて知りたいならコチラ

画像のalt属性ってなに??

 
ボレ
WRITER
 
alt属性ってなんなの?
この記事を書いている人 - WRITER -
ボレ

これまで色んなネットでの副業に取り組んだけど、ボレは最終的に専業アフィリエイターになったぜ!!これまでの経験とか現状とか、色々好き勝手書いてるぜ!!

詳しいプロフィールはこちら

ウェブサイトに画像を表示する際に設定するalt属性(オルト属性)。

alt属性にキーワードを詰め込めばSEO対策になるとか、そんな情報が飛び交う中、alt属性をどのように設定すればいいかわからないという方も多いかと思います。

まず、勘違いして欲しくないことは、alt属性はSEO対策の為にキーワードを詰め込むものではありません。

alt属性とは何か。なんの為にalt属性を設定するのかについて解説致します。

alt属性とは

htmlの画像タグの中に記述するもので、何らかのトラブルで画像が表示されない時や、音声読み上げブラウザを使用する方に向けた画像の説明である。
alt属性の事を代替(だいたい)テキストとも言う。

どんなトラブル時にalt属性が表示されるの??

alt属性は何らかのトラブルで画像が表示されない時に画像の代わりに表示されるテキストです。

では実際にどんなトラブルがあるのでしょうか??

主に下記2点のようなトラブルです。

  • 閲覧者の受信速度(ページ表示速度)が遅く、画像を読み込めない
  • 画像自体がサーバー側の影響を受け表示されない

閲覧者側が原因で起きるトラブルと、運営者側のミスやサーバーのトラブルなどが原因で起きるトラブルの2つに分かれています。

どちらにしても運営者側からすると、画像を見てもらいたいという気持ちに代わりはありません。

この時、alt属性を設定しておけば、代わりのテキストを表示してくれます。

音声読み上げブラウザって需要はあるの??

音声読み上げブラウザと言われても、多くの人が使用したことがないかと思います。

一般的に音声読み上げブラウザというものは、目の不自由な方が使用するブラウザです。

今、あなたがこうして読んでいるウェブサイトも目の不自由な方は読むことができません。

その時にブラウザに文章を読み上げてもらう事でウェブサイトの内容を理解するという訳です。

もちろん文章が読めない目の不自由な方にとって、画像を見ることもできません。

そんな方に対して、音声読み上げブラウザはalt属性を読み上げるのです。

つまり、alt属性を設定することで、目の不自由な方でも画像をイメージすることができるのです。

alt属性にはどんな内容を入力すればいいの??

alt属性が具体的にどのような使われ方をするかを理解できたのであれば、alt属性にどんな内容を入力すればいいのか理解できるかと思います。

alt属性はSEO対策でキーワードを詰め込むということが正しい使い方ではないという事が一目瞭然です。

つまり、画像を見る事ができない人に対して、表示させようと思っている画像がどんなものなのかを説明する内容を書くという事が正しい使い方です。

但し、googleが目指しているウェブの在り方は、全ての人にとって利便性を高めるということなので、全ての人に理解してもらえるようにわかりやすくalt属性を設定することで、ユーザーの利便性が上がります。

その結果、SEO対策になるという意味では、SEO対策の一つの手法と言っても矛盾はしないかと思います。

alt属性の設定方法

では実際にalt属性をどのように設定していけばいいのかについてご紹介します。

<img src="ここに画像のURL" alt="画像の説明となる内容" />

このように画像の説明となる内容を記入します。

この長さに関しては、長いものがいいとか短いものがいいといったことはありません。

画像の内容がわかる最低限の説明で十分です。

wordpressでのalt属性の設定方法

上記のタグに直接打ち込むのはテキストエディタなどで直接htmlを書いている時に設定する方法です。

ここではwordpressのエディタ上で設定する方法をご紹介します。

worpressエディタで画像をアップロードした際に表示される右側で下記画像だと赤で囲っている部分です。

wordpressエディタでalt属性を記入する位置

alt属性は日本語で代替テキストと呼ばれていますので、wordpress上では代替テキストと表示されています。

まとめ

alt属性は決して検索順位を上げる為だけの目的で設定するものではないということです。

ユーザーにとっての利便性を上げる為や、運営者として画像を表示できないトラブルに見舞われた時にユーザーにしっかりと内容を理解してもらう為のものです。

全ての人にとって便利なページを目指す為にalt属性を設定する事を心がけましょう。

この記事を書いている人 - WRITER -
ボレ

これまで色んなネットでの副業に取り組んだけど、ボレは最終的に専業アフィリエイターになったぜ!!これまでの経験とか現状とか、色々好き勝手書いてるぜ!!

詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© 今日からボレは!! , 2017 All Rights Reserved.