イントロ
このガイドでは、代替テキスト(altテキストとして知られている)について学びます:代替テキストとは何か、なぜオンページSEOにとって重要なのか、正しく使用する方法など。
Altテキストは見落とされがちですが、ウェブサイトのすべての画像にAltテキストを付けるべきです。視覚情報をテキストに変換することは、検索エンジンのボットやスクリーンリーダーを使用するユーザーにとって非常に重要です。Altテキストは、ウェブサイト上のアイデアやコンテンツを関連付ける情報源です。
この実用的なガイドブックには、ウェブサイトのイメージSEOとアクセシビリティを向上させるためにすぐに使えるヒントやアドバイスが掲載されています。
Altテキストとは何か?
代替テキスト(またはaltテキスト)-alt属性またはaltタグ(タグではないので厳密には正しくない)としても知られている-は、HTMLコードで画像を説明するテキストの一部です。
オルトテキストの用途とは?
altテキストの本来の機能は、読み込めない画像を説明することでした。数年前、インターネットの速度が遅かった頃、altテキストは重すぎて読み込めない画像の内容をユーザーが理解するのに役立ちました。
今日、altテキストは、検索エンジンのボットが画像のコンテンツとコンテキストを理解するのに役立ちます。さらに重要なことは、altテキストはアクセシビリティとスクリーンリーダーを使用する人々にとって重要であるということです:
-
アクセシビリティのため:Altテキストは、障がいのある人(スクリーンリーダーを使用している人など)が画像の内容を理解するのに役立ちます。
-
SEOのため:Altテキストは、検索エンジンに追加のコンテキストを提供し、ページのコンテンツをよりよく理解するのに役立ちます。
Altテキストが重要な理由
ウェブは視覚的な体験であるため、altテキストは非常に重要です。altテキストは、画像の内容を言葉に変換し、障害を持つ人々や、まだすべての画像、その背景、意味を完全に理解できるほど賢くない検索エンジンのボットを含む、より多くの人々がアクセスできるようにします。
SEOにオルトテキストが重要な理由
altテキストは、オンページSEO最適化の必須要素です。altテキストを適切に最適化することで、Googleの画像検索で上位に表示される可能性が高まります。特に、ユーザーがGoogleの画像検索から商品検索を始めることが多いeコマースサイトにとっては、重要なトラフィック源となり得ます。
アクセシビリティのためにAltテキストが重要な理由
SEOだけでなく、altテキストはアクセシビリティにも不可欠であり、スクリーンリーダーを使用する障害者を含むすべての人にとって、Webを包括的なものにします。altテキストに画像の内容を記述することで、これらのユーザーが画像とページの内容を理解するのに役立ちます。
Altテキストの例
良いAltテキストの例
Google Search ConsoleやScreaming Frogなどのツールのスクリーンショットを含むSEO監査ガイドを検討しよう。altテキストの良い例には以下が含まれる:
<img src="google-search-console-coverage-report.jpg" alt="インデックスされたページと除外されたページの数を示すGoogle Search Consoleのカバレッジレポート"> <img src="google-search-console.jpg" alt="Google Search Console tool from Google">
<img src="screaming-frog-html-pages.jpg" alt="List of HTML pages in Screaming Frog">
<img src="screaming-frog.jpg" alt="Screaming Frog crawl in progress">
悪いAltテキストやスパム的なAltテキストの例
悪いaltテキストの例としては、キーワードの詰め込みやスパムがある:
<img src="google-search-console-coverage-report.jpg" alt="seo監査 無料, seo監査 安い, seo監査 専門家, seo監査, seo監査"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo audit, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo監査"> <img src="screaming-frog.jpg" alt="seo監査
よくあるAltテキストの間違い
-
altテキストを使用しない、または空のaltテキストを使用する。
-
異なる画像に同じaltテキストを使用する。
-
画像を説明しない非常に一般的なaltテキストを使用する。
-
自動的にファイル名をaltテキストとして使用します。
Altテキスト作成のヒント
-
altテキストにキーワードを詰め込まないこと。
-
イメージを詳しく説明するが、比較的短くまとめること。
-
画像の説明文の一部として、ターゲットキーワードを自然に使用する。
-
画像にテキストを使用しないでください。テキスト はすべてHTMLコードに追加してください。
-
"これはこんなイメージです "とは書かないでください。画像の内容を説明するだけでいい。
-
altテキストを読むだけで、画像の内容がイメージできるようにしましょう。
画像のオルトテキストのトラブルシューティング方法
エレメントの検査
要素を検査する(画像にカーソルを合わせたら右クリックし、検査を選択する)ことで、指定した画像にaltテキストがあるかどうかを確認できます。
バルク分析
一括分析には、Screaming FrogやSitebulbのようなツールを使ってサイトをクロールし、すべてのウェブサイトの画像のaltテキストを確認します。
Altテキストは優先事項ではないように見えるかもしれないが、重要である。
コンテンツに関するあらゆる情報源には価値があります。視覚に障がいのあるユーザーであれ、ボットであれ、altテキストはウェブサイト上の画像を文脈化するのに役立ちます。アクセシビリティへのコミットメントを示すことも、現代のデジタルマーケティングの重要な要素です。
よくあるご質問
HTMLにおけるaltテキストの目的は何ですか?
Altテキストは、画像が表示されない場合にその画像をテキストで説明するもので、ユーザーが画像の内容を理解し、検索エンジンのボットが画像の主題を理解するのに役立ちます。
効果的なSEOのためのオールインワン・プラットフォーム
ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。
altテキストはウェブサイトのアクセシビリティを改善できるか?
そう、altテキストはウェブサイトのアクセシビリティに不可欠です。altテキストは、視覚情報を、視覚障害のあるユーザーが使用するスクリーン・リーダーが読むことができる説明的なテキストに変換し、ウェブをよりインクルーシブにします。
これらのヒントに従うことで、ウェブサイトの画像がアクセスしやすく、SEOに最適化され、ユーザーエクスペリエンスと検索エンジンのパフォーマンスの両方を向上させることができます。