概要
alt属性(「alternative text(代替テキスト)」の略)は、ページコード内でalt属性を使って画像に付与される短い説明文です。例えば<img src="logo.png" alt="[会社名]の青い山のロゴ">のように記述します。通常、ページ上のどこにも目に見える形では表示されず、その特定の画像に裏側から紐づけられた説明として存在します。
特にSEOの観点では、alt属性は検索エンジンが画像の実際の主題を理解できる数少ない手段の一つです。検索エンジンは人間が写真を見るようには写真を解釈できないため、このテキストや周囲のページコンテンツ、ファイル名に大きく依存して、画像に何が写っているかを判断しています。
重要な理由
明確で関連性の高いalt属性を持つ画像は、Google画像検索のような画像特化の検索結果で発見・ランキングされる可能性があり、これは通常のテキストベースの検索順位とはまったく別の集客機会になります。うまく最適化された商品写真、図解、インフォグラフィックは、通常のテキスト検索では決して見つけられなかったであろう訪問者を呼び込むことがあります。alt属性は、周囲のページ全体のテーマを検索エンジンが理解する上でも、より小さな形で貢献します。
意味のある画像にalt属性が欠けているのは、単にその機会を逃しているだけではありません。ラベルのない画像が多いページは、検索エンジンから見ると、実際に人間の訪問者が同じページを見て感じるよりも、内容が薄く情報量が少ないものとして扱われてしまうことがあります。
修正方法
- 背景の模様のような純粋に装飾的な画像とは異なり、商品写真、図解、インフォグラフィックなど、実際の情報を伝える画像を洗い出します。
- 意味のある画像それぞれについて、ページのタイトルを繰り返したり無関係なキーワードを詰め込んだりせず、実際に写っているものを説明する、具体的で簡潔なalt属性を書きます。
- 純粋に装飾目的の画像には、無理やり関係のない説明を付けるのではなく、空の
alt=""を設定しておきましょう。 - サイトビルダーやCMSを使っている場合は、コードを直接編集するのではなく、画像自体の設定パネル(通常「Alt text」や「画像の説明」とラベル付けされています)からalt属性を追加してください。
- Launch Readinessのチェックを再実行し、意味のある画像にalt属性が設定されるようになったか確認しましょう。