altタグの効果は?SEO、ユーザビリティ、スニペットに有効な書き方

altタグの効果は

読了目安:[7 分

altタグは画像の意味を伝えるだけじゃない!

「altタグはSEOに有効なのか?」

結論から先に話をすると、altタグに画像を説明する適切な文章を書くことは、SEO対策、ユーザビリティ対策、スニペット対策に有効です。

もしまだ対応していなければ、必ずaltタグの中身は書くようにしましょう。ただし、以下でも紹介しましたが、altにキーワードを詰め込んではいけません。

altタグには、その画像を端的に表しつつ、コンテンツの内容に即したキーワードを適切に入れることで、SEO的にも、ユーザビリティ的にも、スニペット的にも意味のある行為です。

キーワードを詰め込んでもペナルティになることはないと思いますが、コンテンツの質を落としてしまい、Googleからの評価を下げる可能性があります。

というわけで今回は、SEOとユーザビリティに有効なaltタグの記述方法をご紹介します。

altタグとは

altタグ(alt属性)とは、WEBページに掲載する画像に設定する、画像の説明文のことです。

ちなみに、altの読み方は「オルト」です。alternate(代用)の略語なので、アルトでも、エーエルティーでもありません。つまり、altタグは、画像を代用するタグということです。

画像にaltタグを使ってテキストの説明文を記載しておくことで、何らかの原因で画像が表示できなかった場合に、画像の代わりに説明文が表示されます。

現在も画像認識技術やクローキング技術は進化し続けていますが、Googleのクローラーはまだ画像だけを読み取って、完全に理解することはできません。

そのため、altタグに適切な文章を記述する行為は、画像が何を意味しているかをクローラーに伝える役割があります。

altタグはGoogleにどう認識されるのか

まず、altタグがGoogleにどのように認識されるのかをみていきます。

「WP SEOブログ」がaltタグにいろいろな記述をして、Googleにどのように拾われるかという実験を行っていたのでご紹介します。

WP SEOブログのaltタグ実験

画像のaltに書かれたテキストをGoogleは拾ってくれるのか実験 | WP SEOブログ

通常のイメージもイメージリンクも画像内容に関係なく全てインデックスされる感じです。ただし、altの文章が長い場合には、冒頭部分はHITするが全ての文章がHITするわけではないというような形になりました。

~~(中略)~~

「長文」については、全文ではHITせず、冒頭の一文はHITして、それ以降の文章ではHITしませんでした。ちなみにGoogleで検索できる最大のキーワード数は32語です。文字数ではなくキーワード数ですね。

上記のようにaltタグが長い文章の場合だけでなく、以下の興味深い実験とその結果が書かれています。

・Hタグで囲った場合
・長い住所が書かれた場合
・キーワード数が何語まで表示されるか

実験結果としては、altタグにどのようなテキストを記載しても検索結果に表示される(Googleに理解される)ことがわかっています。面白い内容なので、以下からご覧ください。

こちらでaltタグの中身が検索でどのように拾われるのか、前提条件と実験までの経緯が記されています。

画像のaltに書かれたテキストをGoogleは拾ってくれるのか実験 | WP SEOブログ

また、こちらでaltタグの中身が検索でどのように拾われたか、実験結果が記されています。

altのテキストをGoogleはインデックスするのか実験結果 | WP SEOブログ

altタグの正しい記述方法・間違った記述方法

では次に、altタグの正しい記述方法・間違った記述方法を見ていきます。altタグの記述方法は、Googleの「Search Console ヘルプ」に書いてあります。

Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

以下の例文と画像を用意してみました。ねこです。

こちらを例にして、「絶対NGなaltタグの記述方法」「適切ではないaltタグの記述方法」「適切なaltタグの記述方法」「最適なaltタグの記述方法」を見ていきましょう。

猫のあくびについて

実は猫のあくびは人間とは違います。猫は眠い時にあくびはしません。
目を覚ますために何度もあくびをするそうです。

大きな口であくびをする猫

寝ている猫を起こすと何度もあくびをします。
これは、起こされたことに対して不愉快な気持ちを表現しているそうです。

絶対NGなaltタグの記述方法

・キーワードを詰め込み過ぎ
・関係がないキーワードの記述

<img src="neko.jpg" alt="猫 ネコ ねこ 癒やし キャット cat あくび カワイイ 子猫 こねこ 飼いたい キャットフード ペットフード"/>

これはNGです。キーワードを詰め込み過ぎです。さらに後半部分の「飼いたい キャットフード ペットフード」は、アフィリエイト狙いでよく見られる記述方式です。

通常、このaltタグにキャットフードというキーワードは要りませんね。この様に関係のないキーワードを入れ込んだ画像の後に、アフィリエイトリンクが貼られるのでしょう。

適切ではないaltタグの記述方法

・altタグに何も記述しない

<img src="neko.jpg" alt=""/>

上記の例文を見ると、この猫画像はコンテンツと関連性がある画像だとわかるため、altタグに何も記述しないのは適切ではありません。

反対に、関連性のない画像に無理やりaltタグの中身を記述する必要はありません。たとえば、何かを指し示すための矢印画像などです。

意味のない矢印画像

一応、altに”矢印”と書いても良いのですが、その画像自体がコンテンツと関連性がなければ、このように記述しなくても良いでしょう。

<img src="allow.jpg" alt=""/>

適切なaltタグの記述方法

・見た目そのままの表現

<img src="neko.jpg" alt="猫"/>

猫です。確かに。altタグには、コンテンツとの関連性を考えて、どのように記述するか考えてください。

単純に猫を紹介する文章であれば「猫」で十分だと思いますが、コンテンツの内容は「猫のあくびについて」であり、使っている画像が「あくびをしている猫」です。そのため、ベストなaltタグの中身だとはいえません。

最適なaltタグの記述方法

・前後の文脈に沿ったキーワードを含めた表現

<img src="neko.jpg" alt="大きな口であくびをする猫"/>

この画像とコンテンツの関連性を見る限りは、「猫」というキーワード、「あくび」というキーワードから、「大きな口であくびをする猫」という表現をaltタグに含めることが最適だと言えます。

最適なaltタグの記述によるメリット

最適なaltタグを記述することによって、得られる3つのメリットがあります。

検索キーワードとして活用される

前後の文章から考えて、「猫」「あくび」がキーワードになることはわかります。そのため、altタグに対して、自然に2つのキーワードを含めることができます。

ユーザービリティが高まる

ユーザビリティの観点から、たとえその画像が表示されなかったとしても、そこにどのような画像があるかをテキストで示すことができます。

スニペットに選ばれる可能性がある

検索エンジンは、前後の文章から最適な箇所をスニペットに選択します。そのため、画像周辺からも以下のようにテキストが抽出される可能性があります。

実はあくびは人間とは違います。は眠い時にあくびはしません。目を覚ますために何度もあくびをするそうです。大きな口であくびをする もうひとつ、寝ているを起こすと何度もあくびをしま…

最適なスニペットを表示させるための記述ルール、discriptionの記述方法に関しては、以下を参照してください。

SEO、ユーザビリティ、スニペットに有効なaltタグの記述方法まとめ

WP SEOブログの実験結果とGoogleのガイドラインを踏まえたaltタグ記述方法は以下になります。

altタグ記述で押さえるべき5つのルール
1.前後の文章に適した画像を挿入しなければいけない
2.画像のaltタグには自然なキーワードを入れなければいけない
3.altタグの中身は画像をわかりやすく説明するものでなければいけない
4.altタグの中身は前後を意識した文章でなければいけない
5.32文字以内で記述しなければいけない ※

※「WP SEOブログ」では32キーワードとなっています。キーワードとは分かち書きの文節、つまりGoogleが認識できる日本語単語ということです。わかりにくいので32文字以内が無難ですが、個人的には長くても20文字以内にはしたいところです。

というわけでaltタグは、「SEO対策」「ユーザビリティ対策」「スニペット対策」に効果的だということがわかったでしょう。みなさんも注意して、altタグの中身を記述してみてください。

altタグの効果
・SEO対策
・ユーザビリティ対策
・スニペット対策

おまけ:画像名が日本語の場合は?

ちなみに、「海外SEO情報ブログ」で、画像が日本語名だった場合はどうなるのかという内容の記事が書かれていたので取り上げます。

画像のファイル名を日本語で付けた場合でも含まれるキーワードをGoogleは認識できるようです。

昨日投稿した画像の最適化の記事のなかで、画像のファイル名にはその画像を説明するようなテキストを使ったほうがいいとGoogle社員が説明していました。

英語の場合はすんなり理解できるけれど、日本語にも当てはまるのか疑問でした。

そこで実験してみました。

大発見!?、Googleは日本語ファイル名の画像を認識できる | 海外SEO情報ブログ

実験内容はリンク先で見て欲しいのですが、Googleは画像名が日本語でも認識します。

<img src="大きな口であくびをする猫.jpg" alt="大きな口であくびをする猫"/>

ちなみにわたしは管理しやすくするために、普段から画像には日本語名を付けて使用しています。Wordpressを使うと、画像アップロードの際にファイル名がaltタグに勝手に入ってくれるので便利だからです。但し画像名に限ってのお話し。

この記事が参考になりましたら、Facebookページヘのいいね!もお願いします。