シェフsrc(画像のURL)width(幅)height(高さ)など、HTMLにはいくつもの属性がありますが、中には、「これどんな意味があるの?必要なの?」という属性もあります。WordPressでは「代替テキスト」という専用の入力欄が用意されていますが、空欄のままにしている方も多いのではないでしょうか?目次1画像のalt属性とは?2altは必ず設定しなければいけないの?3ファイル名やランダムな文字列を設定するくらいなら空の方が良い4SEO効果は?5まとめ画像のalt属性とは?画像のalt属性とは、画像が表示されない時、スクリーンリーダー(画面に表示されている文字を読み上げるソフト)を利用している時に代わりに使われる、画像の説明文のことです。通信状態が悪いドメインが変わり画像のURLも変わるなど、何らかの事情で画像が表示されない時に役立つのはもちろんのこと、スクリーンリーダーを利用している視覚障害者に画像の意味を正確に伝えることができます。こちらが僕が飼っているペットです柴犬の画像すごく可愛いですよね!という構成の場合、altがないと柴犬を飼っていることを伝えることができません。altの値に「柴犬」があれば、画像が表示されなくても柴犬を飼っていることを伝えることができます。altは必ず設定しなければいけないの?そういった理由から、画像のalt属性は基本的に設定すべきです。アクセシビリティの観点からもそれが理想です。これは実際にスクリーンリーダーを使ってみるとわかりますが、altが邪魔になることも多々あります。>のように、altの値を空にした方が良かったりします。altの値が空の場合、画像の部分がスルーされて文章の部分だけを読み上げてくれるからです。ファイル名やランダムな文字列を設定するくらいなら空の方が良いそして、「IMG0456」や「sample-image」など、意味を成さないファイル名を自動でaltに設定したり、ランダムな文字列をaltに設定するのは好ましくありません。いや、好ましくないというか、本来の「代替テキスト」という概念からかけ離れていて逆効果です。その証拠に、WordPressでは代替テキストを自分で入力しない限りaltの値が空になります。Images」というWordPressプラグインで、画像のファイル名や記事タイトルをaltの値に自動で挿入することもできますが、そうするくらいなら空の方がいいでしょう。SEO効果は?alt属性がSEO対策になることは知られていますが、ここまでの話を踏まえると、どういった場面で、どういった理由で効果があるのかがわかると思います。画像がなければ意味がわからない場合は適切にaltを設定することで評価されるはずですが、画像を装飾的に使っている場合や、代替テキストとして機能していない場合は、SEO効果があるとは考えられません。適切に設定されていなければ、アクセシビリティが低くなるので、SEO効果としてはマイナスになることの方が多いはずです。通常のページの検索結果ではなく、「画像検索」としてのSEO効果は大きいと思います。Googleもalt属性はよく利用しているそうですからね。吠える」と検索した時に、alt="吠えている柴犬"がある画像と、altがない画像とでは、前者の方が上位に表示されるでしょう。いった意味では、何かしらの値をaltに設定した方が良い気もしますが、画像検索からの流入が少ないサイトであれば無理に設定する必要もないと考えています。適切に設定しなければマイナス効果になるというリスクもありますからね。キーワードを詰め込むのがいけないのもそういった理由からです。まとめ当サイトでは、ほとんどの画像を装飾的に使っているのでaltを空にしていますが、図解しているようなサイトであれば、意識的にaltを設定することでSEO対策になるはずです。ちなみに、alt属性がなかったり、ファイル名や記事タイトルを自動挿入しているようなサイトでも上位表示されているので、今からすべての画像にaltを入力するような必要はないでしょう。́)ゞカテゴリー:豆知識シェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。気軽にWordPressカスタマイズするために知っておくと良いこと2019/4/1もっと見るWordPressでブログを始める初心者向けノウハウ【保存版】2018/4/23もっと見る予約投稿でカスタムフィールドの値が削除されるのを防ぐ方法2018/1/24もっと見るエラー対策に!アプリーチのダウンロードボタンの変更方法。2017/7/14もっと見るAMPページの目次が原因でエラーに!見出しに「AMP」はダメ?2017/7/4もっと見るAMPページの本文が空になる主な原因と効果的な対処法。2017/6/24もっと見るWordPressの画像・動画・音楽ウィジェットの追加方法。上に表示された文字を入力してください。AMPページの目次が原因でエラーに!見出しに「AMP」はダメ?エラー対策に!アプリーチのダウンロードボタンの変更方法。「ページを開けません。サーバが見つかりません」の原因は?PHPのstr_replaceとpreg_replace(正規表現)の使い方WordPressで会話風の画像とテキストをコピペで簡単表示!WordPressのユーザー名・パスワードを確認・変更する方法は?Facebookページのユーザーネームが登録・変更できない原因は?ローカル環境のWordPressサイトを本番環境へ移行する方法WordPressオリジナルテーマを管理画面で更新可能にする方法。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。