ライブツール
画像の代替テキストを生成
任意の画像から、アクセシビリティと SEO に配慮した代替テキストを生成します。ページ文脈を追加すると、より正確で使いやすい結果になります。
代替テキストの下書きがここに表示されます
画像をアップロードするか画像 URL を追加して、コピー可能な画像説明を生成します。
検索意図
代替テキスト生成ツールが使われる理由

代替テキストをすばやく生成
商品写真、ブログ画像、スクリーンショット、チャート、SNS 用画像をアップロードし、数秒で明確な代替テキストを生成できます。

画像 SEO を改善
商品ページ、ブログ記事、画像ライブラリ、WordPress、Shopify、コンテンツ量の多いサイト向けに自然で SEO に配慮した代替テキストを作成できます。

画像をよりアクセシブルに
スクリーンリーダー利用者が意味のある画像を理解しやすくなり、装飾画像、スクリーンショット、アイコン、チャート、文字入り画像の扱いも判断しやすくなります。
利用シーン
このツールは誰向けですか?
SEO・コンテンツチーム
ブログ運営者、SEO 担当者、コンテンツサイト運営者、WordPress / Shopify ユーザー、画像説明をまとめて改善したいマーケター向けです。
EC・独立系ストア運営者
商品ページ、Shopify、WooCommerce、マーケットプレイス、独立ストアで商品画像の代替テキストを改善したい人に向いています。
開発者・アクセシビリティチーム
Web 開発者、SaaS チーム、UX デザイナー、アクセシビリティ担当者、UI や製品フローの代替テキストを書くチーム向けです。
公共・教育・医療サイト
公共情報、教育資料、医療説明、コンプライアンス上重要な画像を扱う組織では、人による確認と合わせて使うのが適しています。
定義
代替テキストとは?
代替テキストは alternative text の略で、画像の HTML alt 属性に追加される説明文です。画像が見えない場合、読み込めない場合、またはスクリーンリーダーでページを読む場合に、画像の意味を伝えます。
良い代替テキストは画像の目的によって変わります。商品画像、装飾背景、チャート、スクリーンショット、アイコン、文字入り画像では、それぞれ書き方が異なります。
AI 代替テキスト生成ツールは画像とページ文脈から強い下書きを作れますが、最終的な代替テキストは正確性、アクセシビリティ、周囲の文脈との整合性を確認する必要があります。
品質ルール
良い代替テキストの条件
最適な代替テキストは長ければよいわけではありません。ページ内での画像の役割を説明し、不要な情報を避けることが大切です。
良い代替テキストは具体的です。
“image” や “photo” のような曖昧な語ではなく、意味のある主体、動作、商品、データ、可視テキストを示します。
良い代替テキストはページ文脈に合っています。
同じ画像でも、商品ページ、ブログ、ドキュメント、アクセシビリティ監査では必要な説明が変わります。
良い代替テキストはキーワード詰め込みを避けます。
キーワードは画像を自然に説明する場合だけ使います。SEO 用語の羅列はユーザー体験を悪化させます。
良い代替テキストは細部を全部説明しません。
画像の役割を理解するために必要な詳細だけを含め、関係の薄い視覚ノイズは省きます。
良い代替テキストは空にすべき場合を知っています。
純粋な装飾画像なら alt="" を使い、スクリーンリーダーが読み飛ばせるようにします。
代替テキストの例
画像タイプ別の代替テキスト例
画像タイプ、ページ文脈、ユーザー意図によって代替テキストがどう変わるかを確認できます。各例では弱い書き方、より良い書き方、必要に応じた SEO 版を示します。

画像タイプ: 商品画像
手作り陶器のティーセット
ページ文脈
手作り陶器ティーセットの EC 商品ページ。
弱い代替テキスト
商品写真。
弱い理由
曖昧すぎます。商品タイプ、素材、色、数量、見える詳細が説明されていません。
より良い代替テキスト
斑点模様の陶器ティーポット、2つの揃いのカップ、リネンのテーブルクロス上の茶葉。
SEO 版
手作り陶器のティーセット、揃いのカップと自然なリネン上の茶葉。
アクセシビリティメモ
商品画像では、購入者が何を見ているか理解できる可視属性を説明します。
有効な理由
商品を明確に名付け、有用な視覚情報を含み、商品写真のような汎用表現を避けています。

画像タイプ: ブログ画像
週間計画のワークスペース
ページ文脈
週間計画と生産性に関するブログ記事。
弱い代替テキスト
人が書いている。
弱い理由
広すぎます。計画の文脈がなく、記事テーマとの関係も伝わりません。
より良い代替テキスト
ノートパソコン、コーヒー、観葉植物、ノートの横で週間プランナーに書き込む人。
SEO 版
手書きのタスクリスト、ノートパソコン、コーヒー、ノートがある週間計画ワークスペース。
アクセシビリティメモ
ブログ画像では、見える動作を説明し、キーワードの羅列ではなく自然にテーマへつなげます。
有効な理由
活動内容と関連する場面の詳細を説明し、生産性のテーマを自然に支えています。

画像タイプ: ソフトウェア画面
商品分析ダッシュボード
ページ文脈
SaaS ランディングページで商品分析ダッシュボードを見せる場面。
弱い代替テキスト
ダッシュボードのスクリーンショット。
弱い理由
一般的すぎます。スクリーンショットであることは分かりますが、何を表示しているかが分かりません。
より良い代替テキスト
売上、注文、コンバージョン率、平均注文額、流入元、パフォーマンスグラフを表示する分析ダッシュボード。
SEO 版
売上、注文、コンバージョン率、流入元グラフを含む商品分析ダッシュボード。
アクセシビリティメモ
スクリーンショットでは、すべてのボタンではなく画面の目的と主要情報を説明します。
有効な理由
画面が伝える内容を適切な粒度で要約し、理解しやすくしています。

画像タイプ: チャートまたはインフォグラフィック
Web トラフィック成長チャート
ページ文脈
Web トラフィックの成長を説明するレポートセクション。
弱い代替テキスト
チャート。
弱い理由
曖昧です。チャートの種類、指標、期間、傾向が分かりません。
より良い代替テキスト
Website Traffic Growth という折れ線グラフで、月間セッションが1月の15Kから6月の58Kへ増加している。
SEO 版
1月から6月にかけて月間セッションが増加する Web トラフィック成長チャート。
アクセシビリティメモ
データチャートでは、種類、指標、期間、主な傾向を含めます。正確な数値が重要なら近くに長い説明を追加します。
有効な理由
視覚形式だけでなく、チャートの主要な洞察を伝えています。

画像タイプ: 文字入り画像
Summer Sale バナー
ページ文脈
オファーが近くの実テキストで繰り返されていないプロモーションバナー。
弱い代替テキスト
セールバナー。
弱い理由
実際のオファーが抜けています。画像内の文字が近くにない場合、重要情報が失われます。
より良い代替テキスト
ビーチ画像を使った Summer Sale 40% Off のプロモーションバナー。
SEO 版
夏のビーチテーマキャンペーン向け Summer Sale 40% Off プロモーションバナー。
アクセシビリティメモ
画像内の重要な文字が実テキストとして存在しない場合、代替テキストに含めます。
有効な理由
装飾だけでなく、ユーザーに必要なメッセージを保持しています。

画像タイプ: 装飾背景
青い抽象波形背景
ページ文脈
セクション見出しの背後にある抽象背景形状。
弱い代替テキスト
青い抽象背景。
弱い理由
装飾画像なので、説明するとスクリーンリーダー利用者に余計な情報を与えます。
より良い代替テキスト
alt=""
アクセシビリティメモ
装飾画像は通常、支援技術が読み飛ばせるように空の alt 属性を使います。
有効な理由
画像は意味のある内容を追加しないため、スクリーンリーダーから隠す方が使いやすくなります。

画像タイプ: 機能アイコン
検索ボタンアイコン
ページ文脈
検索ボタンとして使われる虫眼鏡アイコン。
弱い代替テキスト
虫眼鏡アイコン。
弱い理由
アイコンの見た目を説明しており、ボタンの動作を説明していません。
より良い代替テキスト
Search.
アクセシビリティメモ
機能画像では、見た目ではなく動作や目的を説明します。
有効な理由
スクリーンリーダー利用者には、形ではなくコントロールの役割が必要です。

画像タイプ: アクセシビリティ関連画像
スクリーンリーダーのワークフロー
ページ文脈
インクルーシブ Web デザインとスクリーンリーダーのワークフローに関する記事。
弱い代替テキスト
アクセシビリティ画像。
弱い理由
テーマ名だけで、見える活動や支援技術が説明されていません。
より良い代替テキスト
暗い眼鏡とヘッドホンを着けた人が、机上の点字ディスプレイとともにノートパソコンを使っている。
SEO 版
ノートパソコン、ヘッドホン、点字ディスプレイを使うスクリーンリーダーワークフロー。
アクセシビリティメモ
画像と文脈で確認できる範囲を超えて身元や障害を推測しないでください。関連する支援技術は説明します。
有効な理由
意味のある活動を、根拠のある詳細で説明し、不要な推測を避けています。

画像タイプ: ファッションまたはライフスタイル画像
夏のストリートスタイル
ページ文脈
季節のファッション編集ページのストリートスタイルコレクション。
弱い代替テキスト
モデル写真。
弱い理由
一般的すぎます。服装、スタイリング、見える商品詳細が説明されていません。
より良い代替テキスト
キャメル色のコート、白い服、白いスニーカー、緑のトートバッグで街路を渡る女性。
SEO 版
キャメルコート、白いスニーカー、緑のトートバッグを使ったストリートスタイルコーデ。
アクセシビリティメモ
ファッション画像では、ページに重要な服、色、スタイル、見えるアクセサリーを説明します。
有効な理由
背景の細部で過剰にせず、買い手が服装を理解できる説明です。

画像タイプ: 旅行または建築画像
モダンなガラスのオフィスビル
ページ文脈
現代都市建築についての編集記事。
弱い代替テキスト
建物。
弱い理由
曖昧です。建築スタイル、設定、周囲の見える要素が説明されていません。
より良い代替テキスト
街角に立つモダンなガラスのオフィスビルと、歩道沿いの木々。
SEO 版
木々が並ぶ街路沿いのモダンなガラスのオフィスビル。
アクセシビリティメモ
地名はページ文脈で提供されているか、画像内で明確に見える場合だけ言及します。
有効な理由
場所や未確認の建築情報を発明せず、明確な視覚要約を提供しています。
その他の実例
代替テキスト生成ツールの追加例
{
"type": "建築写真",
"recommended": "白いアーチ建築が静かな水面に映り、人物が列柱廊を歩いています。",
"concise": "反射池のそばにある白いアーチ建築。",
"descriptive": "背の高いアーチを持つ現代的な白い建物が、青空の下で静かな反射池のそばに立っています。",
"seo": "反射池と歩道のある現代的な白いアーチ建築。",
"decorative": "この建築写真が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "画像だけでは建物名や場所を確認できないため、固有名は挙げていません。"
}{
"type": "店舗外観写真",
"recommended": "大きなショーウィンドウ、黒いドア、鉢植え、木の下のベンチがある路面店。",
"concise": "大きな窓と鉢植えのある路面店。",
"descriptive": "レンガ造りの店舗外観に、白い縁取り、大きなショーウィンドウ、黒い入口ドア、鉢植え、歩道のベンチが見えます。",
"seo": "ショーウィンドウ、黒いドア、鉢植え、並木道のあるブティック風の路面店。",
"decorative": "この店舗画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "はっきりした看板やブランドが見えないため、店舗名は推測していません。"
}{
"type": "ビジネス会議写真",
"recommended": "2人がノートパソコンの横で分析レポートを確認し、背景に SEO 戦略のホワイトボードがあります。",
"concise": "ノートパソコンで分析レポートを確認する人々。",
"descriptive": "2人がデスクでノートパソコンと印刷されたグラフを見ながら、SEO 戦略のホワイトボードの前でレポートを確認しています。",
"seo": "ノートパソコンを使って分析レポートと SEO 戦略を確認するビジネスチーム。",
"decorative": "この会議画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "場面を明確にするため、見える SEO 戦略の文字とレポートのグラフに触れています。"
}{
"type": "自動化フローのスクリーンショット",
"recommended": "登録トリガー、メール認証条件、ウェルカムメール、認証リマインダー、待機時間を含む顧客オンボーディング自動化フロー。",
"concise": "顧客オンボーディング自動化フローのビルダー。",
"descriptive": "フロービルダーには、メール認証済みユーザーと未認証ユーザーに分岐する顧客オンボーディング自動化の下書きが表示されています。",
"seo": "登録トリガー、メール認証条件、メール、待機時間を含む顧客オンボーディング自動化フロー。",
"decorative": "このフローのスクリーンショットが装飾で、近くに手順が繰り返し説明されている場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "すべての UI コントロールを列挙せず、フロー構造と主要な可視ラベルを要約しています。"
}{
"type": "ヘルプセンターのスクリーンショット",
"recommended": "「Set up your account」というヘルプセンター記事で、メール認証、プロフィール入力、アカウント設定、チーム招待、データ接続の手順を示しています。",
"concise": "アカウント設定のヘルプセンター記事。",
"descriptive": "ヘルプセンターページが、番号付き手順とアカウント設定の例を使ってアカウント設定方法を説明しています。",
"seo": "認証、プロフィール設定、チーム招待、データ接続の手順を含むアカウント設定ヘルプガイド。",
"decorative": "このスクリーンショットが装飾で、設定手順が近くに繰り返し記載されている場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "ページタイトルと主な手順が重要な可視内容なので含めています。"
}{
"type": "スキンケア商品写真",
"recommended": "無地のベージュの箱の横にある琥珀色のスポイトボトル。",
"concise": "箱付きの琥珀色スポイトボトル。",
"descriptive": "柔らかい光の当たる面に、琥珀色のガラススポイトボトルが無地のベージュ箱の横に立っています。",
"seo": "ミニマルなベージュのスキンケア包装と琥珀色スポイトボトル。",
"decorative": "この商品画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "ラベルが見えないため、具体的な商品種別は推測していません。"
}{
"type": "バス用品写真",
"recommended": "ドライフラワーとハーブをのせた、包装済みの石けん4個。",
"concise": "乾燥植物を添えた包装石けん。",
"descriptive": "クリーム、緑、ピーチ、ラベンダー色の長方形の石けん4個が紙帯で包まれ、麻ひもで結ばれています。",
"seo": "紙帯、麻ひも、ドライフラワー、ハーブを添えたボタニカル石けん。",
"decorative": "この石けん画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "色と見える植物飾りを説明し、成分は断定していません。"
}{
"type": "ファッション商品写真",
"recommended": "木製ハンガーに掛かった、ウエストひも付きのベージュの前ボタン袖なしワンピース。",
"concise": "ハンガーに掛かったベージュの袖なしワンピース。",
"descriptive": "Vネック、前ボタン、結びベルトのあるベージュの袖なしワンピースが、無地の壁の前に掛かっています。",
"seo": "木製ハンガーに掛かった、ウエストひも付きベージュの前ボタン袖なしワンピース。",
"decorative": "このワンピース画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "衣服の見える形、色、提示方法を説明しています。"
}{
"type": "ジュエリー商品写真",
"recommended": "淡い石の面に置かれた、透明な石付きの金色調リングとチェーンブレスレット。",
"concise": "透明な石付きの金色調リングとブレスレット。",
"descriptive": "小さな透明石の付いた金色調のリングと細いチェーンブレスレットが、淡い石の面に展示されています。",
"seo": "透明石をあしらった金色調リングとブレスレットのセット。",
"decorative": "このジュエリー画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "金属や宝石の種類を推測せず、「金色調」「透明な石」と表現しています。"
}{
"type": "食品商品写真",
"recommended": "さまざまなハーブと調味料が入った箱入りスパイス瓶セット。",
"concise": "ギフト箱に入った複数のスパイス瓶。",
"descriptive": "色とりどりのスパイスや乾燥ハーブが入った小さなガラス瓶が、黒い展示箱に並べられています。",
"seo": "ハーブ、ペッパー、調味料を含むスパイス瓶ギフトセット。",
"decorative": "このスパイスセット画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "見えるスパイスの組み合わせを要約し、すべての成分名は推測していません。"
}{
"type": "玩具商品写真",
"recommended": "積み重ねた形ブロックと手前の分類用ピースが付いた木製プルトレイン玩具。",
"concise": "形ブロック付きの木製列車玩具。",
"descriptive": "木製の引き車列車に丸、四角、三角のブロックが積まれ、手前には形合わせ用のブロックが置かれています。",
"seo": "カラフルな積み重ね・形合わせブロック付き木製プルトレイン玩具。",
"decorative": "この玩具画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "対象年齢を推測せず、玩具の構造と見える形を説明しています。"
}{
"type": "寝具商品写真",
"recommended": "縞模様の質感ある掛け布団と揃いの枕を使ったニュートラルカラーの寝具セット。",
"concise": "ニュートラルカラーの縞模様寝具セット。",
"descriptive": "クリーム色の縞模様掛け布団、揃いの枕、白い枕で整えられたベッドが、パネル状のヘッドボードを背にしています。",
"seo": "縞模様の質感ある掛け布団と揃いの枕を含むニュートラルなクリーム色寝具セット。",
"decorative": "この寝具画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "寝具の色、質感、配置を伝えています。"
}{
"type": "ホームフレグランス商品写真",
"recommended": "木製ふたと無地のベージュ箱の横にあるガラス容器入りキャンドル。",
"concise": "木製ふたと箱付きのガラスキャンドル。",
"descriptive": "クリーム色のキャンドルが透明なガラス容器に入っており、横に木製ふたと無地のベージュ包装箱があります。",
"seo": "木製ふたとベージュ箱を添えたミニマルなガラス容器キャンドル。",
"decorative": "このキャンドル画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "香りや成分を断定せず、見えるキャンドルと包装を説明しています。"
}{
"type": "食器商品写真",
"recommended": "茶色の縁がある斑点模様の陶器ボウル、皿、マグ。",
"concise": "斑点模様のボウル、皿、マグ。",
"descriptive": "斑点模様のクリーム色ボウルが重ねた皿の上に置かれ、後ろに揃いのマグがあります。",
"seo": "ボウル、皿、マグを含む斑点模様の陶器食器セット。",
"decorative": "この食器画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "ブランド詳細を作らず、見える食器の種類と仕上げを説明しています。"
}{
"type": "フィットネス商品写真",
"recommended": "緑のヨガマットと同色のストラップ、水筒、ヨガブロック。",
"concise": "緑のヨガマットとアクセサリー。",
"descriptive": "明るい室内で、巻かれた緑のヨガマットの横に同色のストラップ、水筒、ヨガブロックが置かれています。",
"seo": "ストラップ、水筒、ヨガブロック付きの緑のヨガマットセット。",
"decorative": "このフィットネス商品画像が純粋な装飾の場合のみ、空の alt 属性を使用します。",
"accessibilityNote": "ブランドや素材の詳細を加えず、見える運動用品を説明しています。"
}カタログや出品向けの詳しい文章が必要ですか?
見える属性と確認事項を含む詳しい商品画像説明を作成します。
FAQ
代替テキスト生成ツールのよくある質問
代替テキストとは何ですか?
代替テキストは画像の HTML alt 属性に追加される説明文です。スクリーンリーダー利用者、画像が読み込めない場合、またはブラウザが画像を表示できない場合に、画像の内容や役割を伝えます。検索エンジンにも画像とページの関係を理解する手がかりを与えます。
代替テキスト生成ツールとは何ですか?
代替テキスト生成ツールは、画像と任意のページ文脈から代替テキストの下書きを作るツールです。商品写真、ブログ画像、スクリーンショット、チャート、アイコン、バナー、アクセシビリティ確認に役立ちます。
良い代替テキストとは?
良い代替テキストは具体的で、文脈に合い、自然に読め、画像の目的に集中しています。意味のある主体、動作、商品、可視テキスト、データの要点を説明し、不要な細部は省きます。
悪い代替テキストとは?
悪い代替テキストは曖昧、キーワード過多、誤解を招く、単純な画像に対して長すぎる、または不要な細部が多すぎるものです。“image”“photo”“product” だけでは通常不十分です。
代替テキストは SEO に役立ちますか?
はい。適切な代替テキストは検索エンジンに画像とページの文脈を伝える助けになります。特に商品ページ、ブログ、チュートリアル、EC カテゴリ、画像の多いページで有効です。ただし、人にとって自然に読めることが最優先です。
代替テキストにキーワードを入れてよいですか?
画像やページ文脈を正確に表す場合は使えます。ただし、キーワードの羅列はアクセシビリティにも SEO にもよくありません。まずユーザーのために書き、そのうえで検索意図に合う表現にします。
すべての画像に代替テキストが必要ですか?
意味のある画像には有用な代替テキストが必要です。一方、純粋な装飾画像は alt="" にして、支援技術が読み飛ばせるようにするのが一般的です。機能アイコンは形ではなく動作を説明します。
装飾画像はどう扱うべきですか?
情報を追加しない純粋な装飾画像には alt="" を使います。背景模様、区切り線、抽象的な装飾などは通常読み上げる必要がありません。
画像に文字が含まれる場合は?
重要な文字が画像内にだけ存在する場合、その文字を代替テキストに含めます。同じ内容が近くの HTML テキストにある場合は、短い代替テキストまたは空の代替テキストが適切なこともあります。
商品画像の代替テキストはどう書きますか?
商品タイプと、色、素材、形、柄、スタイル、数量、特徴などの可視情報を説明します。見えない仕様、ブランド、価格、機能は文脈で確認できない限り追加しません。
スクリーンショットの代替テキストはどう書きますか?
スクリーンショットの目的と主要な可視情報を説明します。ダッシュボードなら収益、注文、コンバージョン率、トラフィックソースなど主要な情報領域をまとめます。
チャートの代替テキストはどう書きますか?
チャートの種類と主要な結論を説明します。正確な数値が理解に必要な場合は、代替テキストだけでなく近くに長い説明や表を追加します。
AI はアクセシブルな代替テキストを生成できますか?
AI は、特にページ文脈がある場合に有用な下書きを作れます。ただし、アクセシブルな代替テキストは画像の目的、正確性、周囲の内容に依存するため、人による確認が重要です。
公開前に AI 生成の代替テキストを確認すべきですか?
はい。医療、法律、教育、公共機関、EC、チャート、スクリーンショット、コンプライアンスに関わる内容では特に確認してください。画像と一致しているか、根拠のない推測がないか、キーワードが自然かを確認します。
