キャッチコピーを入れる場所。これは人を惹きつける文章を記入する場所です。余り長くせず、一気に読みきれる程度に収めておくのが作成のコツ。ここで読者の興味をひく様にして下さい。
通常、この段落までが勝負。ページを開いた時に表示されるエリアの印象で、更に読み進むかページを閉じるかが決まるのです。(左の画像も)
この部分には直ぐ上にあるH2に関連する語句を記述して下さい。H2に含まれたキーワードで検索されたときに、検索結果ページの紹介文に引用される事があります。「H2のキーワードと関連する語句を含む人を惹きつける文章を書くと良いです。
画像の下へ文章を回りこませたいときには<p>で改行して下さい。ところで情報商材を売りたいが為に誇大な表現や偽りの内容を書く人がいるようですが、買い手を騙しては儲けられませんよ。正直なページ作りで口コミ効果を狙うのが正しい方法です。
画像を使わなくても構いませんが、文章を強調したいときに読者の目を惹きつける役目が出来るので必要に応じて使用して下さい。段落の冒頭へは
の様なアイコン画像を配置して同様の役目を与えましょう。
この本文スペースにある<p></p>要素はスタイルシートでインデント(幅寄せ)されています。HTMLエディターならば単に改行するだけで、この様にレイアウトされた外見になるので<blockquote></blockquote>で囲う必要はありません。
この部分には、直ぐ上にあるH3に関連する語句を記述して下さい。H3に含まれたキーワードで検索されたときに、検索結果ページの紹介文に引用される事があります。
HTMLソースへ<img
src="asets/images/image_150-300.jpg" alt="ここへ画像の説明を記入して下さい" width="150" height="300" class="image_hidariyose">と記述すると、この様に画像がレイアウトされた状態で表示されます。
このように凝ったレイアウトも初めから設定済になっているので、皆さんはコードを真似するだけで使えます。やり方としては真似したい部分のソースコードを丸ごとコピーし、画像名とサイズだけ変更する方法が簡単です。
ワープロの様に文章を流し込むだけでプロ並の仕上がりになるよう、スタイルシートを工夫してあります。変更するのは結構面倒なので、このまま使って下さい。
画像右側の”HTMLソース”の部分から数えて8行目からは左側へ寄る様にしてあります。文章を考える時に読みやすくなるよう、考慮して下さい。ただ、環境によってはそうならない場合もあります。
アイコン画像はバリエーションを作成してありませんので、他のウェブサイトで配布しているものをご利用下さい。無料で数万個位は入手可能だと思います。有名どころをいくつか紹介しますので、不安も直ぐに吹っ飛びますよ。
Icon
Archive:16.100種類収蔵
FreeIvonsWeb:15.000種類収蔵
Vista
Icons:2.000種類収蔵 Techenology
Magazine(Links):色々探したい時に




画像を沢山掲示したい方も居ると思いますので。見本にやっておきますから、好みの表示部分を真似してお使い下さい。



真ん中の画像のみ横スペースを指定して、間隔をあけた例です。この場合はhspace="75"として、画像の横が75ピクセル空くようにしています。


星だけは作成しましたのでお使い下さい。(笑)![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
見出し要素H2H3H4の背景になっている画像はスタイルシートで自動的に表示されます。文章がはみ出さないようにご注意下さい。
この部分は推薦者のコメント欄です。スタイルシートを駆使したレイアウトになっておりますので、設定をいじらずにこのままお使い下さい。段落を空けるときは<br>.<br>として下さい。<p>を使うと枠が切り替わってしまいます。
.
薔薇の花の位置に推薦者の顔写真が収まり、見かけはポラロイド写真の様になります。画像サイズを必ず幅90高さ75ピクセルにして下さい。サイズ違いだとレイアウトが崩れる場合があります。
ここへ推薦者の名前 推薦者の肩書き。サイト名など。
実際に顔写真を入れた例。ちょっと格好良くおさまりました。推薦者にコメントを依頼しても筆不精な方は推薦文が短い事があります。そんな時は4行以内に収めるようにして下さい。
すると写真の下へ文章が廻り込まずに済みます。
ここへ推薦者の名前 推薦者の肩書き。サイト名など。
顔写真を使わない場合はこちらをどうぞ。
因みに画像は
や
のように枠を付けて無い物を使用します。枠は背景として表示しており、皆さんが操作する必要はありません。
ここへ推薦者の名前 推薦者の肩書き。サイト名など。
推薦文の後に書くべき文章。ここは製品メリットの再確認に使うと効果的です。ページ冒頭で製品メリットについての説明は行なわれて居ますね?それを繰り返しましょう。繰り返しによって更にメリットを強調してゆく訳です。よく、大袈裟な表現で強調しているページを見かけますが、やり方を間違っていますよ。
貴方はこの見出しに惹かれませんでしたか?これが読者を文章に惹きつける手法です。広告文とは、単に大文字にするとか誇大表現をするとかで効果が得られるものではありません。読者の心理を考えながら書くように心がけて下さい。
説明文をだらだらと続けて書くのは止めましょう。「詳しく説明して納得してもらいたい」と考える気持ちは理解できますが、読むほうが疲れたり飽きたりして付いて来れません。

出た(笑) ボーナス特典を強調するエリアです。製品メリットを覚えた読者に追加ボーナスを伝え買い得感を醸成する狙い。
特典の紹介文はサラッと流す程度でOK。これが長すぎると、読むほうが疲れて買う気を削がれてしまうのです。何々「オーッ」ふむふむ「エッー」位を狙って書こう。
改行すると、この様にレイアウトが崩れるから<br>で繋いで下さい。
特典を多く設定する方も居るようなので、特典画像を1から9まで作成しておきました。
更に特別特典という画像も作成しておきました。これで買ってもらえなかったら今回は諦めよう。(*^_^*)
39.800
この値段の書かれたプレートは背景画像で、価格の39.800だけが文字。つまり皆さんが自由に価格を書き換える事が出来るのです。(^。^)

これは何かを売っているわけではなく、この様に申し込みボタンを配置すると良いですよという見本です。さあこのテンプレートを使ってドンドン販売して下さい。