Alt & Meta viewer（オルト＆メタビューア）とは

Alt & Meta viewer（オルト＆メタビューア）

閲覧中のサイトのAlt設定とmeta情報が確認できる拡張機能。
画像付近の吹き出しにAltの設定内容が現れる他、Altなしの数が分かるため、構築チェックやSEOの一環としてよく使われます。

Alt & Meta viewer（オルト＆メタビューア）とは

Alt & Meta viewer は、Webページに含まれる
・alt 属性（画像の代替テキスト）
・meta 情報（タイトル / ディスクリプション / OGP など）
をブラウザ上で簡単に確認できる Google Chrome 拡張機能です。

SEO やアクセシビリティのチェックを効率化するためのツールとして、多くのWeb制作者が利用しています。Webページを開いたままワンクリックで確認できるため、サイト改善や納品前チェックに役立ちます。

主な機能・特徴

alt 属性を一括確認
ページ内のすべての画像に対して「alt が設定されているか」「alt の内容が適切か」を視覚的に表示します。

メタタグを一覧表示
以下のようなSEO関連タグを一目で確認できます。

・title
・meta description
・meta keywords（使用されている場合）
・OG タグ（og:title / og:image など）
・Twitterカードの情報

不足タグをすぐ発見できる
SEOで必須の title・description の抜け漏れチェックとして最適です。

シンプルで軽量
画面上部に表示されるだけの軽いツールで、操作も直感的です。

無料で利用可能

活用例

納品前の画像 alt チェック
SEOの title / description が正しく入っているか確認
OGP画像の設定漏れチェック
アクセシビリティの改善ポイントの抽出
他サイトのメタ設定を学習するリサーチ
SNSシェア時の表示内容の確認

制作現場だけでなく、ブログ運営者やECサイト管理者にも使いやすいツールです。

使い方

1.インストール（Chrome）

1.Chrome ウェブストアのページへアクセス
2.「Chrome に追加」をクリック
3.「拡張機能を追加」ボタンを押す

2.調べたいサイト上で拡張機能アイコンをクリック

3.alt 属性の内容が画像にオーバーレイ表示される

以下のように色付きラベルが画像上に表示されます。
・alt が設定されている → テキスト表示
・alt が空 → 空であることを表示
・alt が欠落 → 「なし」などの表示
文字サイズや背景色は自動調整され、ページの邪魔にならないよう工夫されています。

4.meta タグ情報を確認

同じポップアップ内で meta 情報が一覧表示されます。
例：
・title → ページタイトル
・description → 要約文
・og:title / og:image / og:description
・twitter:title / twitter:image
・canonical URL

拡張機能について

・商用サイトのチェックも可能
・個人情報は扱わない（公開されているページ情報のみ表示）
・開発者はツール利用に関する責任を負わない

料金形態	無料
登録・ログイン	不要
利用規約	Chromeウェブストアの拡張機能規約および、拡張機能作者のプライバシーポリシーに従うこと
公式サイト	作者のプライバシーポリシー及びダウンロード

※掲載内容は変更される場合があります。必ず【公式サイト】で確認後、自己責任でご利用ください。