あなたのブログ画像、alt属性設定してますか？
こんにちは。のわすけ（@nowasuke14）です
ブログに画像を使用していない、または使用すべきか迷っている人は「収益化ブログに画像は必要？PC音痴でもできたオリジナル画像作成はコレ！」の記事を参考にしてください。
ブログで収益化を目指すならブログに使用している画像にalt属性を設定しておくべきですが、あなたはalt属性を設定していますか？
「alt属性って何？」「収益化と関係あるの？」という人のために、ここではalt属性について紹介していきます。
alt属性（オルト属性）とは
alt属性（オルト属性と読みます）は画像を説明したテキストのことで代替テキストとも呼ばれています。
alt属性を設定していると、あなたのブログを読者が表示した際に、何らかの理由で画像がされない場合や、読者が画像を表示しない設定にしている場合などに、設定した説明文が表示されるようになります。
alt属性を設定する3つメリット
alt属性とは何かを解説しましたが、これまでalt属性の設定をせずに問題なくブログ運営をしていた人からすると
alt属性を設定して何かいいことあるの？
と思う人もいるかもしれませんが、ブログで収益化目指している人にとってalt属性を設定するメリットが3つあります。
検索エンジンが理解しやすくなる
あなたがブログの記事を公開すると、検索エンジンのクローラーという巡回ロボットがあなたの記事をチェックしますが、クローラーは画像の意味をうまく理解することができないケースが多いです。
しかし、alt設定でどんな画像かを説明していれば、クローラーもきちんと理解することができるため、検索エンジンからの評価が上がりやすくなります。
読者が理解しやすくなる
読者があなたのブログを訪問した際に、通信状況が悪いなど何らかの事情で画像が見えなかった場合もalt属性の設定をしておけば、読者が内容を理解することができます。
また、ブログを読まずに音声ブラウザなどを使って音声で聞く方法をとっている人もalt属性を設定してあるとスムーズに理解することができます。
このように読者が理解しやすいようにすることで読者の満足度アップにつながれば、読者の滞在時間も長くなり、その結果SEO対策にもつながります。
画像検索されるようになる
検索エンジンの検索には画像検索もありますが、alt属性の設定をしていないとクローラーは画像の意味を理解できないため画像検索の結果に表示されません。
alt設定をしていると、画像検索した読者があなたのブログに訪問する可能性があり、アクセスアップにつながります。
収益化のためにアクセスアップは必須です。
alt属性の設定が必須なシチュエーション
ブログ収益化を目指していて、ブログで画像を使用している人のなかで以下のような画像の使用をしている場合はalt 属性を必ず設定するべきです。
画像なしでは内容が伝わらない時
仮に画像が見れない場合、内容がわからなくなってしまう場合は、必ずalt属性を設定しましょう。
例えば、「アンケートの結果はこうなりました」という文章の後にアンケート結果の画像を載せているという場合、画像が表示されないとアンケート結果を読者は知ることができません。
画像にリンクを貼っている時
画像にリンクを貼って、画像から目的のページへ移動するように設定している場合、alt属性の設定をしておくと、その代替テキストが画像のアンカーテキストになります。
このリンクがどこに移動するのかやどのような目的があるのかを代替テキストで理解できるようにしておけば、読者が安心してクリックすることができます。
また、検索エンジンもリンクの意図を正しく理解することができます。
あなたのブログ画像にalt属性を設定する方法
ブログで収益化を目指す人ならブログの画像にalt属性の設定をするべきなので、知らなかった、やってなかったという人は早速あなたのブログ画像に設定しましょう。
Bloggerならすごく簡単に設定できる！
のわすけは無料ブログのBloggerを使用していますが、Bloggerはすごく簡単にalt属性の設定ができます。
画像をクリックすると出てくるメニューの一番右の変更をクリックすると代替テキストを入力する欄があるので、そこに説明文を入力して更新ボタンをクリックすれば完了です。
WordPressもすごく簡単！
WordPressを使用している人も簡単に設定することができます。
メニューのメディアライブラリに画像をアップロードして、対象の画像をクリックすると添付ファイルの詳細画面が出てきます。
そこに代替テキストを入力する欄があるので、そこの説明文を入力するだけです。
HTMLでalt属性の設定する方法
自分のブログに簡単に代替テキストを入力する機能がないという場合はHTMLでコーディングすれば設定することができます。
<img src="ここに画像のURLを入力”alt="ここに代替テキストを入力">
適切な代替テキストを書くコツ
実際に代替テキストを書いてみると
書けそうで書けない…どう書けばいいの？
となる人も多いはず。
そこで、ここでは代替テキストを書くコツを紹介します。
意味のない画像は空白でOK
ブログを装飾する意味合いで画像を使用していて、ブログの内容とは関係ないという場合は代替テキストは空白で問題ありません。
しかし、空白でいいからと何もしないとあえて空白にしているのか、alt属性を設定していないだけなのか、クローラーは判断することができません。
<img src="ここに画像のURLを入力”alt="">
とコーディングすることで、「この画像は内容とは関係ない画像だよ」と説明することができます。
画像を見ていない人でもわかる説明文にする
自分は画像を見ていますし、内容も知っているので、大事な情報を省いてしまいがちです。
でも、相手がどんな画像が全くわからない状態でもイメージできるような説明文を意識しましょう。
画像検索の結果を参考にする
いまいち代替テキストのイメージが湧かないという人は、実際に画像検索してみて上位表示されている画像の代替テキストを見て参考にするのも良い方法です。
最後に
のわすけも以前のブログではオルト属性は設定していませんでしたが、今回の記事で紹介したようなメリットがあることを知って、今回のブログでは設定しています。
ブログの収益化にすぐにつながるものではありませんが、自分のブログが検索エンジンや読者に少しでも読みやすくできるのであれば、やっておくべきだと思います。
設定自体は難しいものではないので、alt属性を知らなかったという人も設定してみてくださいね。
では、のわすけでした。なんでも気軽にコメントくださいね。
0 件のコメント:
コメントを投稿