alt属性チェッカー
URLを入力するだけでページ内の全画像のalt属性を一括チェックします。SEOとアクセシビリティの改善に役立ちます。
ページ内の全画像のalt属性を自動チェックし、未設定・空alt・装飾画像に分類します
URLを入力して画像のalt属性をチェックしましょう
SEO・アクセシビリティの改善ポイントを自動検出します
alt属性のSEO・アクセシビリティ上の重要性
HTMLのalt属性（代替テキスト）は、画像の内容をテキストで説明するための属性です。 検索エンジンは画像の内容を直接理解できないため、alt属性を通じて画像の意味を把握します。 適切なalt属性はSEOの画像検索での表示向上に直結します。
また、スクリーンリーダーを使用する視覚障害のあるユーザーにとって、alt属性は画像の内容を理解する唯一の手段です。 WCAG 2.1の達成基準1.1.1（非テキストコンテンツ）では、すべての非テキストコンテンツに代替テキストを提供することが求められています。
チェック結果の分類と対応方法
| 分類 | 状態 | SEOへの影響 | 推奨対応 |
|---|---|---|---|
| alt設定済み | alt="説明テキスト" | 画像検索に好影響 | 対応不要（125文字以内が目安） |
| alt空 | alt="" | 画像検索の対象外 | 装飾画像なら適切。情報画像なら説明を追加 |
| alt未設定 | alt属性なし | SEO・アクセシビリティ共に悪影響 | alt属性の追加が必須 |
| 装飾画像 | role="presentation" / aria-hidden="true" | 影響なし（意図的に除外） | 対応不要 |
alt属性のベストプラクティス
- 画像の内容を簡潔かつ正確に説明する（目安: 125文字以内）
- 「画像」「写真」「イメージ」などの冗長な表現を避ける
- 装飾目的の画像にはalt=""（空のalt属性）を設定する
- リンク内の画像にはリンク先の説明をaltに含める
- alt属性を省略しない（空でもalt=""は必要）
活用シーン
- サイトリニューアル時: 既存ページのalt属性を一括チェックし、未設定画像を洗い出す
- SEO監査: 画像検索からの流入を改善するため、alt属性の網羅率を確認する
- アクセシビリティ対応: WCAG 2.1準拠に向けて、代替テキストの設定状況を確認する
- 納品前チェック: Web制作の納品前にalt属性の設定漏れがないか最終確認する
- 競合サイト分析: 競合サイトのalt属性の設定傾向を調査し、自サイトの改善に活かす
このツールの使い方
- チェックしたいWebページのURLを入力して「チェック」ボタンを押します
- ページ内の全画像が抽出され、alt属性の設定状況がスコアと一覧で表示されます
- フィルタボタンで「alt未設定」「alt空」など特定の状態だけを絞り込めます
- CSVエクスポートで画像一覧をダウンロードし、修正作業リストとして活用できます
ツールの仕様・制限事項
- HTMLソースの
<img>タグを解析対象としています（CSS背景画像・<picture>/<source>は対象外） - JavaScriptで動的に生成される画像は、サーバーサイドレンダリング（SSR）されている場合のみ検出可能です
- 取得するHTMLは最大1MBまでに制限されています（超過分は切り捨て）
- レスポンスのタイムアウトは10秒です
- 入力されたURLのHTMLを当サーバー経由で取得します。取得したHTMLの内容はサーバーに保存されません
関連記事
よくある質問
- Q. alt属性がないとSEOにどう影響しますか？
- alt属性は検索エンジンが画像の内容を理解するための重要な要素です。alt属性がない画像はGoogle画像検索に正しくインデックスされず、テキスト検索での関連性評価にも活用されません。また、WCAG 2.1の非テキストコンテンツ基準（達成基準1.1.1）を満たせず、アクセシビリティの観点でも問題になります。
- Q. alt=""（空のalt属性）は問題ですか？
- 装飾目的の画像にはalt=""（空のalt属性）を設定するのが正しい対応です。スクリーンリーダーは空のaltを持つ画像を読み飛ばすため、ユーザー体験を妨げません。ただし、情報を伝える画像に空のaltが設定されている場合は修正が必要です。このツールでは装飾画像（role="presentation"やaria-hidden="true"）を自動判別します。
- Q. チェック結果のCSVダウンロードは何に使えますか？
- CSVファイルには全画像のsrc・alt・ステータス・サイズ情報が含まれます。Web制作の納品前チェック、SEO監査レポートの作成、大量ページの一括確認結果の記録などに活用できます。ExcelやGoogleスプレッドシートで開いて、修正管理表として使うのが効率的です。
関連ツール
開発者
Zeronova（ゼロノバ）
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。