代替テキスト：SEOを改善できることが重要でベストプラクティスである理由

代替テキストとは何ですか？

代替テキストは、画像を見ることができない人のための画像の代替として機能するコピーです。 ページへの読み込みに失敗すると、画像の代替テキストが表示される場合があります。 スクリーンリーダーを使用している視覚障害のある訪問者の場合、代替テキストはオンラインコンテンツの画像のコンテキストを提供します。

同様に、検索エンジンは文字通り視覚情報を「見る」ことができないため、画像に添付された代替テキストは、画像に含まれる内容と、ページの残りの部分のコンテキスト内での画像の適合性に関する重要な情報を提供します。

Webページのソースコードを見ると、次のような代替テキストがHTMLに含まれていることがわかります。

 <img src=“image.jpg” alt=“image description”>

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

機能的な観点から、altタグは、Webページで画像を見ることができない人々のアクセシビリティを向上させます。 アクセシビリティは、すべての人に優れたユーザーエクスペリエンスを保証するため、Googleにとって重要です。

SEOの観点からは、代替テキストは重要です。Googleは、画像が何であるかを理解するためにページのコンテンツで代替テキストを使用するためです。 画像をリンクとして使用する場合、代替テキストはアンカーテキストとして機能します。これは、検索ランキングの重要な要素です。

代替テキストとSEO

代替テキストが人々と検索エンジンの両方にとって重要である理由を説明したので、SEO画像最適化戦略の大部分として代替テキストを使用する方法について詳しく見ていきましょう。

Googleは代替テキストに多くの価値を置いています。 画像の代替テキストを使用してページの内容を判断するだけでなく、画像が周囲のテキストとどのように関連しているかを判断します。

Google画像のベストプラクティスに関する記事では、画像の代替テキストを追加することで、オーガニックトラフィックからのコンバージョン率を向上させることができると示唆しています。

「画像のコンテキストを追加することで、結果がはるかに有用になり、サイトへのトラフィックの品質が向上する可能性があります。」

Google Search Central –コンテンツ固有のガイドライン

代替テキストのベストプラクティス–覚えておくべき5つのこと

代替テキストを作成するときは、キーワードを適切に使用し、ページのコンテンツに適合する、有用で有益なコンテンツの作成に重点を置いてください。 検索に最適化されたaltタグを記述してもかまいませんが、何よりもまず、視覚障害のあるユーザーに役立つことを目的としていることを忘れないでください。

ユーザーと検索エンジンに等しく役立つ画像のSEO最適化代替テキストを作成するのに役立つガイドラインを次に示します。

1. 具体的に

画像の代替テキストを書くことについての私の最善のアドバイスは、電話で誰かにそれを簡単に説明する方法を想像することです。 いくつかの単語で十分な場合もあれば、全文が必要な場合もあります。 ほとんどのスクリーンリーダーは、代替テキストを約125文字で切り取っているため、それ以上の文字はユーザーにとって役に立ちません。

2. はじめにでAltタグを開始することは避けてください

特定の文字数制限内で作業しているため、貴重なスペース（およびユーザー時間）を無駄にせず、各画像をそのように識別して紹介する必要はありません。

たとえば、次のようなフレーズでaltタグを開始する必要はありません。

• これはの写真です
• この写真は
• これがのスクリーンショットです

3. キーワードを組み込むが、キーワードの乱用は避ける

関連性がある場合は、代替テキストでキーワードを使用します。 altタグにキーワードを詰め込むと、ユーザーエクスペリエンスが低下します。 たとえば、私のページに、「注目のスニペットを取得する方法」用に最適化されたブログ投稿で最も一般的なタイプの注目のスニペットを示す円グラフがあるとします。 「一般的な注目のスニペットタイプの円グラフ」というaltタグを書くことができます。

ただし、「注目のスニペットを取得する方法を理解するのに役立つ、一般的な注目のスニペットタイプの円グラフ」は、キーワードの乱用と見なされます。

4. コンテンツを繰り返さないでください

代替テキストの目的は視覚情報に関するデジタルコピーを提供することであるため、代替タグ内で既存のコンテンツを繰り返す必要はありません。

たとえば、タイヤを交換する手順を示すインフォグラフィックがあり、投稿の内容にそれらの手順がリストされて説明されている場合、altタグで同じ情報を繰り返す必要はありません。

画像にテキストがある場合、それをaltタグに含める必要がありますか？

場合によります。 Googleもスクリーンリーダーも画像内のテキストをデコードできないため、altタグにテキストを含めるかどうかは、そのテキストがページ上の情報にとってどれほど重要であるかによって異なります。

いくつかの例が含まれる場合があります。

• 本の表紙のタイトル。
• インフォグラフィックの見出し。
• 関連するブランド名

5. 装飾的なグラフィックにはAltの説明を使用しないでください

Webコンテンツアクセシビリティガイドライン（WCAG）によると、画像が見た目以上の機能を持たない場合、画像は「装飾的」です。

グラフィックディバイダーや背景画像など、画像が純粋に装飾的なものである場合は、代替テキストを含めないでください。 画像は貴重な情報を提供しないため、代替テキストでの説明を含めて、画面の読み上げエクスペリエンスが「乱雑」になります。

良い代替テキストと悪い代替テキストの例

代替テキストは長くする必要はありません。 ユーザーに利益をもたらすために必要なだけ、詳細で説明的なものにします。 上で概説した代替テキストのベストプラクティスに基づいて、画像の代替テキストの良い例と悪い例をいくつか示します。

悪い例：これは女の子の写真です。

良い例：デジタルタブレットを使用して自宅のベッドに座っている若い女の子。

悪い例：仕立て屋

良い例：彼のワークショップでジャケットを変更する際に巻尺を使用するプロの仕立て屋。

悪い例：円グラフ。

良い例：一般的な注目のスニペットの円グラフ。 70パーセントの段落、19.1パーセントのリスト、6.3パーセントの表、および4.6パーセントのビデオ。

グラフやチャートでは、常に本文コピーにデータソースへのリンクを含めてください。 画像に引用を追加するだけでは、視覚障害のあるユーザーはそれ以上のデータにアクセスできません。

チャートやグラフでは、長い説明が必要になる場合があります。

優れた代替テキストを書くことは重要ですが、それはより大きなSEO画像最適化戦略の一部にすぎません。 コンテンツ内の画像がSEO全体のパフォーマンスを低下させずに役立てていることを確認できる、他のいくつかの方法を詳しく見ていきましょう。

SEO画像の最適化を促進する5つの方法 

1.画像名にキーワードを使用する

画像ファイルの名前は重要です。 SEOの画像に名前を付ける方法に関しては、altタグの場合と同じロジックのいくつかに従う必要があります。 画像ファイルの名前は、関連性があり、説明的で、キーワードが含まれている必要があります。

SEOの画像に名前を付けるときは、画像ファイル名の先頭にキーワードを含め、単語をハイフン（-）で区切ります。 たとえば、上記の円グラフの例の場合、考えられるファイル名は次のようになります。

• pie-chart.png
  このファイル名は十分に説明的ではなく、キーワードが含まれていません。
• features-snippets-types-pie-chart.png
  このファイル名はキーワードで始まり、説明的です。 ハイフンで区切るため、Googleはファイル名の単語を区別できます。

2.「正しい」形式を使用する

あなたがあなたのウェブサイトで使用する画像のための普遍的に正しいフォーマットはありません。 どの形式を選択するかは、画像の種類とその使用方法によって異なります。

ここにいくつかのガイドラインがあります：

• JPEGは、鮮明さを維持するために大きな画像に最適です。 この場合、「大きい」とは、ファイルサイズではなく、サイズを意味します。これは、以下で説明する別の考慮事項です。
• PNGを使用すると、背景の透明度を維持できます。
• スケーラブルベクターグラフィックス（SVG）は、2001年に導入された比較的新しい画像形式であり、どの解像度や寸法でも鮮明で鮮明なままです。 SVGはアニメーション化でき、同様に、PNGは背景の透明度を維持します。

3.画像を適切なサイズにする

まず、画像サイズとファイルサイズの違いを明確にしておきたいと思います。 画像のサイズは、そのサイズを指します（たとえば、1024 x 680ピクセル）。 ファイルのサイズとは、ファイルをサーバーに保存するために必要なスペースの量を指します（たとえば、5000キロバイト）。 1つ目は、画像がページ上で占めるスペースの量に関係し、2つ目は、読み込みにかかる時間に関係します。

高解像度で大きなサイズの画像には多くの視覚情報が含まれているため、ファイルサイズが大きくなり、ページの読み込み時間が遅くなる可能性があります。

覚えて：

画像をアップロードする前に、必ず画像のサイズを変更してください。 CMS（WordPressなど）の表示サイズオプションを使用して画像をスケーリングしても、表示サイズがページにレンダリングされる前にフルサイズの画像を読み込む必要があるため、ページの読み込み時間は改善されません。

4.キャプションを使用する

理論的には、画像のキャプションにキーワードが含まれている場合、SEOに影響を与える可能性がありますが、特にオーガニック検索用に最適化することはお勧めしません。 画像のファイル名と代替テキストにキーワードを使用すると、検索での検索可能性に直接影響しますが、画像のキャプションは同じ機能を果たしません。 画像のキャプションにキーワードを追加すると、最適化が進みすぎて、ランキングに悪影響を与える可能性があります。

代わりに、ポジティブなユーザーエクスペリエンスを作成するというレンズを通して、画像のキャプションを表示します。 ヘッダー、箇条書き、強調表示されたテキスト、太字のように、画像のキャプションはページのスキャンを強化します。 人々はオンラインで読んだコンテンツをざっと読む傾向があることは誰もが知っているので、途中で道標を提供することは、あなたが共有している情報を吸収するのに役立ちます。

伝説によると、広告アイコンのDavid Ogilvyは、画像をコピーに含めることについて調査を依頼しました。 彼が共有した真実の1つ*は、今日でもマーケターの共感を呼んでいます。

画像にキャプションを使用していない場合は、読者を引き付ける機会を逃している可能性があります。

*元のデータソースまでのパスをたどることができなかったため、これを「真実」と呼んでいます。そのため、事実として引用することはできません。

5.代替テキストを追加します

画像に代替テキストを追加することは、アクセシビリティとSEOにとって重要です。 納得できませんか？ 「代替テキストが重要な理由」を確認することをお勧めします。

画像のタイトルタグはどうですか？

画像のタイトルは、画像に関する情報を提供できるもう1つの属性です。

画像のtitle属性は、目の見えるユーザー向けのツールチップを生成できますが、スクリーンリーダーはそのテキストをスキップします。 そのため、画像タイトルの重要な情報を分離しないでください。 視覚障害のある訪問者はアクセスできません。

SEO画像最適化のための無料ツール

SEO用に画像を最適化するための無料ツールをいくつか紹介します。

画像最適化ツール

Googleですばやく検索すると、無料の画像最適化ツールが多数見つかります。 これが私のお気に入りのいくつかです：

• JPEGオプティマイザー
• アフィニティ写真
• Pixlr
• クラーケン（バルク圧縮）
• オプティマイザ

画像最適化のためのWordPressプラグイン

• ヨーストSEO
• ShortPixel
• EWWWイメージオプティマイザー
• WPスマッシュ
• TinyPNG

負荷速度テスト

画像を最適化した後、ページの読み込み速度をテストするために推奨するツールは1つだけです。 Google PageSpeed Insightsは、モバイルデバイスとデスクトップデバイスの読み込み速度を分析し、パフォーマンススコアを提供し、改善の機会を特定します。 （ページ速度が重要な理由がわかりませんか？Googleのランキング要素を読んで、検索結果のトップに到達するための最も重要なことを明らかにしてください。）

SEO画像最適化のヘルプを取得

代替テキストを使用し、検索用に画像を最適化することは、競合他社の多くが見逃しているSEOの機会を表しています。 画像検索の力を活用するために着手する際に考慮すべき変数はたくさんありますが、それを単独で行う必要はありません。 無料のSEO相談をスケジュールするときは、Webサイトの画像最適化の機会について質問してください。