画像の利用を最適化しよう

画像に関する情報はalt属性で提供できる


画像はサイトを構成する単純な要素と考えているかもしれませんが、最大限に活用しましょう。すべての画像には個別のファイル名とalt属性を持たせること ができるので、この点を有効に利用すると良いでしょう。
alt属性は何らかの理由によって画像が表示されないときに、代わりのテキストを示してくれるものです。このような属性を使うのは、ユーザーが画像を表示 しないウェブブラウザを利用していたり、もしくはスクリーンリーダーのような別の手段でサイトを閲覧していたりする場合に、alt属性の代替テキスト (altテキスト)があれば画像に関する情報を提供できるからです。

専用のディレクトリにまとめ一般的なファイル形式で保管し、画像は、ドメイン内の複数のディレクトリやサブディレクトリに分散して保管せず、1つの ディレクトリにまとめられないか検討してください。

画像を保管するディレクトリは1つにまとめておくと、画像へのパスがわかりやすくなります。

ポイント
簡潔で、内容をきちんと説明しているファイル名とaltテキストを付ける。最適化できるその他の多くの要素と同様、(ASCII文字コードにおける)ファ イル名とalt属性は、簡潔かつ説明的なものが理想的です。

可能であれば“image1.jpg”、“pic.gif”、“1.jpg”のような一般的なファイル名は使わない
※ 何千もの画像を持つサイトの場合は、画像ファイルの名前を自動的に付けることを検討してみるのも良いかもしれません

極端に長いファイル名を付けない

alt属性にキーワードを詰め込んだり、文章をすべてコピー&ペーストしたりしない。

画像をリンクとして使用する場合はaltテキストも提供しよう。画像をリンクとして利用する場合は、altテキストを提供するとGoogleにリン ク先のページ内容が理解されやすくなります。テキストリンクのアンカーテキストを書いているような感覚でaltテキストを書いてください。

Googleウェブマスター向けガイドライン違反と疑われるほど、極端に長いaltテキストは書かない

サイトのナビゲーションに画像リンクだけを使うのは控える。

画像も適切な処理を行い、最大限に活用しましょう。