超初心者向けアフィリエイト入門
〜 楽天で始めるアフィリエイト 〜
超簡単フリーページの作り方
日付: 2004年9月30日木曜日時間: 21:48:57
題名: beginners002_超簡単フリーページの作り方
基本的には、トップページの作り方と一緒です。同じようにテキスト中心のページを作っていきます。
楽天広場のブログ「ものぐさ父さんの子育て」にて子育てに関連するブログを始めてもうじき3カ月。レンタルサーバも借りて、本格的なアフィリエイトを始めようと思っています。
タグに設定されている CSS の確認
楽天広場のシステムは、この3カ月でだいぶ分かってきました。まずは、ご自分の利用しているテーマでどんな CSS が設定されていて、ブログ上でどんな風に表示されるのかについて確認するために、以下のタグを入力して、どんな表示になるか試してみましょう。
<b>h1〜h6</b> <h1>h1タグの表示</h1> <h2>h2タグの表示</h2> <h3>h3タグの表示</h3> <h4>h4タグの表示</h4> <h5>h5タグの表示</h5> <h6>h6タグの表示</h6> <hr> <b>テーブル</b> <table width=80% border="1"> <tr> <td> 列1の内容 </td> <td> 列2の内容 </td> <td> 列3の内容 </td> </tr> </table> <hr> <ul> <li>リスト1 <li>リスト2 <li>リスト3 <li>リスト4 </ul> <hr> <blockquote> 引用文の表示 </blockquote>
結論から言うと、<h3>と<h4>に CSS が設定されています。これらのタグで設定されているデザインを念頭において文章を書くだけでも、統一感のある見栄えのするテキストになると思います。
商品紹介モジュール
トップページと同様にテキスト重視で作ったのが「ものぐさ父さんのおすすめ絵本」です。基本的にトップページでご紹介させたのと同じことをフリーページでやっているだけです。しかし、せっかくアフィリエイトプログラムの手習いを目的とした楽天広場なのですから商品の紹介も積極的にしていきましょう。
楽天のトップページとフリーページの大きな違い(選んだデザインにもよるみたいですが)は、トップページではサイドバーがあるため、表示領域がせまいということでしょうか。トップページではあまりお勧めしない楽天のテンプレートもフリーページの横幅なら、十分実用的です。楽天のテンプレートを使ったフリーページの例としては、「子供たちに買ってやりたいおもちゃ」です。
上のページをご覧になった方は、お気づきかと思いますが、すべてを埋めていません。楽天のテンプレートでは、「★★★ ここに5枠目のアフィリエイト用の画像のソースを入れる ★★★」という風に、どこにアフィリエイト用の画像のソースなどを入れていけばよいか示されていますが、実は、コピー&ペーストを楽天の管理ページとアフィリエイトのページの間でやるのが途中で面倒になってしまったのです。今は、MacJournal というフリーソフトを使っていますが、楽天のアフィリエイトを始めた当時は、アフィリエイトのページ(アフィリエイト用の画像のソースのページ)と管理ページとの間をいったりきたりしていました。ただでさえコピー&ペーストが面倒なのに、楽天のテンプレートは複雑で管理しにくい(HTML のコードが長い)ので、よりシンプルなテンプレートとして超初心者用商品紹介モジュール(横4列)、超初心者向け商品紹介モジュール2コラム風商品紹介モジュール、CSS デザイン風商品紹介モジュールを作ってみました。タグを理解している人にはお分かりのように、何の工夫もないただのシンプルなテーブルですが、初心者の方がリンクを貼付ける場所を迷わないようにコメント行も加えてあります(実際、楽天のテンプレートを使って久しぶりにタグを扱ったときにものぐさ父さんは、途中で何をどこまで貼付けたのか、わけがわからなくなってしまいました)。先ほどの「ものぐさ父さんのおすすめ絵本」では、おすすめ絵本の紹介にCSS デザイン風商品紹介モジュールを使っています。どのテンプレートもただのテーブルですのでご自由にお使い下さい。
いずれにしても、まずはテキスト内容の充実が最も重要です。いくら商品画像を張りまくったところでお客を呼べなければ意味がありません。まずは、ご自分が興味のある領域の話をこつこつとブログに書いていき、それを発展させる形でフリーページを充実させていくことが大切ではないかと思います。楽天広場の場合、投稿した日記の数が増えてくると過去の日記へのアクセスが非常に面倒になります。フリーページで過去の日記の目次などを作ってみるのもいいのではないかと思います。
参考: ちなみに、上記の HTML は、この「アフィリエイトざっくざく」では、以下のように表示されます。これは、全ページで共通して使う外部 CSS ファイルを参照しているからです。CSS を使ったサイトデザインについても追々紹介していきたいと思っています。
h1〜h6
h1タグの表示
h2タグの表示
h3タグの表示
h4タグの表示
h5タグの表示
h6タグの表示
テーブル
列1の内容 | 列2の内容 | 列3の内容 |
- リスト1
- リスト2
- リスト3
- リスト4
引用文の表示