アフィリエイトサイトを簡単に作る(1)
無料資料請求のプログラムが決まったら
アフィリエイトサイトを簡単に作ってみましょう
(僕は、ブログではなくHTMLで作られたホームページのことを
「アフィリエイトサイト」と呼んでいます)
アフィリエイトサイトの良いところは、
ブログとは違い速攻でアフィリエイトできるところです。
長期的にはSEOを強化して、いわゆる「ほったらかしサイト」
にしても稼げるサイトにしていきたいのですが、
今回は「速攻で稼げるアフィリエイト」ということで、
Yahooリスティング用に簡単なサイトを作っていきます。
この簡単な「アフィリエイトサイト」の作成方法に慣れてしまえば
FC2レンタルサーバーLite!
のようなレンタルサーバーを使うことで
毎日でも新しいアフィリエイトサイトを作ることが可能です。
(参照:レンタルサーバー(WordPress・Geeklogが簡単!)
ひとつのアフィリエイトサイトで毎月のように数十万円を稼ぐ事は難しいですが、
数万円稼げるサイトを積み重ねることで、
どんどんアフィリエイトの収入が増えていきますよ(^^)
では、さっそくアフィリエイトサイトを簡単に作ってみましょう。
アフィリエイトサイトを簡単に作る(1)では、
無料テンプレートをダウンロードして、
簡単なカスタマイズをしてから、それをサーバーにアップするまでをやってみます。
【テンプレートの用意とカラムの変更】
無料テンプレートは、シンプルで見やすいな~と思ったし、色使いもきれいな感じがしたので
【無料ホームページテンプレートの Nikukyu-Punch】 さんのものを選びました
1、テンプレートのダウンロード
無料ホームページテンプレートのNikukyu-Punchに 行って、『利用規約』を読みましょう。
それに承認したら『無料テンプレートメニュー』から、お好きなテンプレートを選んでください
僕は、個人サイト向けのカテゴリに入っている
【シンプル系ホームページテンプレート [simple15_green] 】を選びました
カテゴリリンクが画像で無くテキストだったので、カスタマイズ作業が簡単なことと
僕が選んだ無料資料の請求ページと雰囲気が近かったからです
アフィリエイトサイトからメインサイト(販売者のページ)へリンクする場合、
行き先のページが元のサイトと違いすぎないように注意が必要です
気に入ったデザインが見つかったら、ダウンロードしてそのファイルを解凍してください
2、カラムの変更
僕がが選んだテンプレートは記事カラムが右側にあるので、
アフィリエイトに適したサイト構造にするため、テンプレートのカラムを変更します
なぜカラムを変更するかというと、検索エンジンは左側のページからクロールするため
キーワードが頻繁に出てくる記事カラムを、左側にしたほうが良いからです
解凍したフォルダの中の、index.htmをクリックするとブラウザが立ち上がり
さっきダウンロードしたページが表示されます。
でも、記事は右側ですね><;

では、記事を左側に変更しましょう!
index.htmと同じフォルダに “stylet.css” というものがあります
そのstylet.cssを、メモ帳などのテキストエディタで開きます
(僕は terapad という無料のテキストエディタを使ってい ます。)
僕の選んだテンプレートでは、123行目に
/*サイドコンテンツ
---------------------------------------------------------------------------*/
#side {
float: lrft; /*サイドコンテンツを左側に配置する設定*/
width: 210px;
padding-top: 10px;
padding-bottom: 100px;
}
とありますが、そこに書いてある leftとい う文字を、rightという文字に書き換えます
同じように、169行目からの
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
float: right;
width: 570px;
padding-top: 10px;
padding-bottom: 100px;
}
のrightという文字をleftに書き換えて、上書き保存し ます
さっき読みこんだindex.htmを再読み込みすると、
記事カラムは左側になっています(^^)

文章を変えるときは解凍したhtmlをメモ帳などで開き、
文章を変えて上書き保存し、ブラウザで再読み込みしてください。
あなたの書き換えた文章になって表示されます。
(※htmlタグは変えないように注意しましょう)
【ホームページをサーバーにアップする】
では次に、今ダウンロードしてちょっとだけカスタマイズしたアフィリエイトサイトを
サブドメイン設定の項で作成したサブドメインにアップ してみましょう
FFFTPを起動して、ホストに接続し、サブドメインのフォルダを
ダブルクリックしてみてください。(第2週/1~1時限目:参照)

僕の場合は /public_html/jobmate となりますが、
そこにはまだ何も無い状態ですね。
左側の赤枠の中にあるツールを使って、さきほどダウンロードしたテンプレートの
index.htmlがあるフォルダを探して表示します。
その時点で 『左側にはパソコン側のindex.htmlが入っているフォルダ』が表示され、
『右側にはサブドメインのフォルダ』が表示されていることになります。
その状態で、「ブックマーク」をクリックしてポップアップされた「追加-両方」をクリックしておきましょう

そうすることで、次に接続した時、ブックマークから両方のフォルダを表示させることができます。

両方が表示されている状態のまま、パソコン側のフォルダ等をマウスでドラッグしてすべて選択し
アップロードボタンをくりっくしてください。

アップロードのポップアップウインドウが消えて、
サーバー側にすべてのファイルが表示されれば、データ転送は成功です
FFFTPを切断し、閉じてください

ためしに、サブドメイン(http:// + サブドメイン + 独自ドメイン)のURLで
ホームページを開いてみましょう。
あなたのサイトがご覧になれましたよね(^^)/
か・・・簡単だヽ(`д´;)ノ!!






