2021.10.13

五十嵐 和希

SEO SOLUTION

SEOにも有効?altタグの設定方法と注意点とは

WRITER

五十嵐 和希

株式会社PLAN-B システム開発本部 PDMチーム

大手広告主企業での広告宣伝部、総合広告代理店でのプロモーション部を経験し、PLAN-Bへ入社。企業のオウンドメディア「PINTO!」の立ち上げを行い数多くの記事を作成しメディアとして成長させた。その経験からコンテンツSEOのインハウス化を支援するツールの「SEARCHWRITE」をローンチし、プロダクトオーナーを務める。

目次
    1. altとは?設定する効果は?
    2. altの設置方法
      1. 書き方
    3. altのSEOへの影響
      1. 利用すべきでないケース
    4. altを設置時に注意すべき点
      1. Title属性とalt属性の違い
      2. altタグは画像を具体的に説明したものにする
    5. まとめ:画像ファイルにもひと手間かけて、SEOを成功させよう

自身のWebサイトやブログに画像を掲載する際、imgタグを使用しているかと思いますが、imgタグ内でaltタグの設定は行っていますか?

Google検索エンジンは、検索エンジンを使用するユーザーの考え方に近づけるために、画像そのものは認識できない仕組みになっています。

「それなら画像なんて設置しても意味無い」と感じる人も多いと思いますが、記事やコンテンツを見るユーザーにとって、解説用の画像等はその時によっては重要なものになります。

そこで今回はサイトやブログ内に画像を設置する際に重要になるaltタグについてご紹介いたします。 


altとは?設定する効果は?

HTML内では画像の呼び出し・読み込みを行うためのタグとして、imgタグが存在しています。このタグ内で「src」という属性に画像が設置されているURLを入力することで、ブラウザ上に表示させたい画像を呼び出すことができます。

先ほども説明しましたが、imgタグで画像を呼び出し、サイト内に設置を行ってもGoogle検索エンジンは設置された画像がどういったものなのか認識することができません。

そういったときに画像がどういったものなのかを検索エンジンに伝えてくれるのが「alt」です。

alt設置の効果

検索エンジンに伝えるだけでなく、読み上げソフト等を使いサイト内容の読み上げを行った際、画像部分はaltに設定された内容が読み上げられます。サイトの読み込みが遅い時や画像が読み込まれなかったときも、画像の代わりにaltに記載された内容が表示されます。


altの設置方法

それではaltの設置方法をお教えいたします。 思っているよりは簡単に設置することが可能なので、サイト内の画像で未だにaltを設置していないのであれば、以下を参考にimgタグ内にaltを設置してみてください。

書き方

書き方は難しくはありません。 以下のようにimgタグ内に他の属性と同じように「alt」を設置するだけです。

「”」で区切られた部分に画像に関する説明文を入れるだけです。既に画像を設置しているもののaltを設置していない人も、「alt=”画像の説明”」の部分をコピーしてimgタグ内に設置して「画像の説明」部分を書き換えればいいだけなので、この機会にaltを設置してないimgタグを書き換えましょう。


altのSEOへの影響

altは検索エンジンに対して、「どういった画像なのか」を伝えることができます。

imgタグにaltが設定されていなくても、SEOの評価が下がるといったことはありませんが、altを設定しておけばSEOとしての評価をもらえる可能性はあります。imgタグで画像を設置するたびにalt属性を設置しておく癖をつけておきましょう。

また、画像をリンクにする場合、altに説明文を入れておけば、アンカーテキストと同じ効果を得られることができます。

サイトやブログ内のサイドのナビゲーションに画像やバナー画像を設置する場合はaltにきちんとした説明文を入れてアンカーテキストとしての効果を得られるようにしましょう。

利用すべきでないケース

基本的にサイト内で画像を利用する場合は、altを設置したほうがいいのですが、altには利用すべきではないケースが存在しています。

それはサイト内で装飾的な意味で使っている場合や表示している画像が無くても問題ない場合です。 どちらの場合もimgタグ内にaltを設置しても中は空にしておくのがベストです。

altを使用しない画像

無駄にファイル名やランダムな文字列を入れていても意味が無いので、空にして文章の部分だけを読み込んでもらえるようにしておきましょう。


altを設置時に注意すべき点

altの設置方法が分かり、さっそくimgタグにaltの設置を始めたと思いますが、設置時に注意点があります。 altを設置しても注意すべき点を守っていないときちんとした効果を得られない可能性もありますので、注意点はしっかりと頭に入れておきましょう。

Title属性とalt属性の違い

imgタグでは画像説明用の属性としてaltが設置できますが、それと並べてtilte属性を設置することが可能です。

title属性はimgタグ以外にも他のタグにも設置可能で、設置された箇所にブラウザ上でマウスカーソルを合わせるとコメントとしてtitleの内容が表示されます。

title属性

titleもaltと同じように設置した画像やテキストの内容を検索エンジンに伝える役割はしているのですが、alt属性と比べると重要度が低いです。 ですので、画像の内容を検索エンジンに伝える場合はtitleよりはaltを使うようにしましょう。


altタグは画像を具体的に説明したものにする

現在は認知されてきたため、あまりこういった使い方をする人は少ないのですが、昔はaltの内容にキーワードを並べただけのものを設置していることがありました。

キーワードを並べただけのものが悪いわけではありませんが、ページ内のタイトルやコンテンツ部分と比べるとSEOへの影響はほぼありません。なので、alt内にはキーワードを並べたものではなく画像を具体的に説明したものにしましょう。

また、視覚的に障害がある人がページの読み上げ機能を利用した際、画像部分で読み上げられるのはaltの内容であるため、キーワードを並べたものだと意味がわかりません。

現在は影響ありませんが、後々こういった部分もSEOの評価として含まれる可能性があり、ユーザーの利便性として評価される可能性があるので、極力画像を説明している文章になるようにしましょう。

altタグの良くない例


まとめ:画像ファイルにもひと手間かけて、SEOを成功させよう

SEOへの影響のみを考えると、画像のalt部分はあまり評価に影響を与えているとは言えません。

altの役割は読み上げ機能利用時にaltの内容が読まれることと、検索エンジンに画像の内容を伝えていることの2つとなります。 SEOとしての影響はあまりありませんが、画像1つ1つにaltを設定し適切なものにするだけで順位が変わる可能性も秘めています。

また、視覚障害者向けの読み上げ機能が今後ユーザーの利便性として評価に含まれる可能性もあるので、画像を設置する際にはこまめにaltを設置するようにしましょう。

SEOをもっと学びたい方はこちらもチェック:SEO対策の全てを紹介!
S
EOの内部対策についてはこちらもチェック:SEO内部対策を徹底解説!