海外FXの記事へ画像を入れよう。そう決めて探した結果、青い地球、上昇する矢印、光るパソコンが並んだ。架空の編集者は満足しましたが、読者が疑問に思っていた「紹介と取引の違い」は、まだ文章の奥です。画像は増えたのに、分かることは増えていない。見栄えを整える作業で起こりやすいすれ違いです。
雰囲気を伝える写真やアイキャッチにも役割はあります。ただ、本文に追加する画像を考えるなら、言葉だけでは混同しやすい関係を、一枚で見渡せないかと問い直してみましょう。XM関連のサイトで図解したい情報と、図にしない方がよい情報を、制作の視点から整理します。
矢印を描く前に、混同を一つ選ぶ
一枚の図へ制度のすべてを入れようとすると、説明用の矢印が蜘蛛の巣になります。最初に、その図で解きたい混同を一つ選びます。紹介する人と取引する人の役割、報酬と利益の違い、サイト制作と公開後の作業範囲など、関係を整理したい対象を絞ります。
例えば、紹介する側と取引する側が同じだと思っている読者には、登場人物の役割を分ける図が向きます。口座の細かな条件をまとめた表を先に見せても、役割の誤解は解けません。図の種類は、伝えたい情報の形から決めます。
図を見た前後で、何が言えるようになれば成功かも決めます。「何となく格好がよくなる」では、完成後の判断ができません。「紹介する側が売買することと、紹介された利用者が売買することを区別できる」なら、必要な要素を検討できます。
架空の編集会議では、図に足す色の相談が先に始まりがちです。そこで「この一枚で、何の誤解を減らしますか」と一度戻ります。目的が決まっていれば、箱が一つ減っても、説明が通る方を選べます。色の数より、意味の数を管理するのです。
お金の流れは、条件を飛ばして描かない
紹介から報酬までを矢印で示す図は便利ですが、「記事を読む→登録→毎月入金」とだけ描くと、間にある条件が消えてしまいます。矢印は因果関係が確定しているように見えるため、実際には条件がある段階を省略しないことが重要です。
XMTradingのパートナー報酬に関する情報を図へ使う場合は、公式の条件を確認し、どの条件を概略化しているかを説明します。紹介人数だけで報酬額が固定されるような図にはしません。口座開設と報酬発生の違いを先に整理すると、図に必要な区切りも分かります。
また、受け取る報酬と手元に残る利益は別です。制作費、広告費、維持にかかる費用などを考える図なら、入る金額と出る金額を別方向で示せます。ただし、架空の金額を使う場合は試算例と明記し、実績画像に見せないようにします。
上向きのグラフも同じです。雰囲気のための上昇線が、実際の収益推移に見えることがあります。数値のデータがないなら、実績のグラフとして使わず、概念図だと分かる表現を選びます。図は分かりやすくなる分だけ、誤解も素早く伝えてしまいます。
手順の図では、時間順と担当を分ける
サイト制作の流れを図にするなら、相談、企画、原稿、実装、確認、公開など、工程の順序を示せます。しかし、順番だけでは誰が何をするかは分かりません。依頼者、制作担当、外部サービスなど、担当の違いも必要に応じて表します。
例えば、制作担当が原稿案を作り、依頼者が内容を確認する工程があります。一本の矢印だけでは、依頼者が確認する場面が消えるかもしれません。「丸投げ」という印象を出したい場合も、実際に必要な判断や確認までなくなったように描かないことが大切です。
公開後の作業を同じ図に入れる場合は、契約の対象と参考として示す作業を区切ります。サイト作成から収益設計までを提供することから、公開後の運営すべてまで引き受けるように見えないかを確認します。図の色分けが契約範囲の理解を助ける場合もあります。
図を依頼するときは、作業名だけでなく「この工程で何が決まるか」も伝えます。企画という一箱に、テーマ、記事数、構成、確認方法をすべて押し込むと、依頼者は判断の時点を予想できません。複雑な図を一枚作るより、役割別に分ける方法も検討できます。
比較は表、関係は図、具体的な風景は写真
何でも図解にする必要はありません。項目を横に比較するなら表が読みやすい場合があり、役割の関係なら箱と線の図が向きます。画面の具体的な位置を説明するなら、権利や情報の扱いを確認したうえで画面例を使う方法もあります。
写真は、利用場面や雰囲気を伝えることが得意です。ただし、写真の人物が実際の利用者や依頼者なのか、イメージなのかは区別します。架空の人物の画像を使い、実在する成功者の体験談と結び付けるような構成にはしません。
数字の比較なら、比較表の項目を絞る方法も参考になります。表を画像へ変換しただけでは、情報の整理は進みません。むしろ、文字が小さくなったり、更新が難しくなったりすることがあります。読む目的に合わせて表現方法を選びます。
実装方法を決める段階では、HTMLやCSSで作る図と、一枚の画像を使う図の違いも確認します。情報が変わりやすい部分は、修正しやすい形式が役立つことがあります。依頼者が後で何を編集できるかも含めて相談すれば、納品後の扱いが具体的になります。
スマホで読めない図は、説明がないのと似ている
大きな画面で作った一枚図は、スマホで縮小されると文字が読めなくなることがあります。拡大すれば読めるとしても、箱と説明を同時に見られず、関係を把握しにくい場合があります。通常の画面幅で、まず主要な内容が理解できるかを確認します。
必要なら、図を分割する、縦に並べ直す、補足を本文へ戻すなどの方法を検討します。文字をさらに詰めることだけが調整ではありません。何を一緒に見せたい図なのかを考え、同時に見る必要がない情報を別に移せます。
色だけで区別した図にも注意します。色名を知らなくても、箱の見出しや位置で関係が分かるようにします。淡い文字を美しい背景へ重ねると、雰囲気は良くても読みにくくなる場合があります。装飾を外しても意味が残るかが、確認の一つになります。
画像が表示されない状況も想定し、必要な説明を本文へ残します。代替テキストには、画像の内容に合う説明を付けます。キーワードを大量に入れる場所ではありません。複雑な図の要点は近くの本文で説明し、画像だけへ重要条件を閉じ込めないようにします。
図の元データと確認日を保管する
口座条件や制度の情報を画像へ直接描き込むと、更新時に画像そのものを作り直す必要があります。元データが残っていなければ、小さな文字の修正でも手間が増えます。完成した画像と、編集できるデータのどちらを受け取るかを制作前に確認します。
出典を図へ小さく入れるだけでなく、何の情報を確認したかを編集資料にも残します。図の確認日と記事本文の確認日が違う場合、古い説明が画像の中に残ることがあります。本文と画像を一組として点検する手順が必要です。
納品物を確認するときには、表示サイズ、読みやすさ、内容、ファイル容量を別々に見ます。容量が小さくても意味が不正確なら十分ではありませんし、正確でも極端に重くて表示に時間がかかるなら改善の余地があります。制作上の条件を一つの「高品質」にまとめないことです。
図や写真を外注する場合は、利用範囲や改変できる範囲も確認します。特に、他社の画像を見本として送ったことと、その画像を公開へ使えることは同じではありません。必要な利用条件を確認した素材で、説明に合うものを用意します。
一枚見せて、説明してもらう
完成後は、図を初めて見る人に、何を表しているか説明してもらう確認が役立ちます。こちらが先に解説してから「分かりましたか」と尋ねると、その人が理解したのは図か、口頭の説明か分かりません。まず図と近くの文章だけで見てもらいます。
「紹介したら毎月固定額が入る図です」と理解されたなら、実際にそう描いていないつもりでも、どこかの表現を直す必要があります。矢印の向き、条件の省略、ラベルの短さなどを見直します。作り手の意図と、読者へ届く意味の差を確認する作業です。
記事全体の道順も、内部リンクで次の疑問へつなぐ設計と合わせて確認します。図で関係を理解し、本文で条件を読み、必要なら詳しい記事へ進む。画像はこの流れの一部分です。目立つ装飾を一つ増やすより、分かったことを一つ増やす素材を選んでいきましょう。
参考：XMTrading公式パートナープログラム、Google検索セントラル・SEOスターターガイド。図の構成例は編集上の提案です。架空の編集会議を、実際の制作実績として示すものではありません。
当社独自の累計収益保証付き！
丸投げで収益を狙う
アフィリエイトサイトを
手に入れませんか？
アフィリエイト専門のプロが、
企画からサイト構築・記事制作・収益設計まで一括対応。
