記事での画像・図表の使い方alt・表・スクリーンショットの注意点
画像や図表は、文章だけでは伝わりにくい内容を補う要素です。使う場面の判断、alt属性の書き方、表の作り方、スクリーンショットや公式画像を使うときの権利・広告表記の注意点を整理します。
公的機関・公式資料などの一次情報と照合して作成しています。このサイトについて
記事での画像・図表の使い方とは
記事に入れる画像や図表は、文章だけでは伝わりにくい内容を補うために使います。飾りとして入れるのではなく、「これがあると読者が理解しやすい」場面に限って使うのが基本です。
Googleの高品質なレビューの指針では、レビューに関して、画像や音声など、自分自身の体験を裏付ける証拠を示すことが挙げられています。また、SEOスターターガイドでは、画像にはわかりやすいalt属性を付けることが示されています。この項目では、画像・図表の使い方を、2026年10月時点の公式情報をもとに整理します。なお、このサイトは辞典型のため画像を使っていませんが、一般的な記事での考え方を説明します。
基本（使い分け）
| 種類 | 向く場面 | 例 |
|---|---|---|
| 表 | 複数の項目を比べる | 料金、機能、向き不向き |
| スクリーンショット | 操作手順を示す | 管理画面の設定場所 |
| 図・フロー | 流れや仕組みを示す | 成果が発生するまでの流れ |
| 実物の写真 | 体験の裏付け | 開封時の様子、実測値 |
| グラフ | 数値の推移を示す | 月ごとのクリック数 |
画像を入れる前の3つの問い
- 文章だけでは伝わりにくいか
- 読者の判断や操作に役立つか
- 権利的に問題なく使えるか
3つとも「はい」と言える場合にだけ、画像を入れます。
具体例（alt属性と表の書き方）
alt属性は、画像の内容を文字で説明する属性です。画像が表示されない場合や、音声読み上げで使われます。
| 悪い例 | 良い例 |
|---|---|
| alt=”画像1″ | alt=”サーチコンソールのパフォーマンス画面。クリック数の表示欄” |
| alt=”” （説明が必要な画像で空） | alt=”料金プランを比較した表のスクリーンショット” |
| alt=”アフィリエイト おすすめ 稼ぐ 副業” | alt=”アフィリエイトの成果発生までの流れ図” |
悪い例のように、キーワードを並べるだけの alt は避けます。画像を見られない人に内容が伝わる文にします。
表の作り方は、次のとおりです。
- 列は3〜4に抑える（スマホで横にはみ出しにくい）
- 見出し行を付ける
- 単位や確認日を書く
記事での画像・図表の使い方の実践ステップ
- 画像・図表が必要な箇所を決める: 本文を書いたあとで、説明が長くなっている場所を探します。
- 手順はスクリーンショット、比較は表にする。
- 自分で撮った画像を優先する: 体験の裏付けになります。実際に使っていない商品の画像を、使った証拠のように載せることは避けます。
- 個人情報を隠す: 管理画面、メールアドレス、アカウント名、報酬額が写る場合は、隠すか加工します。ASPによっては、報酬画面の掲載を規約で制限している場合があります。
- alt属性とファイル名を付ける: 内容が分かる名前にします。
- サイズを確認する: 重い画像は表示速度に影響します。必要なサイズに圧縮します。
- 前後に説明を書く: 画像を載せたら、何を見るべきかを本文で示します。
記事での画像・図表の使い方の注意点
- 著作権: 他人が撮った写真、他サイトの図、公式サイトの画像を、無断で転載することは避けます。引用は、必要性や出所の明示など、条件を満たす必要があります。文化庁の資料で確認してください。
- 公式画像の利用規約: ASPやメーカーが提供する素材は、利用範囲が決められている場合があります。規約に従います。
- 広告の分かりにくい画像: バナー広告は、広告であることが分かる位置に置きます。消費者庁は、広告であることを隠す表示をステルスマーケティングとして規制しています（2023年10月から）。
- 画像内の文字: 文章の大事な内容を画像の文字だけにすると、検索や音声読み上げで伝わりません。本文でも書きます。
記事での画像・図表の使い方でよくあるミス
- 内容に関係のないフリー素材を、飾りとして多数入れる。
- altが空、またはキーワードの羅列になっている。
- 画像が重く、表示が遅くなる。
- スクリーンショットに個人情報が写っている。
- 他サイトの画像を、出所を示さず使う。
- 表が横に長すぎて、スマホで読めない。
記事での画像・図表の使い方のチェックリスト
- その画像・図表は、読者の理解や判断に役立つか
- alt属性が、内容を説明する文になっているか
- 個人情報や機密情報が写っていないか
- 権利と利用規約を確認したか
- 画像の前後に、本文での説明があるか
- スマホで表示を確認したか
- 画像のサイズを、必要な大きさに圧縮したか
記事での画像・図表の使い方のFAQ（よくある質問）
Q. 画像は多いほど良いですか。
A. 多さに決まりはありません。読者の理解に役立つものだけを入れるほうが、読みやすくなると考えます。
Q. フリー素材を使ってもよいですか。
A. 規約の範囲で使えます。ただし、飾りが目的の画像は、読者の助けにならない場合もあります。
Q. 見出しの順番がずれていても大丈夫ですか。
A. Googleは、見出しが順番どおりでなくても検索では問題ないとしていますが、読みやすさや音声読み上げの面から、順序を整えておくと安心です。
筆者の見解（記事での画像・図表の使い方）
画像や図表は、足すほど良いのではなく、文章で説明すると長くなる箇所だけを置き換えるものだと考えます。私見では、表は比較記事、スクリーンショットは手順記事と、役割を決めて使うと迷いが減ります。また、alt属性は読者への配慮であり、キーワードを詰め込む場所ではないと考えます。権利と個人情報の確認は、公開前の最後の項目として習慣にしておくべきです。
記事での画像・図表の使い方の関連項目
- 比較記事の書き方
- レビュー記事の書き方
- 著作権と引用
- Core Web Vitals
- 記事構成の作り方
出典（一次情報）
本記事は情報提供を目的としており、収益を保証するものではありません。法律・税務に関する内容は一般的な情報であり、個別の判断は弁護士・税理士などの専門家や公的機関の最新情報でご確認ください。「筆者の見解」は一つの考え方です。