alt属性とは?SEO対策に有効な書き方

こんな悩みを解消します。

今回の記事では、alt属性とは？SEO対策に有効な書き方について、わかりやすく解説しています。

alt属性とは

alt属性とは、HTMLとXHTMLで使われるHTML属性のことです。

読み方は、オルトと読みます。

HTML要素が表示できないときに、代わりにレンダリングされるテキストを指定する。

ウェブページをクローラーが巡回する時、スクリーンレーダーは、視覚障害や目の不自由な人のためのスクリーンレーダー利用に役立ちます。

具体的には、スクリーンレーダーがalt属性を読み上げることで、ウェブページの内容を耳で聞いている利用者もそのHTML要素の内容を理解できるように設定されています。

代表的なスクリーンレーダーは4つあります。

すべてWindowsに対応しています。

視覚障害を持つ人の大半は、ウィンドウズユーザーです。

alt属性は、img要素に使います。

htmlソースでは、下記のように書きます。

<img src=”img.jpg" alt=”gazou">

画像を使ってリンクをする際には、テキストリンク前の画像はalt属性を空白にします。

画像をCSSで指定している場合は、alt属性をつけることができませんので、不要です。

会社のロゴや社名を画像で掲載している会社も多くなりました。

この場合もalt属性は設定した方が良いでしょう。

ワードプレスを使用している場合は、alt属性が設定されているのかを確認するのは簡単です。

以下にキャプチャでお伝えします。

何も記載がない場合は、altが抜けている状態となります。

最近、動的（WordPress）でも静的（HTML）でも、企業の公式サイトの見出しに画像を利用する会社が多くなりました。

しかし、これはSEO対策を考慮するなら、お勧めしません。

なぜか？

見出しの中に使用する画像にaltタグを使うことで解消するのではなく、可能な限り、「見出しはテキストでつくる」ことを強く推奨いたします。