ログイン
新規登録


2010年9月 9日(木) 15:59 JST

アフィリエイトサイトを簡単に作る(1)

 

無料資料請求のプログラムが決まったら
アフィリエイトサイトを簡単に作ってみましょう
(僕は、ブログではなくHTMLで作られたホームページのことを
「アフィリエイトサイト」と呼んでいます)

アフィリエイトサイトの良いところは、
ブログとは違い速攻でアフィリエイトできるところです。

長期的にはSEOを強化して、いわゆる「ほったらかしサイト」
にしても稼げるサイトにしていきたいのですが、
今回は「速攻で稼げるアフィリエイト」ということで、
Yahooリスティング用に簡単なサイトを作っていきます。


この簡単な「アフィリエイトサイト」の作成方法に慣れてしまえば
FC2レンタルサーバーLite! のようなレンタルサーバーを使うことで
毎日でも新しいアフィリエイトサイトを作ることが可能です。
(参照:レンタルサーバー(WordPress・Geeklogが簡単!

ひとつのアフィリエイトサイトで毎月のように数十万円を稼ぐ事は難しいですが、
数万円稼げるサイトを積み重ねることで、
どんどんアフィリエイトの収入が増えていきますよ(^^)

 

では、さっそくアフィリエイトサイトを簡単に作ってみましょう。

 


 

 

アフィリエイトサイトを簡単に作る(1)では、

無料テンプレートをダウンロードして、

簡単なカスタマイズをしてから、それをサーバーにアップするまでをやってみます。

  

 

【テンプレートの用意とカラムの変更】

 無料テンプレートは、シンプルで見やすいな~と思ったし、色使いもきれいな感じがしたので

 【無料ホームページテンプレートの Nikukyu-Punch】 さんのものを選びました

 

  

 

1、テンプレートのダウンロード

 

無料ホームページテンプレートのNikukyu-Punchに 行って、『利用規約』を読みましょう。

それに承認したら『無料テンプレートメニュー』から、お好きなテンプレートを選んでください

 

僕は、個人サイト向けのカテゴリに入っている

【シンプル系ホームページテンプレート [simple15_green] 】を選びました

カテゴリリンクが画像で無くテキストだったので、カスタマイズ作業が簡単なことと

僕が選んだ無料資料の請求ページと雰囲気が近かったからです

 

アフィリエイトサイトからメインサイト(販売者のページ)へリンクする場合、

行き先のページが元のサイトと違いすぎないように注意が必要です

 

気に入ったデザインが見つかったら、ダウンロードしてそのファイルを解凍してください

 

  

 2、カラムの変更

 

僕がが選んだテンプレートは記事カラムが右側にあるので、

アフィリエイトに適したサイト構造にするため、テンプレートのカラムを変更します

なぜカラムを変更するかというと、検索エンジンは左側のページからクロールするため

キーワードが頻繁に出てくる記事カラムを、左側にしたほうが良いからです

 

解凍したフォルダの中の、index.htmをクリックするとブラウザが立ち上がり

さっきダウンロードしたページが表示されます。

でも、記事は右側ですね><;

アフィリエイト入門-site2

 

 

 

では、記事を左側に変更しましょう!

 

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を再読み込みすると、

記事カラムは左側になっています(^^)

アフィリエイト入門-site4

 

 

文章を変えるときは解凍したhtmlをメモ帳などで開き、

文章を変えて上書き保存し、ブラウザで再読み込みしてください。

あなたの書き換えた文章になって表示されます。

(※htmlタグは変えないように注意しましょう)

 

 

 【ホームページをサーバーにアップする】

 では次に、今ダウンロードしてちょっとだけカスタマイズしたアフィリエイトサイトを

サブドメイン設定の項で作成したサブドメインにアップ してみましょう

 

FFFTPを起動して、ホストに接続し、サブドメインのフォルダを

ダブルクリックしてみてください。(第2週/1~1時限目:参照

アフィリエイト入門編-サブドメインへサイトアップ

 僕の場合は /public_html/jobmate となりますが、

そこにはまだ何も無い状態ですね。

左側の赤枠の中にあるツールを使って、さきほどダウンロードしたテンプレートの

index.htmlがあるフォルダを探して表示します。

 

その時点で 『左側にはパソコン側のindex.htmlが入っているフォルダ』が表示され、

『右側にはサブドメインのフォルダ』が表示されていることになります。

その状態で、「ブックマーク」をクリックしてポップアップされた「追加-両方」をクリックしておきましょう

 アフィリエイト入門編-FFTPブックマークの説明

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

アフィリエイト入門編-FFFTPブックマーク説明-2

 

 両方が表示されている状態のまま、パソコン側のフォルダ等をマウスでドラッグしてすべて選択し

アップロードボタンをくりっくしてください。

 アフィリエイト入門編-FFFTPアップロード

 

アップロードのポップアップウインドウが消えて、

サーバー側にすべてのファイルが表示されれば、データ転送は成功です

FFFTPを切断し、閉じてください

アフィリエイト入門編-FFFTPアップロード完了

 

 ためしに、サブドメイン(http:// + サブドメイン + 独自ドメイン)のURLで

ホームページを開いてみましょう。

あなたのサイトがご覧になれましたよね(^^)/

か・・・簡単だヽ(`д´;)ノ!!

 

 

アフィリエイト入門(初心者)TOPへ戻る


トラックバック

このエントリのトラックバックURL: http://www.v2.onefor1.net/trackback.php/20100301122230920

この記事にはトラックバック・コメントがありません。
アフィリエイトサイトを簡単に作る(1) | 0 件のコメント | アカウント登録
コメントは投稿者の責任においてなされるものであり、サイト管理者は責任を負いません。

アフィリエイト商店街(仮名)


アフィリエイトでしっかりと儲けていくためには、自分に合った方法を見つけ出し適切な専門サポーターや仲間たちと情報を交換し合いながら互いにスキルアップしていくことが肝心です。

このブログは、純粋に、真剣にアフィリエイトをやっている人達が、得意とするジャンルの商材を通して構築するアフィリエイトネットワークの集いの場として公開されていくため、CMS(GEEKLOG)で作成されています。



掲示板RSS



記事RSS





☆管理人プロフィール☆
☆管理人へメール☆





人気ブログランキングへ

にほんブログ村 小遣いブログ アフィリエイトへ



おきてがみ