最短で確実に稼げるブログ作成を目指しています

alt属性(代替テキスト)の役割とは?考慮すべきポイントと記述方法

WRITER
 




この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

 

通信速度が遅い場合など、Webページの画像が表示されるまでに時間が掛かることがありますよね!

そんな時に「alt属性」で記述したテキストが画像の代わりに表示されます。

Googleも、その画像自体が何であるかを判断するために、alt属性を利用しています。

今回は、「alt属性」の役割や記述方法についての解説です。

 

alt属性の役割

 

ねぇ!akiさん。画像にはalt属性を記述しなさいって、よく聞くんだけど、それってどういうことなの?

あやっぴ

じゃあ今日は、「alt属性」について説明するね。

aki

 

alt属性というのは「代替テキスト」とも呼ばれ、画像が表示されるまでの間に、代わりに表示されるテキストを記述するためのタグのことです。

ユーザーは、様々な環境でwebサイトにアクセスしていますが、「alt属性」を記述しておくことで以下のようなメリットがあります。

 

alt属性を記述することでのメリット
 

  • スクリーンリーダーなどの読み上げソフトを使用する場合、マウスをその画像の上に乗せると、alt属性に入力したテキストが読み上げられる。
  • 画像が表示されるまでに時間がかかる場合にも、画像が読み込まれるまでの間alt属性のテキストが表示される。
  • Googleなどの検索エンジンに、「何の画像か」を伝えることができる。

 

「alt属性はSEOとしての効力はあるのか?」ということが気になる方も多いのではないでしょうか?

実は、alt属性に対して施策を実施したことで順位が急激に上昇したりすることはありません。

しかし、「検索エンジンに対して分かりやすいサイト」にすることは、とても重要なことです。

その理由は、検索エンジンは画像の内容を把握することができません。私たちは画像を見てほとんどその内容を理解することができますが、検索エンジンは画像を見て内容を読み取ることが出来ないのです。

そこでalt属性を設定することで、画像が何を表しているのかを検索エンジンが理解することが可能になります。

 

Webページに画像を掲載する場合には、alt属性に画像の中身を簡潔に説明するテキストを含めましょう。

例えば、「涸沢の紅葉写真」をWeb上に載せる場合には次のように記述します。

 

 

<img src=”/karasawa.jpg”

alt=”涸沢の紅葉写真”

title=”涸沢の紅葉写真”>

 

 

alt属性での考慮する必要があるポイント

 

 

画像を載せたら全てにalt属性を記述しなければならないの?どうやって記述すればいいの?

あやっぴ

それじゃあ、ここからはalt属性を設定する場合のポイントや記述方法について説明するね。

aki

 

alt属性を正しく設定することで、検索エンジンにとっても理解しやすいWebページとなり、画像検索にもヒットする可能性が高まります。

ただし、記述の際に気を付けなければならない点がいくつかあります。

 

全ての画像にalt属性を含める必要はない

Webサイトのデザイン上で使用されているスペーサーや画像には、alt属性を使用する必要はありません。

無関係なキーワードを詰め込まない

alt属性に無関係なキーワードを詰め込むのことは。ガイドライン違反に当たります。

簡潔に記述する

長い文章ではなく、簡潔に記述するようにしましょう。

 

 

上記の点に気を付けてalt属性の記述をしましょう!

 

 

どうやって記述するの?

 

 

ではalt属性の記述はどうやればいいのか。

ほとんどのWeb制作ツールには、alt属性の設定機能が搭載されています

 

WordPressの場合は、左メニューの「メディア」をクリックし、「新規追加」とクリックして、任意の画像を選択(ドラッグ&ドロップでもよい)します。

 

 

上記画像の「代替テキスト」が、alt属性の記述箇所になります。

「タイトル」にテキストを含めると、画像にカーソルを合わせた際に吹き出しでテキストが表示されるので、alt属性とともに設定しておきましょう。

 

まとめ

 

Webサイトを利用するユーザーは健常者だけではありません。

目が不自由な視覚障害を持ったユーザーは「スクリーンリーダー」を使用してWebサイトを閲覧しています。

alt属性は画像の代替メッセージです。alt属性が何も設定されていない場合、画像の内容がスクリーンリーダーでは読み上げることができません。しかし、alt属性が設定されている場合はその内容もスクリーンリーダーによって読み上げることが可能になります。

サイト運営者は、webを利用するすべてのユーザーにとって使いやすい・分かりやすいサイト作りを目指しましょう!

 

 

稼げるブログ!

開設方法からSEO対策・収益化までを徹底解説!

しかも、無料で配布しています。

あのWordPressを初心者でも、開設から収益化まで分かりやすくまとめ上げた豪華E-bookです。

是非この機会に、無料でゲットしてください。

しかも!!

今だけ、『超豪華特典』が付いています。

詳しくは、E-bookの最後で。

 

 

あのWordPressの開設から集客・収益化がオンラインで学べる!

WPマーケティングスクール

 

初心者ではハードルが高いと言われるWordPressの初期設定から運営まではもちろん、専門的知識がなくても集客・収益化を学ぶことができます。

WPマーケティングスクールでは、初心者でも自分のペースで学ぶことができ、『正しい方法』を学び実践し続けることで必ず成果が出ます。

 

 

 

今なら、1か月無料!⇩

 

fuwaruyurariおすすめWordPressテーマ

 

 

 

この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

SNSでもフォローお願いします!

 

Facebook

 

 カテゴリー一覧

 

初期設定

>>絶対導入するべき【WordPressプラグイン】導入方法と設定まで!

WordPressを始める場合に、これだけ入れておけば大丈夫というプラグインの紹介と設定方法を解説しています。まず、最初に導入して設定しておきましょう。

★おすすめ記事★

 

SEO対策

>>Googleアナリティクス登録・設定!【All in One SEO pack】に連動する方法!

ブログ運営していくうえでの必需品です。初心者にとっては少し難しいと言われますが、分かりやすく解説しています。是非最初に設定しておき迷う。

★おすすめ記事★

 

設定方法

>>【初心者】WordPressの始め方、”エックスサーバー契約と独自ドメイン”設定方法

WordPressを始めるには、サーバー契約が必要です。おすすめサーバー契約から設定方法まで詳しく解説しています。なぜ「エックスサーバー」がお勧めなのかも読めばわかります。

★おすすめ記事★

プラグイン

>>WordPressのバックアップ!サーバー会社だけに依存は危険?

バックアップはとても重要です。契約サーバー会社によっては有料・無料でやってくれますが、もしもの時を考えるとやはり自分で対処しておくのがお勧めです。

★おすすめ記事★

記事について

>>最後までブログ記事を読んでもらうための構成法

読者さんに記事を最後まで読んでもらうことで初めて集客ができます。そのためには、文章の構成がとても大切になってきます。この記事を読んで記事の構成について理解しましょう。

★おすすめ記事★

アフィリエイトについて

>>Amazonアソシエイトの登録方法!審査が通るのは簡単

みなさんブログを始めたらAmazonアソシエイトに登録しておきたいのではないでしょうか。登録方法とちょっとしたアドバイスを記事にしてみました。

★おすすめ記事★

便利ツール

>>商用利用ができる「Facebookページ」の作成方法【最新版】

ソーシャルメディア時代と呼ばれる現在、ブログ運営においてもFacebookは必需品ともいえますね。ここでは商用利用ができる「Facebookページ」の作成方法を解説しています。

★おすすめ記事★

趣味について

>>なぜ単独行(単独登山)をするのか?一人で山に登ること

趣味の登山について記事を書いてみました。このサイトのコンセプトには関係ないですが、暇なときに読んでみてくださいな。

★おすすめ記事★

  •  
  •  
  •  







Copyright© fuwariyurari , 2019 All Rights Reserved.