2024

7/16

画像にAltが設定されているか、また設定されているAltを見る方法。「Alt & Meta Viewer」

おすすめ拡張機能

2024年07月16日

2024年07月16日

Chrome

HTML

SEO

画像にAltが設定されているか、また設定されているAltを見る方法。「Alt & Meta Viewer」

画像のAltとは

「Alt」とは、imgタグに付与することのできる属性で、意味合い的には画像に設定できる説明のようなものです。画像が認識できない、又は認識しにくい場合にAltが設定されていれば画像の内容をテキストで読み取ることができます。

Altの設定イメージ↓

<img alt="りんごの画像" src="apple.png" >

Altは必要なのか

Altがしっかりと設定されているかどうかは、主にSEOをはじめとしたサイトの評価に大きく関わります。以下のGoogleのサイトで画像設定についての詳しい説明がされています。

また「Page Speed Insight」にもAltの項目が設置されています。正直そこまで大変な作業ではないですし、サイト全体のパフォーマンスが下がる恐れがあるため、基本的にはどのような状況においてもAltは設定する方が無難と言えます。

画像のAltを確認する方法

本題の「Altが設定されているか、またAltを確認する方法」について説明します。

「Alt & Meta Viewer」

Google Chromeの拡張機能「Alt & Meta Viewer」を使用します。
まずはこちらをChromeウェブストアからインストールしましょう。

早速利用方法についてですが、この拡張機能を使用すると以下のようにサイト内の画像にAltが設定されていない数が表示されます。

つまり、基本的にはこの数字が0になれば全ての画像にAltが設定されている状態ということです。
ちなみにこの白い上向きのマークを押すと、Altが設定されていない画像を一覧で表示してくれるため、とても修正しやすいです。(WordPressログイン状態の場合、アカウントのアイコンが表示されますがこの場合は無視で大丈夫です。)

「Alt & Meta Viewer」がロード中のまま進まない

もし「Alt & Meta Viewer」がロード中のまま進まないという場合は、一度Chromeを再起動してください。そしてもう一度試していただくとしっかりと機能してくれるはずです。私がこの状況になった時にはこれで解決しました。

まとめ

以上「画像にAltが設定されているか、また設定されているAltを見る方法」を説明しました。

他の対策すべきSEO評価項目についてはぜひ以下の記事をご覧ください。