画像の代替テキスト–より良い画像の代替タグを書くための7つのヒント

公開: 2021-04-05

画像の代替テキストは、検索エンジンに画像の内容を伝えるため、アルゴリズムがコンテンツを理解するのに役立ちます。 これらのタグを使用しないと、ページのランク付けに悪影響を与える可能性があります。

それだけでなく、画像の代替テキストを使用していない場合は、有機的なトラフィックの重要なソースであるWebサイトの画像を見逃している可能性があります。

画像認識の進歩にもかかわらず、検索エンジンアルゴリズムは、画像に何が含まれているかを理解するために代替テキストを必要とします。 また、画像はすべての検索結果の30%以上を占めるため、これはSEOの側面であり、時間をかける価値があります。

しかし、まず第一に、代替テキストとは何ですか、そしてそれをどのように使用しますか?

この記事のポッドキャストを聞いてください: '画像代替テキスト:それは何であり、なぜあなたはそれを良いSEOのために必要とするのか'

image alt text

目次
画像の代替テキストとは何ですか?
代替テキストが重要なのはなぜですか?
-アクセシビリティ
-SEO
画像に代替テキストを追加する方法
良い画像の代替テキストのための7つのヒント
良い代替テキストの例
-代替テキストの例#1
-代替テキストの例#2
-代替テキストの例#3
代替テキストを監査する方法
結論
関連記事

画像の代替テキストとは何ですか?

「画像代替テキスト」の略である画像代替テキストは、画像の内容を簡単に説明するテキストです。 画像の代替テキストは、「代替属性」、「代替説明」、「画像代替タグ」とも呼ばれます。

代替テキストの例を次に示します。

examples of image alt text

代替テキストが重要なのはなぜですか?

画像のaltタグは、(1)アクセシビリティと(2)SEOの2つの理由で重要です。

-アクセシビリティ

インターネットの基本原則は、誰でもアクセスできるようにすることです。 つまり、視覚障害者はオンライン画像が何を描いているかを理解する必要があります。

スクリーンリーダーが画像に到達すると、画像のaltタグを取得して読み上げます。 したがって、目の不自由な人や視覚障害者は画像を見ることができなくても、画像が何を示しているかを知ることができます。

したがって、アクセシビリティは画像のaltタグの主な目的です。

-SEO

検索エンジンの画像認識はますます良くなっています。 しかし、検索エンジンはまだ画像を「見る」ことができません。画像に何が含まれているのかを伝える必要があります。

これは、代替テキストの2番目の主な目的です。検索エンジンに画像の内容を伝えることでコンテンツのSEOを改善します。 画像に画像の代替タグを追加すると、検索エンジンがページのインデックスをより正確に作成し、検索結果でのランキングを向上させることができます。

代替テキストがSEOにとって重要である理由の1つは、画像検索が大量のオーガニックトラフィックを生成することです。 2018年、Google画像検索はすべてのウェブ検索の20%以上を占めました。

share of web searches, February 2018

画像ソース:SparkToro

SEOClarityの調査によると、画像は現在、すべての検索結果の34%を占めています。

そして、それは「画像検索」だけではありません。この検索クエリのように、画像検索ボタンをクリックしなくても、画像はGoogle検索結果に表示されます。

images show up in over 30% of all Google searches

しかし、検索エンジンが写真の内容をまだ認識できない場合、これらの画像は検索結果でどのように検出されますか?

もちろん、答えは代替テキストです。

そして、これが代替テキストが非常に重要であるもう1つの理由です。検索エンジンに画像の内容を伝えることで、検索トラフィックを増やすことができます。

画像に代替テキストを追加する方法

WordPressに代替テキストを追加するのは簡単です。デフォルトのWordPressエディターでは、画像の右側にパネルが表示されます。 そのパネルには、画像の代替テキストを入力するボックスがあります。

adding image alt text in the default WordPress editor

WordPressの「メディア」セクションに代替テキストを挿入することもできます。

adding alt text in wordpress

ElementorやThriveArchitectなどのサードパーティのWordPressエディターを使用している場合は、そのエディターに代替テキストを追加することもできます。 ThriveArchitectでそれを行う方法は次のとおりです。

inserting image alt text in wordpress

良い画像の代替テキストのための7つのヒント

人間と検索エンジンの両方を満足させる方法で画像の代替テキストを使用するためのヒントを次に示します。

  1. 1
    「imageof」または「pictureof」で始めないでください。人間とアルゴリズムの両方が、テキストが画像を参照していることを知っています。
  2. 2
    短くしてください-テキストリーダーは、約125文字で代替テキストを切り取ります。
  3. 3
    画像の内容を具体的に説明してください(「ジンジャーキャット」の代わりに「ジンジャーキャットスクラッチソファ」と書いてください。「エロンマスク」の代わりに「テスラモデルSP100Dの隣に立っているエロンマスク」と書いてください)。
  4. 4
    装飾画像やウェブページのデザインの一部である画像(仕切り、アイコン、ブランド要素など)に代替テキストを追加しないでください
  5. 5
    キーワードを使用しますが、画像のコンテンツに関連する場合に限ります
  6. 6
    画像をボタンとして使用する場合は、ボタンの機能を説明する代替テキストを追加します(たとえば、サブスクライブ、登録、ダウンロードなど)。
  7. 7
    ページにキーワードを読み込む機会として代替テキストを使用しないでください。これは、ページのSEOに悪影響を与える可能性があります。

良い代替テキストの例

適切な代替テキストは、画像に何が描かれているかをユーザーに簡単に伝える必要があります。

テキストは可能な限り説明的であり、コンテキストを提供する必要があります。 これは、以下の例1および3のように、知っているかもしれないが画像自体からは明らかではない詳細を提供することを意味する場合があります。

-代替テキストの例#1

Grenadier Guard stading at atention outside Buckingham Palace

ピート・リッチマンによる写真

悪い代替テキスト:ガード

より良い代替テキスト:注意を向けて立っている警備員

良い代替テキスト:バッキンガム宮殿の外で注目を集めているグレナディアガーズ

-代替テキストの例#2

golden retriever running

GT#2による写真

悪い代替テキスト:

より良い代替テキスト:犬のランニング

良い代替テキスト:ゴールデンレトリバーが実行されています

-代替テキストの例#3

blue and white fishing boats at Gallipoli, Puglia, Italy

黄色い猫による写真

悪い代替テキスト:漁船

より良い代替テキスト:青と白の漁船

良い代替テキスト:イタリア、プーリア、ガリポリの青と白の漁船

代替テキストを監査する方法

今では、オンライン画像の中に代替テキストが含まれているものはほとんどないことに気付いているかもしれません。

もしそうなら、心配しないでください-あなたはいつでもあなたのaltタグで監査をすることができます。

そして、これを行うための最良の方法は、Screaming FrogSEOスパイダーを使用することです。 これを使用して、最大500のURLを無料でクロールできます。 その後、年間140ポンドになります。

Screaming Frogをダウンロードして、WebサイトのURLを入力することから始めます。 ソフトウェアがクロールを完了したら、[画像]列をクリックします。

using screaming frog to find images without alt text

ドロップダウン(左上隅)で、[代替テキストがありません]が選択されていることを確認します。

using screaming frog to find images without alt text

次に、画面の下部に移動し、[画像の詳細]をクリックします。

using screaming frog to find images without alt text

これで、Screaming frogがリストしたURLについて、代替テキストが欠落していることがわかります。

using screaming frog to find images without alt text

結論

画像に代替テキストを追加することは、WebページのSEO戦略の重要な部分である必要があります。 それはあなたの画像を人間にとってよりアクセスしやすくします。

これは、検索エンジンが画像の内容を理解するのに役立ち、アルゴリズムがコンテンツの内容を理解しやすくします。

現在、画像はすべての検索結果の30%以上を占めています。 しかし、検索エンジンは、画像に何が含まれているのかを伝えた場合にのみ、画像を理解できます(したがって、画像をランク付けできます)。

そのため、画像に代替テキストを追加すると、検索エンジンの視認性が向上します。

関連記事

  • あなたのサイトを後押しするWPのための15の強力なSEOハック
  • 2020年に無視できない13種類のSEO
  • 2020年のGoogleランキング要因トップ10