ネットショップ、ECサイト構築＆運営ノウハウ満載！
EC応援隊は、ネットショップを運営している中小企業、個人を応援するためのサイトです。
HOME ＞ コラム EC強化クリニック ＞ 売れる「Webサイト編集術」講座
2007年11月22日更新
記事をつくるための要素とは何か
紙に書きつづった読者へのメッセージの数々。第3回では、「誰に」「何を」伝えるのかを整理するために、まずは伝えたいことを紙に書き出そう、といいました。すべてはそこからはじまると。
この第一段階をクリアしたら、次にWebサイトのページをつくりあげていくノウハウを考えます。それには、文章のほか、記事を構成する要素を具体的に考える必要があります。編集力がモノをいう場面です。
ここでは、市販の雑誌がとても役に立ちます。あなたのWebサイトの読者とターゲットが同じ雑誌を選び、まずはその構成を研究してください。
雑誌の記事や広告ページを構成している要素は、大きく分けて次の４つです。
Ⅰ.文章
Ⅱ.写真
Ⅲ.イラスト、ロゴなどの図版
Ⅳ.ボタン、バナーを含むデザイン
これらの要素はどのように組み合わさっているのでしょうか。そう、これらのすべてを上手く結び付けて誌面化するのが編集の技術なのです。日ごろは何気なく見ている新聞や雑誌の記事、広告も、作り手の立場としてお手本にすると編集の何たるかが少し見えてきます。
各要素をさらに細かく分類すると、以下のようになります。
Ⅰ.文章
１.キャッチコピー…大見出しになるコピー。簡潔にいちばんいいたいことを表現する。読者の目をひき、一気にWebサイト全般や商品への興味を呼び起こす役割。大きな文字で色も目立たせる。
２.リードもしくはボディコピー…キャッチコピーに説明を加え、本文へと読者の目を促す。
３.小見出し…本文内の見出し。本文より目立つ大きさと色で書く。
４.本文…記事のテーマや商品を紹介する文。いちばんの長文になる。
５.価格など情報データ…記事のテーマや商品について、読者にとって必要不可欠なデータを記す。住所、電話、営業時間、URL、注文方法など。
Ⅱ.写真
１.写真…文章に添えると、読者により具体的な情報をあたえることになる。
２.キャプション…写真を説明する簡潔な文章。読者の注目率が高い。素人制作のWebサイトでは抜けていることが多いが、プロの編集者はこれを重要視して必ず入れる。価格など情報データを併記することが多い。
Ⅲ.イラスト、ロゴなどの図版
１.ロゴ…露出することで会社やブランドの価値を高める。
２.イラスト…写真同様、ページのテーマや商品をわかりやすく伝える。
３.グラフやデータ…写真、イラストに同じ。読者に情報の信ぴょう性を伝えるために有効。
Ⅳ.デザイン
１.バナー…ロゴに近い役割をはたす。
２.ボタン…クリックしやすいデザインがポイント。
３.アートディレクション…Webサイトや雑誌記事の全体をトータルにデザインする。各ページの書体や色目の決定、バランスを最重視する。
４.デザイン、レイアウト(コーディング)…各ページをデザインし、レイアウトを行う。
プロの編集者は、これらの要素を組み合わせることで各要素がより良いものになるようにと考えて記事を作成します。写真単体で掲載するよりも、キャプションを添えることでより写真が生える。イラストを入れることで文章がより生き生きとしてくる。読者が興味を持って読んでくれるように、渾身の知恵をふりしぼって構成していきます。
（クリックで画像拡大）
上の記事は若い女性を読者対象とする雑誌用に当社が制作したものです。みなさんはこの記事を読むにあたって、真っ先にどこに目が行きますか？ おそらく、右ページの野菜の集合写真(メイン写真)でしょう。次に目線が移るのは、同ページの「色を食べて元気になる！！」というキャッチコピーではないでしょうか。
ではここで問題です。
この記事をつくりにあたり、我々が読者にいちばん見せたかった(読ませたかった)ところはどの部分だと思いますか。すべてはその部分を見せるために、他の要素は存在するのです。
解答と解説は次回に述べます！