アフィリエイトサイトを簡単に作る（2）
アフィリエイトサイトを簡単に作る（１）の続きです
この簡単な「アフィリエイトサイト」の作成方法に慣れてしまえば
FC2レンタルサーバーLite！ 
のようなレンタルサーバーを使うことで
毎日でも新しいアフィリエイトサイトを作ることが可能です。
（参照：レンタルサーバー（WordPress・Geeklogが簡単！）
ひとつのアフィリエイトサイトで毎月のように数十万円を稼ぐ事は難し いですが、
数万円稼げるサイトを積み重ねることで、
どんどんアフィリエイトの収入が増えていきますよ（＾＾）
【簡 単なHTMLのカスタマイズ】
アフィリエイトサイ トを簡単に作る（１）でダウンロードした
テンプレートを利用して、サイト構成の『一例』を紹介します。
サイトには人それぞれの個性が現れますので、今回の記事を参考に作ってみてください。
前回ダウンロードしたテンプレートのindex.htmlをブラウザで開いてください。
上の部分に、マウスをポイントすると反転するリンクがありますが、
そこの《CORPORATE PROFILE》と書かれているところをクリックします。
すると、こういった画面に変わります。
僕は、このページをトップに持ってきて、このページだけを使いまわすようにします。
最初に、《CORPORATE PROFILE》という文字を《その他のスキルアップ在宅ビジネス無料資料》とし、
《WORKS LINK CONTACT》の三つは削除します。
index.htmlが入っているフォルダに、about.html というファイルがあります。
それを、テキストエディタ（メモ帳など）を開いた状態にし、ドラッグ＆ドロップしてください。
なにやらわけの分からない（？）文字がならんでいますか？
それが、今開いているページのHTML文というものです。
そのうち慣れてくるので、今は２５行目からの文を見てください。
ココに書かれているものが、ブラウザで見ると緑色の横棒リンクみたいに見えるのです
削除する《WORKS LINK CONTACT》の 入っている行を消して、
《CORPORATE PROFILE》という文字を 《その他のスキルアップ在宅ビジネス無料資料》と
してみてください
----------以下の内容を---------
<ul id="topmenu">
<li><a href="index.html">TOP PAGE</a></li>
<li><a href="about.html">CORPORATE PROFILE</a></li>
<li><a href="#">WORKS</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
----------次のようにします---------
<ul id="topmenu">
<li><a href="index.html">TOP PAGE</a></li>
<li><a href="about.html">その他のスキルアップ在宅ビジネス無料資料</a></li>
</ul>
それを上書き保存して、さきほど開いたページを再読み込みすると・・・
【Ａ】がかわりましたね。このようにHTMLとは、ブラウザに映し出されるレイアウトや文字を、
文字列であらわしたものなのです。
【画 像レタッチ（画像の保管場所）】
次に上の図の【Ｂ】【Ｃ】【Ｄ】のイメージを変更してみましょう
※画像編集には、アフィリエイトの分野とは異なる多少のノウハウ が必要です。
簡単な画像編集作業は多くのブログで紹介されているので、検索エンジンから
そういったブログを探して覚えていってください。
画像編集は面白いですが、くれぐれもアフィリエ イト作業に支障が無い程度に深入りしましょう（＾＾）
ここで最初に考えるのは「この画像はどこにあるのだろう？」ということです。
探す方法は色々あるのですが、今回はもっとも簡単な方法で画像を見つけます。
index.htmlフォルダを開いてください。
その中にimagesというフォルダがあるので、そのフォルダを開きます。
画像はたいていimagesや、imgといったフォルダに入っています
imagesフォルダを開いたら、表示→写真を選んでクリックしましょう
このテンプレートで使われている画像が、イメージ表示されます。
（個の作業を行う時は、フォルダサイズを最大化したほうが分かりやすいです）
【Ｄ】の画像を探してみまると、それはsub_img.jpgというファイル名だということがわかります。
変更したい画像をレタッチしましょう。
※画像の差し替えをすると、表示サイズの設定などが必要になる場 合があるので、
最初のうちは既存の画像をレタッチして上書き保存することをおすすめします。
ちなみに今回は、僕のページはこのようになりました（＾＾）／
ここまでは画像編集があったので、それに慣れていないと１時間以上かかってしまうかもしれませんが、
画像編集はいつでもできるので、空き時間などを利用して仕上げていってください。
次に、リスティング広告に掲載できるくらいのサイトベースを作ってしまいましょう。
【本文記事の作成】
まずは、テンプレートの必要無いところを削除してシンプルにします
about.htmlを、テキストエディタで開いてください
40行目あたりの『<h2>ホームページビルダー をご利用の方へ（重要）</h2>』
というところから
140行目あたりの『<p>梱包の style.cssで行います（中略）ますのでお読み下さい。</p>』
までを削除し、かわりに
<h2>見出し（大）を入 力</h2>
<p><strong class="color1">■見出し（小）を入力</strong><br />
本文はじまり<br />
本文を改行します<br />
もういちど改行てみします<br /></p>
<p>次の段落はじまり<br />
こちらも改行してみます</p>
<h2>コピーすれば</h2>
<p><strong class="color1">■いくつでも</strong><br />
つくることが<br />
できます<br /></p>
と入力してください（コピー＆ペーストでも大丈夫です）
入力が済んだらそれを上書き保存し、ブラウザで開くとこのようになっています
それぞれの文字を、記事に置き換えて上書き保存すれば
なんとなくサイトっぽくなってきます。↓↓↓僕はこんな感じになりました（＾＾）／
A8.netの広告リンクタグを貼る時は<p>と</p>をＨＴＭＬに書き込み、その間に
はさむようにしてタグを貼りつければ図のように表示されます
【コ ンテンツページの作成】
僕の場合は、いま作業を続けている about.html をメインページにするので、
同じフォルダの index.html を削除し、about.html を index.html という名前に書き換えます
そして、再度名前の変わった index.html を、テキストエディタで開いてください
すでに記事が入力されているので、行数は特定できませんが
下の方に行くと
<h3>SIDE MENU</h3>
<ul class="sidemenu">
<li><a href="#">sidemenu1</a></li>
<li><a href="#">sidemenu2</a></li>
<li><a href="#">sidemenu3</a></li>
・・・
</ul>
と書かれていますが、sidemenu1 は、トップページに表示されている「右カラムのリンクテキス ト」で、
# は、その「リンクテキストより呼び出されるページの名前」を書き込む場所です。
僕は、トップページからリンクされるページに
「スキルアップ在宅ビジネスが生まれた背景」という題名の、「bbg.html」というページを作ってみます。
# を、bbg.html と書き換えて、sidemenu1 を、
スキルアップ在宅ビジネスが生まれた背景と書き換え、上書き保存してエディタを閉じてください。
<h3>SIDE MENU</h3>
<ul class="sidemenu">
<li><a href="bbg.html">スキルアップ在宅ビジネスが<br/>生まれた背景</a></li>
<li><a href="#">sidemenu2</a></li>
<li><a href="#">sidemenu3</a></li>
・・・
</ul>
新しく名前を付け変えたindex.htmlをブラウザで表示すると
右カラムのテキストリンクが変更されています。
しかし、まだ bbg.html というものは存在しないので、そこをクリックしてもエラーがでてしまいます。
では次に、bbg.html を作ってみましょう
index.html の入っているフォルダを開き、マウスの右クリックで index.html をコピーして、
そのフォルダの余白部分にマウスを移し、右クリックして貼りつけてください。
index.html のコピーが作成されるので、そのファイル名を bbg.html と書き換えます。
そして、出来上がったbbg.html を、【本文記事の作成】の要領で作ってください。
記事の最後には、トップページへのリンクを記入しておきましょう
<br/>
<br/>
≪<a href="index.html">トップページに戻る</a>
こんな感じに仕上がりました（＾＾）／
このような要領で、トップページからリンクされるページを、
まずは３ページくらい作ってください。
キーワードを選定してから、ページ数を作りこんでSEO対策をしていきますが、
最初はリスティング広告から攻めていくので、この時点ではそれほどのボリュームは必要無いです。
ただ、そのページに訪れたお客様が、無料資料を請求したくなるような
最低限のページ作りだけはしておかないと、
リスティング広告の費用対効果が下がってしまうので気をつけてください。
トップページができて、簡単なコンテンツページが３コくらいできたら、
早速リスティング広告ができるくらいのサイトにしちゃいましょう。
リスティングをしながらSEO対策をしていくので、
この段階では、それほどサイト構成をシビアに考えすぎなくて結構です
その前に言い忘れていたことですが、上の画像では
～《CORPORATE PROFILE》という文字を《その他のスキルアップ在宅ビジネス無料資料》とし・・・～
とありますが、なぜそのようなリンク先を作ったか説明します。
今回、僕が無料資料請求のアフィリエイトページを作るために選んだのは、
ドロップシッピングの仲介をするNAVIという会社のプログラムです。
そのプログラムの内容で、SEO対策や成約率アップのためサイトを作りこんでいきますが、
もしプログラム自体が終了してしまったら、せっかく作りこんだサイトが無駄になってしまいます。
そうなってしまった時のことを考えて、《その他のスキルアップ在宅ビジネス無料資料》に
似たような業種のバナーを貼っておき、NAVIのプログラムが終了したら
その中からトップのコンテンツを差し替えるためです。
また、無料資料を請求する人は、少なくともその内容に興味ある人なので、
無料の資料ならと、多くの請求をし、比較対象とすることもあります。
そんな成約を取りこぼさないためにも、このようなリンクを目立つ所に設置しました。
と、ゆ～ことで本題にはいりましょう（＾＾）／
今回の課題は簡単です。
というのも「あくまで形作りのため」に作業を進めるため、
考え込む必要がないからです（＾＾；）
【サイト情報の記入】
index.htmlを、テキストエディタで開いてください。上の方に
<title>●●●あなたのホームページ名●●●</title>
<meta name="description" content="ここにサイト説明を入れます" />
<meta name="keywords" content="キー ワード１,キーワード２,キーワード３,キーワード４,キーワード５" />
というのがあるので、ピンク色のところを自分のサイトに合わせて書き換えます。
titleとは、ブラウザのタイトルに表示され るもので、まさにあなたのホームページ名です。
descriptionは、サイトの説明で、keywordsは、検索に使用するキーワードを意味していま す。
しかし、今の時点ではSEO的な施策は必要としないので、ありのままを記入してください。
僕の場合は
<title>在宅ビジネスの無料資料紹介所</title>
<meta name="description" content="無料資料が入手できる、在宅ビジネスの紹介をしています" />
<meta name="keywords" content="在 宅ビジネス,在宅ワーク,無料資料" />
としてみました（＾＾）
※今後、このマニュアルでもSEO用に作り変えていくので、実際のサンプルページは変化します
一番下の方に
Copyright(C) 2009 ●●●あなたのホームページ名●●● All Rights Reserved.<br />
とありますが、そこも同じように書き換えてください。
ここで注意するのは、キーワードは半角コンマ（,）で区切るということです。
また、キーワード群の最初と最後に半角コンマ（,）はつけません。
次に、
<h1>h1タグ用コメントをここに書きます。重要な箇所なので適切なワードを盛り込みましょう。</h1>
というところを、descriptionに記入 した内容で書き換えます。
これも重要な箇所なのでとありますが、今の時点ではこれで結構です。
以上の内容を、リンク先のページすべてに行います。
コピー＆ペーストで簡単に行いましょう
【サイドメニューを統一してサーバーにアップ】
リンク先のコンテンツページが増えているので、
前回の【コンテンツページの作成】を参考に、増えた ページをすべてindex.htmlからリンクします。
それが出来上がったら、すべてのページのその部分をコピー＆ペーストで書き換えてください。
すべてが済んだら、FFFTPでブックマークしておいたホストを開き、
すべてのファイルを上書きします。
すると、ローカル（パソコン上）で作られたサイトが、
先日登録したサブドメインで、閲覧できるようになりましたね（＾＾）／
ちなみに僕のサイトは在宅ビジネスというような感じになりました（*＾＾*）
ココまで進めば、あなたの作ったサイトは、
世界中のどのパソコンからも 閲覧できるようになり、
もちろん、そのサイトから無料資料を請求した人がいたら
その分の売り上げは貴方の収入となりますよ（＾＾）／！
