引き算アフィリ ASP 登録用の日記サイトを作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

Size: px

Start display at page:

まいかさわなか
5 years ago
Views:

1 引き算アフィリ ASP 登録用の日記サイトを作成しよう 1

2 目次 ASP 登録用の日記サイトを作成しよう... 3 日記サイト作成時のポイント... 4 (1) 子ページを5ページ分作成する... 5 (2)1 記事当たり600 文字以上書く... 6 (3) アップロードする場所はドメインのトップが理想... 7 日記サイトを作成しよう... 8 日記サイト用テンプレートをダウンロードする... 8 子ページを編集するトップページを編集するサーバーにアップロードする日記サイトを確認する日記サイトのURLをメモしておこう

3 ASP 登録用の日記サイトを作成しよう ASP に登録するためには前もってサイトを作成する必要がありますサイトと言っても簡単な日記を書いたサイトを作成して頂きますイメージしやすいように実際に僕が作成した日記サイトを紹介しますね日記サイト例のちほどこの日記サイトを作成するためのテンプレートもお配りします 3

4 日記サイト作成時のポイント日記サイトを作成するときのポイントが 3 つあります (1) 子ページを5ページ分作成する (2)1 記事当たり600 文字以上書く (3) アップロードする場所はドメインのトップが理想他の場所でも問題はないそれでは 1 つずつ説明していきますね 4

5 (1) 子ページを 5 ページ分作成するサンプルサイトを確認すると分かる通り日記サイトはトップページと子ページから構成されていますトップページから子ページへのリンクが貼られており子ページに日記記事を書きますこの子ページを 5 ページ分作成してくださいつまり日記記事を 5 つ書くということですね < トップページ > < 子ページ > 日記記事 5

6 (2)1 記事当たり 600 文字以上書くそして子ページ 1 記事当たり 600 文字以上の日記を書いてください 600 文字以上記事の文字数のチェックは以下のサイトが便利です文字数カウント 6

7 (3) アップロードする場所はドメインのトップが理想日記サイトをアップロードする場所は独自ドメインのトップ階層が理想ですそうすることで今後作成していく PPC 用のサイト達がこの日記サイトの子ページのように見えるからですただその他の階層だからといって審査に落ちることはないと思います先ほどご覧頂いた日記サイト例はあくまでもイメージということでトップ階層以外の場所にアップロードしています 7

8 日記サイトを作成しようそれでは実際に日記サイトの作成方法を説明していきますね日記サイト用テンプレートをダウンロードする 1 以下の URL から日記サイト用のテンプレートをダウンロードしてください日記サイト用テンプレート 2 nikki-temp.zip というファイルがダウンロードされます 3 zip ファイルなので解凍ソフトで解凍しましょう 1 nikki-temp.zip を左クリックします 2 左クリックしたまま解凍ソフトの上まで移動させます 3 左クリックを離します解凍ソフトを使わないと不具合の原因になります必ず解凍ソフトを使って解凍してください解凍ソフトをお持ちでない場合は下記のページよりダウンロードしましょう Lhaplus 8

9 4 解凍できましたら日記サイトテンプレートというファイルが表示されます 5 そしてそのフォルダ内に日記サイト [ サンプル ] と日記サイト [ テンプレート ] というフォルダが入っています日記サイト [ サンプル ] には僕が作成した日記サイトが入っていますので参考にしてくださいただそのまま使うのだけはやめてくださいね 9

10 6 日記サイト [ テンプレート ] フォルダを開きます 7 このようなファイル構成になっています index.html トップページ 001.html~005.html 子ページ img フォルダ style.css 子ページトップページ 10

img フォルダと style.css は触らないので気にしなくても大丈夫です子ページを編集するまず子ページを編集します 8 001.

11 img フォルダと style.css は触らないので気にしなくても大丈夫です子ページを編集するまず子ページを編集します html を TeraPad で開きます html を左クリックします 2 左クリックしたまま TeraPad の上まで移動させます 3 左クリックを離します

12 9 001.html を TeraPad で開くとこのような画面が表示されます ~ の部分を編集することで子ページが完成します 12

13 html を編集する前に現在どのように表示されるのか確認してみましょう 001.html を Google Chrome で開きます html を左クリックします 2 左クリックしたまま Google Chrome の上まで移動させます 3 左クリックを離しますするとこのようなページが表示されますそれでは実際に 001.html を編集していきます 13

14 12 まずはサイトタイトル部分を編集します < サイトタイトルはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 14

15 1 サイトタイトル部分を選択します 2 [BackSpace] キーを押しサイトタイトルを消します前後のタグを消さないように注意すること 3 <title> と </title> の間にサイト名を入力しますサイト名は適当で大丈夫です 4 保存ボタンをクリックします 5 GoogleChrome に戻りブラウザのくださいボタンまたは [F5] キーを押して更新して 15

16 < 編集後 > このようにサイトタイトルが編集されていれば OK です 16

17 13 もう一箇所サイトタイトル部分がありますのでそちらを編集します < サイトタイトルはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 17

18 1 サイトタイトル部分を選択します 2 [BackSpace] キーを押しサイトタイトルを消します前後のタグを消さないように注意すること 3 _blank > と </a> の間にサイト名を入力します 4 保存ボタンをクリックします 5 Google Chrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して 18

19 < 編集後 > このようにサイトタイトルが編集されていれば OK です 19

20 14 次にページ 1 タイトルを編集します < ページ 1 タイトルはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 20

21 1 ページ 1 タイトル部分を選択します 2 [BackSpace] キーを押しページ 1 タイトルを消します前後のタグを消さないように注意すること 3 <h1> と </h1> の間にサイト名を入力します 4 保存ボタンをクリックします 5 Google Chrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して 21

22 < 編集後 > このようにページ 1 タイトルが編集されていれば OK です 22

23 15 次にページ 1 の文章を編集します < 文章はここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 23

24 1 文章 (600 文字以上 ) 部分を選択します 2 [BackSpace] キーを押し文章 (600 文字以上 ) を消します 24

25 3  と  の間に文章を入力します 25

26 4 保存ボタンをクリックします 5 Google Chrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して 6 一度サイトを確認してみましょう確認してみると改行が反映されていませんね HTML で改行するためには改行を表す記号が必要なんですね改行の記号を付けることではじめて改行されます 26

27 その改行記号が <br> です改行したいところに <br> を付けることで改行されます < と > の入力方法半角入力で < は [Shift]+[ ね ] > は [Shift]+[ る ] で入力することができます 27

28 7 それでは文章に <br> を付けて改行させましょう 0001.html に戻り説明文の文末に <br> を付けますちなみに以下のようなサイトを使うと一括で <br> タグを付けてくれます HTML や Wiki の改行タグ自動挿入機 28

29 8 保存ボタンをクリックします 9 Google Chrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して 29

30 < 編集後 > このように説明文に改行が追加されていれば OK ですこれで 001.html は完成です 16 同様の手順で 002.html ~ 005.html も編集しましょう 30

31 トップページを編集する次にトップページを編集します 17 index.html を TeraPad で開きます 1 index.html を左クリックします 2 左クリックしたまま TeraPad の上まで移動させます 3 左クリックを離します

32 18 index.html を TeraPad で開くとこのような画面が表示されます ~ の部分を編集することで子ページが完成します 32

33 19 index.html を編集する前に現在どのように表示されるのか確認してみましょう index.html を GoogleChrome で開きます 1 index.html を左クリックします 2 左クリックしたまま GoogleChrome の上まで移動させます 3 左クリックを離しますするとこのようなページが表示されます 33

34 それでは実際に index.html を編集していきます 21 まずはサイトタイトル部分を編集します < サイトタイトルはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 34

35 1 サイトタイトル部分を選択します 2 [BackSpace] キーを押しサイトタイトルを消します前後のタグを消さないように注意すること 3 <title> と </title> の間にサイト名を入力します 4 保存ボタンをクリックします 5 GoogleChrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して 35

36 < 編集後 > このようにサイトタイトルが編集されていれば OK です 36

37 22 あと 2 箇所サイトタイトルを編集します < ここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 37

38 1 サイトタイトル部分を選択します 2 [BackSpace] キーを押しサイトタイトルを消します前後のタグを消さないように注意すること 3 <h1> と </h1> の間にサイト名を入力します 4 保存ボタンをクリックします 5 GoogleChrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して < 編集後 > このようにサイトタイトルが編集されていれば OK です 38

39 23 もう一箇所サイトタイトル部分がありますのでそちらを編集します < サイトタイトルはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 39

40 1 サイトタイトル部分を選択します 2 [BackSpace] キーを押しサイトタイトルを消します前後のタグを消さないように注意することと All の間にサイト名を入力します 4 保存ボタンをクリックします 5 GoogleChrome に戻りブラウザのボタンまたは [F5] キーを押して更新してください < 編集後 > このようにサイトタイトルが編集されていれば OK です 40

41 24 次にページ 1 へのテキストリンクを編集します < 子ページへのテキストリンクはここに表示されるものです > < 編集箇所 > < 編集箇所 : 拡大 > 41

42 1 ページ 1 タイトル部分を選択します 2 [BackSpace] キーを押しページ 1 タイトルを消します前後のタグを消さないように注意すること 3 _blank"> と </a> の間にページ 1 のタイトルを入力します 4 保存ボタンをクリックします 5 GoogleChrome に戻りブラウザの更新してくださいボタンまたは [F5] キーを押して < 編集後 > このようにページ 1 のタイトルが編集されていれば OK です 42

43 25 ページ 2 ~ ページ 5 へのテキストリンクも編集します < 編集後 > このようにページ 2~ ページ 5 へのテキストリンクが編集されていれば OK ですこれで日記サイトの完成ですサーバーにアップロードしましょう 43

44 サーバーにアップロードする日記サイトができましたらサーバーにアップロードしましょう 1 デスクトップにある FileZilla のアイコンをダブルクリックして FileZilla を起動させましょう 2 左上にあるボタンをクリックします 44

45 3 サイトマネージャーが表示されましたらサーバーを選択し接続 (C) をクリックします 4 するとレンタルサーバーに接続が開始されます枠部にディレクトリ一覧の表示成功と表示されれば OK です 45

46 それでは日記サイトをアップロードしてみましょう 5 独自ドメインで設定したフォルダをダブルクリックして開きます 6 独自ドメインのフォルダを開くとこのように表示されます 46

47 7 次に FileZilla と日記サイトフォルダの両方が見えるように配置します 47

48 8 img フォルダ index.html 001.html ~ 005.html style.css を選択状態にします 1 日記サイトフォルダ内のどこでもいいので右クリックする 2 キーボードの [CTRL]+[ A] を押す 48

49 9 1 選択状態の img フォルダ index.html 001.html ~ 005.html style.css を左クリックします 2 左クリックしたまま FileZilla の右下枠の中まで移動させます 3 左クリックしている人差し指を離しますこれでアップロードが完了しましたので日記サイトをインターネット上で見ることができます 49

50 日記サイトを確認するアップロードできましたので正常にアップロードできているか確認しましょう 26 1 まず index.html の上で右クリックします 2 次に URL をクリップボードにコピー (O) を左クリックします 1 2 これで index.html の URL をコピーすることができました 50

51 27 次に直接 GoogleChrome の検索窓に貼り付けしますまだここでは ENTER キーは押さないでくださいね 28 次に先頭からドメイン名の前の / までの部分を削除します 29 下のような状態になりましたらキーボードの ENTER を押して下さい 51

52 30 正常に URL が入力できましたら下記のようなページが表示されます日記サイトがしっかりと表示されていれば OK です 52

53 日記サイトの URL をメモしておこう日記サイトの URL は ASP に登録するときに必要になってきますですのでここで日記サイトの URL をメモしておくととても便利です 10 まず日記サイトのURLをコピーします 1 URLを選択します 2 選択したURLの上で右クリックします 3 コピー(C) を左クリックしますこれで日記サイトの URL をコピーすることができました 53

54 11 TeraPad を起動します 12 さきほどコピーした URL を貼り付けます 13 名前を付けて保存します 1 ファイル(F) をクリックします 2 名前を付けて保存(A) をクリックします

55 14 デスクトップに保存します 1 デスクトップをクリックします 2 フィル名(N) に日記サイトのURL と入力します 3 保存(S) ボタンをクリックします

56 15 これでデスクトップに保存されましたあとは以下のマニュアルを参考に各 ASP に登録しましょう K1-016:AffiliateB の登録方法.pdf K1-017:A8.net の登録方法.pdf K1-018:ValueCommerce の登録方法.pdf K1-019:Link-A の登録方法.pdf K1-020: レントラックスの登録方法.pdf 56

目次新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう

目次新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう雛形サイト作成ツールのご利用マニュアル 1 目次新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう... 10 2 新規ユーザー登録 1 まず以下の URL から新規ユーザー登録をお願いします新規ユーザー登録フォーム http://r3-sys.com/tool/site/register

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

引き算アフィリ ASP 登録用の日記サイトを作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1