本文へスキップ
メルマガ

記事のキャプションの書き方|写真・図表の説明と出典を添える例文

記事のキャプションには、写真・図表の対象と、読み取るための条件、出典・クレジットを添えます。写真とグラフの例文、本文・altとの役割分担、入稿後に確かめたい表示を紹介します。

XB! はてな
Index目次7項目

記事に写真を置き、下へ「打ち合わせの様子」と添える。写真の内容とは合っていても、誰が何を検討している場面なのかは伝わらない。図表でも「アンケート結果」だけではどんな人に何を聞いた結果なのかが残りません。

記事のキャプションには写真・図表の対象、読み取るための条件、出典やクレジットを添えます。 見ればわかるものを列挙するより、本文の理解に必要な情報を選ぶのが基本です。短くする際も、試作品と完成品、実測とイメージの違いは残します。

ここでは企業メディアの写真・図表に付ける説明文を扱います。本文や画像のaltとの分担を確かめ、取材記事とデータを使う記事の例文から、何を書くかを考えます。以下の取材場面と数値例は、書き方を示すための架空の設定です。

キャプションには、画像だけでは決まらない情報を添える

キャプションは写真や図表のそばに表示する説明文です。記事では何を示す画像かを特定し、読者がどう受け取ればよいかを補います。人物名、場所、撮影時点、比較した対象など、必要な情報は画像の役割によって変わります。

たとえば、机を囲む写真からは「人が集まっている」ことがわかります。ところが、製品の形を検討しているのか、発売を決定したのかは見た目では判断できません。取材で確かめた作業を説明すれば、その写真を記事に置いた理由が伝わります。

編集するときは、まず対象を一文で書き、その後に誤読を防ぐ条件を足すと整理しやすくなります。出典や撮影者名は、説明とは役割が異なるため、続く別の文や行で示す方法もあります。すべてを同じ字数に収める必要はありません。

キャプション例を対象・条件・出所に分解した図。試作品の形を検討する打ち合わせという対象、撮影時点で量産前という条件、編集部撮影という出所を対応させている
キャプションに残す情報を分解した概念図。場面は架空の設定。編集部作成。対象・条件・出所は執筆時の整理で、毎回同じ順序や三文で書く規則ではない。

この図の「量産前」は短い情報ですが、完成品を紹介する写真との違いを決めます。一方、記事の理解に関係しない壁の色まで説明する必要はありません。省く基準は文字数より、情報を外したときに写真の意味が変わるかどうかです。

写真の例文は、作業と確認できた時点を具体的にする

写真のキャプションでは、写っている対象に加え、その場で行われた作業を具体的にします。表情から推測した気持ちや、まだ確かめていない成果は書き足しません。

架空の取材で、設計担当者が試作品を持ち寄り、机に並べた形の違いを検討したとします。写真の掲載は了承され、撮影時点では量産前だった、という設定です。

改善を重ね、理想の製品が完成した打ち合わせ。

この説明は完成したという事実や「理想」という評価を、設定にないまま加えています。次のように、確かめた作業へ戻します。

試作品の形を検討する設計担当者の打ち合わせ。撮影時点では量産前。写真:編集部。

誰が写っているかを示す必要があれば、確認した氏名や役割を添えます。複数人なら「左から」の順序が実際の掲載画像と一致するかも見ます。撮影後に左右を反転した画像へ差し替えた場合、元の説明をそのまま使うことはできません。

写真そのものが作業を十分に示し、本文ですでに人物と時点を説明しているなら、キャプションは短くできます。反対に、資料写真やイメージ画像を現在の現場と取り違えやすい場合は、その性質がわかる説明を近くに残します。AI生成の概念イラストを、実際に撮影した写真として紹介しないことも同じ判断です。

撮影前に必要な場面を決める際は、取材の撮影指示書の作り方も参考になります。写っていてほしい作業と掲載条件を先に伝えると、撮影後に説明文だけで不足を補おうとする状況を減らせます。

図表の例文は、対象・期間・数え方を落とさない

図表のキャプションには、何を比べたかと、その値がどんな条件で成り立つかを残します。「増えた」「高い」という読み取りを添えるときも、図が示す範囲を超えて原因や成果を決めません。

たとえば、ある編集チームが9月に4本、10月に6本の記事を公開した架空のグラフを考えます。単位は月ごとの公開記事本数で、下書きは含めないという設定です。

制作体制の改善で、記事の生産性が向上。

公開本数だけでは、かかった時間や人数はわかりません。この図の説明なら、次の範囲にとどめられます。

ある編集チームの月別公開記事本数。9月は4本、10月は6本で、下書きは含まない。説明用の架空データから編集部作成。

実際のデータを使う場合は、年を含む対象期間、集計対象、単位、出典を確かめます。アンケートの割合なら、回答者の範囲や回答数、複数回答の有無も、読み取りに関わる条件です。表題や軸にすでに表示している情報も含め、図表と説明を合わせて読めるかを見ます。

数字の確認方法は記事の割合・増減率・平均をチェックする手順にまとめています。キャプションを整えても、図の集計や比較条件そのものに誤りがあれば直りません。

情報が多い図では、短い説明ですべてを伝えようとしないことも必要です。W3C WAIの「Complex Images」は、複雑な図に短い説明と詳しい説明を組み合わせ、重要な情報を本文や表でも伝える方法を示しています。キャプションには図の対象と読み方を置き、詳しい値や分岐は、読者がたどれる本文・表へ渡せます。

本文・キャプション・altは、同じ画像を一緒に説明する

本文は記事の論点や理由、キャプションは画像と掲載箇所の関係、altは画像から受け取る意味や機能を文字で伝える役割を担います。この分担で、欠けた情報や、同じ説明の重複を見つけられます。

altは主にHTMLの画像に設定する代替テキストで、音声などでページを読む際にも使われます。キャプションの文をそのままコピーすればよいとは限りません。たとえば、工程図の下に「公開までの流れ」と書いてあっても、確認後に差し戻す分岐までは伝わらないからです。

画像を見なくても本文と説明をたどれるか、そこで必要な順序や条件が残るかを確認します。altを空にできるかどうかも、画像が追加で伝える情報と周囲の文章によって変わります。具体的な判断は画像のaltの書き方で扱っています。

入稿の仕組みでは、説明を画像と結び付けることも確認したい点です。WHATWGのHTML Standardは、figcaptionを、親のfigureに含まれる内容のキャプションまたは凡例として定義しています(2026年11月9日確認)。画像の直後に小さな文字で表示する見た目と、画像に対応した説明として実装することは、別々に確認します。

編集担当者が毎回HTMLを書く必要はありません。使っているCMSで、キャプション欄の説明がどこへ出るか、画像を差し替えた際に引き継がれるかを、実装担当者と一度確かめておくと運用に使えます。

出典とクレジットは、どの資料をどう使ったかがわかる形にする

画像の出典は元の資料へ戻るため、クレジットは制作者や提供元を示すために付けます。別の資料をもとに作図した場合は、その資料のどこを使い、何を編集したかも確認します。

元の図をそのまま載せる、数値からグラフを作る、図の一部を抜き出す。これらは同じ扱いではありません。「編集部作成」とだけ書くと、元データまで編集部が調べたように読まれる場合があります。資料名・発行元・対象箇所のリンクと、自分たちが行った加工を区別して残します。掲載条件に指定の文言があれば、それにも従います。

利用条件は、出典を書き終えてからではなく、素材を採用する段階で確認します。たとえばCreative CommonsのCC BY 4.0の公式説明は、適切なクレジット、ライセンスへのリンク、変更した場合の表示を条件として挙げています。同ページは要約であり、実際の条項の確認も案内しています。また、肖像権など、ライセンスだけでは利用に必要な許諾をすべて得られない場合があると説明しています。これはCC BY 4.0で提供された素材の例で、すべての画像に同じ条件を当てはめるものではありません。

写真提供を受けた記事なら、説明文の事実確認と合わせて、提供元名・撮影者名の表記、掲載先、加工の条件を確認しておきます。SNSやnoteにも使う予定があれば、その掲載先まで対象に含まれるかを見ます。提供素材と利用範囲を共有する方法は記事制作の依頼書に書く項目で扱っています。

入稿後は、画像と説明をセットで読み直す

キャプションは最終的に表示された画像と組み合わせて確認します。元の原稿が正しくても、別の版の画像が入ったり、スマートフォンで人物が切れたりすれば、説明との対応が変わるためです。

公開候補のページで、画像・説明・出典リンクを続けて見ます。「左から」の順序、図中と説明中の数値、対象期間、資料写真や架空例の表示が合っているかを確かめます。キャプションが折りたたみの中や別の画像の下へ移っていないか、スマートフォンでも文字とリンクを読めるかも確認します。

画像を差し替えた際は、キャプションとaltを一緒に見直します。撮影者、時点、対象を以前の画像から引き継いでよいとは限りません。説明を別の管理表に残している場合も、最終的に掲載する画像のファイルと対応させます。

次の記事では、画像を選んだ直後に「何を示すか」「どの条件を残すか」「出所をどう示すか」を書いてみてください。短い一文でも、画像を見た人が本文と同じ範囲で理解できる説明になっているか。その照合がキャプションを仕上げる基準になります。

参考資料

資料は2026年11月9日に確認。W3Cは複雑な画像の説明方法、HTML Standardは要素の意味、Creative Commonsは指定ライセンスの条件を参照しています。

SHARE THIS STORY

XB! はてな

NEWSLETTER

企画・編集のヒントを、メールで。

企画、取材、編集、ブランドづくり。balubo magazineの記事を読むポイントとともに、週1回・無料でお届けします。

配信内容を見て登録する RSSで新着記事を読む ↗