Blog Lab

alt属性(代替テキスト)とは【ワードプレス の設定方法も解説】

alt属性(代替テキスト)とは【ワードプレス の設定方法も解説】

 

 

  • alt属性って名前は聞いたことあるけどなんだ??
  • alt属性は必要不可欠?

この悩みを答えていきます。

本記事では、alt属性(代替テキスト)に関する知識が0の状態から、基礎知識を理解し、設定する方法ところまでを10 〜 15分程度で解説します。

記事を読み終えると、最適なalt属性(代替テキスト)を設定することが可能になります!

本記事の信頼性

自分の経歴 ブログ歴3年で東大在学

alt属性の基礎知識

alt属性とは、一言でいうと『画像の代わりになるテキストの情報』です。

そのため、代替テキストとも呼ばれることがあります。

主に以下の用途で使われます

  1. 画像が表示されなかった場合の代わりのテキスト
  2. 音声読み上げのときに読まれるテキスト
  3. 検索エンジンのクローラーに適切に理解してもらう

もう少し詳しく説明していきます。

Google公式サイトでは以下のように説明しています。

代替テキスト(画像について説明するテキスト)は、スクリーン リーダーを使用するユーザーや、低帯域幅のネットワークを使用しているユーザーなど、ウェブページの画像を確認できないユーザー向けの補助機能として役立ちます。

Google では、代替テキストに加えて、コンピュータ ビジョン アルゴリズムやページのコンテンツを使用して、画像のテーマを理解します。また、画像の代替テキストは、画像をリンクとして使用する場合にアンカー テキストとして使用できます。

引用元 : Google画像検索に関するおすすめの方法

 

alt属性のSEO効果

 

alt属性が検索順位にめちゃくちゃ影響することはないですが、検索エンジンのクローラーが画像の内容を適切に理解する助けにはなること間違いなしです。

対して大変な設定ではないので、alt属性は設定しときましょう。

またSEO対策の効果があるかどうかに関係なく、画像が利用できない環境でも内容を理解することができる記事は読者フレンドリーです。

適当に入力するのは逆効果

 

alt属性を適当に同一のキーワードや画像の内容とあまりに不一致なものを入力するとGoogleがスパムと判断し逆効果になることがあります。

しかし、これから紹介する『alt属性』の3つのコツを実践すれば問題ないので安心してください。

alt属性(代替テキスト)の設定方法

 

WordPressなら場合なら記事の編集画面のビジュアルエディタで画像を貼り付け、テキストエディタに変えてください。

画像は、『<img 〜 alt = “” />』で書かれているので、alt = の後のダブルクォーテーション(” “)の中に画像を説明するテキストを入力することでalt属性(代替テキスト)を設定できます。

記事のデザインのための画像や特に意味を持たない画像の場合は、alt属性(代替テキスト)は空白したままで、特に設定する必要はありません。

alt属性(代替テキスト)設定の3つのコツ

ここでは、具体的にalt属性(代替テキスト)の設定に関するコツを三つ紹介していきます。

  1. 画像と関係のあるテキストを入力
  2. キーワードを乱用しない
  3. alt属性(代替テキスト)は文字数をできるだけ抑える

Googleの公式サイトを参考にして紹介します。

代替テキストを設定するときは、キーワードを適切に使用して、ページのコンテンツのコンテキストに沿った、情報に富む、有用なコンテンツを作成するようにしてください。alt 属性にキーワードを羅列すること(キーワードの乱用)は避けてください。これによって、ユーザー エクスペリエンスが低下し、サイトがスパムとみなされる場合があります。

引用元 : Google画像検索に関するおすすめの方法

 

① 画像と関係のあるテキストを入力

 

alt属性(代替テキスト)を入力する時は、画像と関係性のあるテキストを入力しましょう。

画像と関係のないテキストは、読者の正しい理解を妨げます。

例えば以下のような画像には、

alt属性(代替テキスト)は

<img src="~~~~.jpg" alt="パソコンの設定で悩んでいる青年"/>

 

このように基本は、画像の意味が伝わるようなテキストを設定することが一番大切です。

② キーワードを乱用しない

 

alt属性(代替テキスト)にキーワードを羅列すると、サイトがスパムだと思われてし舞います。

具体例を以下の画像を再び利用して説明します。

この画像に対してキーワードを乱用した以下のようなalt属性(代替テキスト)を設定することは好ましくありません。

<img src="~~~~~.jpg" alt="パソコンの設定 パソコンの設定が難しい 悩んでいる パソコン使いにくい パソコン初心者 プログラミング難しい"/>

 

正しいalt属性は以下のようにキーワードを乱用せずに簡潔に画像を説明するようなものを設定しましょう。

<img src="~~~~.jpg" alt="パソコンの設定で悩んでいる青年"/>

 

③ alt属性(代替テキスト)は文字数をできるだけ抑える

 

検索エンジンやユーザーが理解しやすいようにalt属性(代替テキスト)はなるべく短く簡潔にしましょう。

長すぎる説明文もGoogleからのペナルティの対象になる可能性があります。

基本的には、『画像をひとことで説明する』ことを心がければ問題ありません。

まとめ

 

alt属性(代替テキスト)を設定する意味を最初に紹介しました。

  1. 画像が表示されなかった場合の代わりのテキスト
  2. 音声読み上げのときに読まれるテキスト
  3. 検索エンジンのクローラーに適切に理解してもらう

その後に具体的にalt属性(代替テキスト)を設定する方法を紹介し、設定方法の三つのコツを紹介しました。

  1. 画像と関係のあるテキストを入力
  2. キーワードを乱用しない
  3. alt属性(代替テキスト)は文字数をできるだけ抑える

適切なalt属性(代替テキスト)を設定することは、Googleから推奨されています。

最短収益化を目指すには、Googleのガイドラインに従うことが必要不可欠です。

alt属性のSEO効果の影響度は明らかではありませんが、Googleが推奨しているなら実践するべきです。

『やれることは全てやる』それが大切です。

ブログを収益化する詳しいプロセスは下記の記事を参考にしてください。

 

【初心者】趣味ブログで月10万円稼ぐ方法|好きなことを書いて稼ぐ!大好きな趣味を追求しながらブログで月10万円稼ぐことは可能です!!むしろ大好きな趣味をブログ収益化の武器にすることができます。本記事では、具体的に趣味ブログで月10万円稼ぐ方法を紹介しています。...

 

大学生の場合は下記を参考にしてください

 

大学生がブログで月10万円稼ぐための15ステップ|東大生が徹底解説実は大学生の方が、ブログで稼ぐのは簡単です。本記事では、大学生が0からアフィエイトブログで月10万円稼ぐ方法を15のステップに分けて解説しています。詳しい内容は記事を参考にしてください。...

 

ABOUT ME
努力のガリレオ
【運営者】 : 東大で理論物理を研究中(経歴)東京大学, TOEIC950点, NASA留学, カナダ滞在経験有り, 最優秀塾講師賞, オンライン英会話講師試験合格, ブログと独自コンテンツで収益6桁達成 【編集者】: イングリッシュアドバイザーとして勤務中(経歴)中学校教諭一種免許取得[英語],カナダ留学経験あり, TOEIC650点
【必見】オンライン英会話を利用しないのは時代遅れ?

 

 

英語学習でオンライン英会話を利用しないのは、時代遅れです…

 

『スピーキングができないから、オンライン英会話はまだまだ後回し…』と思っている方は大間違いです。

 

最近のオンライン英会話は、教材が豊富で、もはや参考書・問題集は不要になりつつあります…

また、多くのオンライン英会話が最新メソッドを導入して、スピーキングのみならず、リーディング・リスニング・ライティングの能力も上がる教材を導入しています。

さらに、効率的な記憶ツールや学習カウンセリングのサービスが提供されることもあります!!

 

特に初心者の方は、下記の記事で紹介しているオンライン英会話をチェックしてみてください。

 

【東大生が厳選】初心者にオススメなオンライン英会話10選実は、最適なオンライン英会話はユーザーによって異なります。本記事では、複数のオンライン英会話を経験した私が、他社と比較しつつ特徴を明確にして本当にオススメできるオンライン英会話を10個厳選しました。...

 

中には、2週間の無料体験期間を提供しているオンライン英会話もあります。

英語学習が滞っている方や英語学習を習慣化できていない方は無料体験期間で良いので挑戦してみてください。

何事も行動することが大切です。

 

また、多くのオンライン英会話がTOEICやTOEFL等の外部英語試験の対策レッスンを提供してきています。

中には、追加料金なしで、本番さながらの対策や面接対策を行うことができるオンライン英会話もあります。

 

特にTOEIC対策に強いオンライン英会話は下記を参考にしてください。

 

【徹底比較】TOEIC対策に強いオンライン英会話5選|東大生が厳選!オンライン英会話はTOEICのスコアを効率的に上げる最強のツールです。本記事では、TOEICにオンライン英会話が効果的な理由とTOEIC対策に強いオンライン英会話を厳選しました。詳しい内容は記事を参考にしてください。...

 

TOEFL対策に強いオンライン英会話に関しては下記を参考にしてください。

 

【徹底比較】TOEFL対策に強いオンライン英会話5選|東大生が厳選!TOEFL対策にオンライン英会話は有効です。事実、私もTOEFL対策のためにオンライン英会話を使用してTOEFL ibtの4技能、TOEFL itpのスコアを爆上げすることができました。この記事では、私が思うTOEFL対策に最適なオンライン英会話を紹介しました。...