サイト作成の流れ

Transcription

1 サイト作成の流れ

2 著作権について 本教材は 著作権法で保護されている著作物です 本教材の使用に関 し 以下の点にご注意ください 本教材の著作権は WEB-ARC 安川等にあります WEB-ARC 安川等の書面による事前許可なく 本教材の一部 または全部をインターネット上に公開すること およびオークションサイトなどで転売することを禁じます 本教材の一部 または全部をあらゆるデータ蓄積手段( 印刷物 電子ファイル ビデオ DVD その他電子メディア等) に複製 流用および転載することを禁じます 使用許諾契約書本契約は 本教材を購入した法人 個人 ( 以下 甲とする ) と WEB-ARC 安川等 ( 以下 乙とする ) との間で合意した契約です 本教材を甲が受けとることにより 甲はこの契約は成立します この契約に同意できない場合は 直ちに本マニュアルを WEB-ARC 安川等 (HN: やす ) までご返品ください ご返品の無い場合 甲はこの契約に合意したものとします 第 1 条 ( 目的 ) 本契約は 本教材に含まれる情報を 本契約に基づき 甲が非独占的 に使用する権利を承諾するものです 第 2 条 ( 第三者への公開の禁止 ) 本教材に含まれる情報は 著作権法によって保護されています また 本教材の内容は 秘匿性の高い内容であり 甲はその情報を乙との書面による事前許可を得ずにいかなる第三者にも公開することを禁じます 第 3 条 ( 契約解除 ) - 2 -

3 甲が本契約に違反した場合 乙はいつでもこの使用許諾契約を解除す ることができるものとします 第 4 条 ( 損害賠償 ) 甲が本契約の第 2 条の規定に違反した場合 本契約の解除に関わらず 甲は乙に対し 違約金として 違反件数と販売価格を乗じた価格の20 倍の金額を支払うものとします 第 5 条 ( 免責事項 ) 本教材の情報によっていかなる損害が生じた場合においても 乙は一 切の責任を負うものではありません - 3 -

4 もくじ 1 基本情報の入力... 5 補足サイト URL について サイトデザインの決定 サイトレイアウトの作成 アクセス解析の挿入法 メインコンテンツの作成 画像の挿入 html タグ表示 / 非表示の切り替え サイトのアップロード

5 1 基本情報の入力 サイトを作成するにあたり まずはサイト全体に適用される基本情報を入 力していきます 1まずはサイト名を決めましょう サイト名は検索エンジンから非常に重要視される項目です 狙いたいキーワードをしっかり盛り込みつつ 短く分かりやすい名前を付けましょう サイト上では ページの左上に表示されます 色 大きさ 太字 斜体など 文字を編集することも可能ですし 改行を使って段数を増やすことも可能です - 5 -

6 サイト名をヘッダエリアに表示しない にチェックを入れると サイト上では名前が見えなくなりますが 検索結果には しっかり表示されます 2サイトフォルダ名作成したサイトのデータが格納されるフォルダです サイトを管理する上で分かりやすいフォルダ名にしましょう サイトの内容と関連のある名前にするのが良いでしょう 使用できる文字は半角の英数字と-( ハイフン )_( アンダーバー ) です 1と2は入力必須項目ですので 入力しないとサイトを保存することができません 3サーバーフォルダ名ここにはサイトを設置する URL を入力してください サイトの URL は サーバーフォルダ名 / サイトフォルダ名 / という形になります 例 ) サーバーフォルダ名 サイトフォルダ名 soccer と入力した場合 サイトの URL は /soccer/ となります サイト URL を のように フォルダを挟まない形に したい場合は サーバーフォルダ名を空欄にしてください 日本語ドメインをお使いの方は Punycode 形式で表記して下さい 参考サイト :

7 補足サイト URL について と /soccer/ この 2 種類のサイト URL の違いについて説明したいと思います / サイトの URL のうち から次の / までの間の部分をドメインと呼び これがインターネット上の住所を表しています 上記の URL であれば インターネット上の cobra358.com という住所に あなたの家 = サイトが建っていると思ってください 続いて こちらの URL /soccer/ こちらの URL もドメインは先ほど同様 cobra358.com となっていますね なので この URL も インターネット上の住所は先ほどの という URL と変わりません この URL の soccer というのは 家の中にある部屋のようなもの つまり /soccer/ という URL は cobra358.com の家の中にある soccer という部屋を表しています 一般的に 検索エンジンは ドメインの直下にあるページを高く評価するといわれています と /soccer/ を比べると 前者の方が評価されやすいという事です 後者は 家の中の部屋まで入っていかねばならない分 やや評価が上がりにくい傾向があります - 7 -

8 ですので 基本的には というフォルダを介さない 形でサイト URL を設定する事をおススメします /soccer/ という形式は サイトのページ数が増えてきたときに ページを整理する目的で使うとい いでしょう 例えば という URL でスポーツに関する情報を集めた総合サイトを作り ページが増えてきたら soccer や baseball といったフォルダを作ってページを整理してもらうといいと思います 45meta 項目の設定 meta 説明文 meta キーワードともに 入力した内容はサイト上には表示されません ですが 検索エンジンへのアピールには重要なポイントなので しっかりと入力しておきましょう 4meta 説明文検索エンジンでの検索結果画面で サイト名の下に表示される説明文です 検索エンジン向けの文章なので サイト上には表示されません 狙いたいキーワードを入れて検索エンジンにアピールしつつ 検索者の興味を引けるような文章を入力しましょう 5meta キーワード あなたのサイトの内容を表すキーワードを入力する項目です 検索エンジンにアピールしたいキーワードを入力しましょう - 8 -

9 いくつでも登録することができますが 数が多くなると 1 つ 1 つの効果が 薄くなるため 3~5 個の範囲で登録するのがいいでしょう meta キーワードは サイト上にも検索結果画面にも表示されません これらのサイト情報は 主に検索エンジン向けの項目といえます サイトのデザインに影響する項目ではないですが 効果的なアクセスを集めるためには手を抜けない部分です COBRA なら 入力情報の変更も簡単なので アクセスの集まり具合を 見て 適時修正していくのが良いでしょう - 9 -

10 2 サイトデザインの決定 基本情報を入力したら 次はサイトのデザインを決めましょう 6ヘッダ画像ここはサイトの顔ともいえる部分 ページの上部に大きく表示されますので あなたのサイトのイメージに合う画像を挿入しましょう 推奨サイズは PC 用 900pixel 200pixel 携帯 スマホ用 240pixel 100pixel となっています それ以上 以下のサイズの場合は 横幅に合わせる形で 画像を拡大 縮小させて表示します 初期状態でも 各テンプレートのイメージに合った画像をそれぞれ用意し ていますので効果的に使ってくださいね

11 7テンプレートの選択サイトに適用するテンプレートを選択します 3 種類のテンプレートを用意してありますので サイトのイメージに合うものを選んでください 8PC 用 携帯用 スマホ用の切り替え 編集したいページにチェックを入れてください 作成 編集したサイトを保存する際には ここでチェックをいれたデバイス向けのページを保存します 3 種類すべてのサイトを保存する場合は チェックを入れ直して 3 度保存してください 9 レイアウトの選択 1 カラム ( サイドバー無し ) 2 カラム ( 左 右サイドバー ) 3 カラム ( 左 右 両サイドバー ) と 各テンプレート毎に 6 種類のレイアウトが選択できます プレビュー機能でレイアウトを確認しながら 目的にあったレイアウトを選択しましょう 各レイアウトの特性は 1カラム サイドバーがないことで 訪問者の視線をコンテンツにくぎ付けにできる 成約やリスト取りを狙ったキラーページ向け 2カラム サイドバーがあることで 訪問者のユーザビリティが向上 サイトに厚みを持たせやすい情報提供型のサイト向け 3カラム フリースペースをフル活用できるため機能性が高い 広告や商品も多く紹介できる

12 3 サイトレイアウトの作成 デザインが決まったら サイト内を充実させるコンテンツを作成していきましょう まずは サイト全体に反映される箇所であるヘッダ部分 フッター部分 フリー入力欄を作っていきましょう

13 10 ヘッダテキスト サイトのヘッダ部分 サイト名のすぐ下に表示される文章です サイトの紹介文などを載せると良いでしょう サイト名同様 文字に装飾を加えることもできます サイト名をヘッダテキストとして使用 にチェックをいれればサイト名をそのままヘッダテキストとして使用できま す 最新コンテンツ一覧のタイトルもここで決められます 表示されるのはフリースペースの上部になります 下の例では 新着記事 というタイトルにしています

14 11 フッター サイトの底部 コンテンツの下に表示されるテキストです 著作権表示もここから入力できます アクセス解析を入れる場合 このフッター部分にタグを貼り付けるのをオ ススメします コピーライト表示について コピーライト とは 英語で 著作権 という意味です あなたのサイトも あなたの立派な著作物 文章や画像を無断転載されないよう このサイトの著作権は私にある ということをアピールしましょう web サイトの著作権表示には定形書式があります Copyright (C) 2012 と表記するのが一般的 の部分にはあなたのサイト名前を入れましょう 西暦表記は そのサイトを作成した年を入力すれば OK です

15 アクセス解析の挿入法 サイト訪問者の分析のために アクセス解析を導入しましょう アクセス解析は サイトのフッター部に挿入する事をおススメします まずは html タグ表示モードに切り替えます これを表示モードにしなければ 正常に機能しなくなります 続いてアクセス解析タグをコピーし フッター部分に貼り付けます 後は保存ボタンを押せば OK です

16 12フリー入力 1~6 内容を自由に編集できる自由入力欄です 1カラム 3カラムの場合は1~6まですべて 2カラムの場合は 1 と2のみ表示されます 携帯 スマホはどちらも1~6まですべて使用可能です このスペースは 広告を挿入したり ランキング形式でページを紹介したり と 発想次第で様々な使い方が可能です 3 カラムテンプレートの魅力は このフリー項目 をフルに使えるという点にあります フッター フリー欄の入力方法にしては 次ページからのコンテンツ作成法を参照ください

17 4 メインコンテンツの作成 サイトの基本情報とレイアウトが完成したら いよいよメインコンテンツの 作成に取り掛かりましょう この部分は ブログで言うところの 記事 にあたります しっかり内容のあるコンテンツにしましょう

18 トップページに表示されるコンテンツは サイト編集画面から作成可能です トップページ以外の個別各記事ページは サイト編集画面右上の コンテンツリスト から作成します

19 新しくコンテンツを作成する場合は 新規 ボタンを押下すると 作成ウィンドウが立ち上がります

20 実際のサイト上でどのように見えるかは プレビュー ボタンから確認す ることができます

21 プレビューボタン右側のチェックボックスを入れ替えることで 携帯用ページやスマホ用ページの表示確認も可能です このプレビュー画面では 前へ 次へ といったサイト内でのリンクは無効になっていますが 実際にサイトを生成した際にはちゃんと有効になっていますのでご安心ください 満足できるコンテンツが出来上がったら 保存 を押下してコンテンツを 保存して下さい コンテンツが作成されると コンテンツリストに 作成したコンテンツの情報が表示されます

22 画像の挿入 トップページやコンテンツ本文には ドラッグ & ドロップで画像を入れることも可能です 使いたい画像を選択し マウスを左クリック クリックしたまま 画像を入れたい所までカーソルを動かしましょう 画像を入れたいところで マウスボタンから手を離すと のように画像が入ります

23 html タグ表示 / 非表示の切り替え 編集欄左上のボタンから html の表示 / 非表示を切り替えられます アクセス解析やアフィリエイトタグを入れる際は html 表示モードにして 入力してください

24 新しい記事が作成されると 最新コンテンツ一覧にそのコンテンツへのリンクが生成されます

25 保存時の注意点 サイトを編集したら ツール左上の 保存 ボタンを押して サイト情報を保存しましょう 保存ボタンを押すと ツール真ん中下にある PC 携帯 スマホのチェック欄でチェックされたサイトが保存されます 例えば 上図の場合ですと 携帯サイトの情報だけが保存されます PC スマホサイトを保存する場合は それぞれにチェックを入れて 改めて 保存 ボタンを押してください これにより PC スマホ 携帯の 3 サイトを 異なる設定で保存することもで きます 例 : 携帯サイトではフリー欄を表示しない など サイトが完成したら FFFTP などのファイル転送ソフトを使ってサイトをサ ーバーにアップロードしましょう 次ページでは FFFTP を使ったアップロード方法をご紹介します

26 5 サイトのアップロード cobra で作成したサイトは ツール本体と同じ場所にある html というフォルダに格納されています html フォルダの中を見てみましょう サイト作成画面で設定した サイトフォルダ名 と同じ名前の フォルダが見つかりました

27 この中に あなたのサイト情報が保存されています サーバーフォルダ名を設定している場合と設定していない場合とで アップロードの仕方が若干異なります サーバーフォルダ名を設定している場合 サーバーフォルダ名を指定する場合は サイト情報の格納されているフォルダごとアップロードして下さい サーバーフォルダ名を設定しない場合 ( ドメイン直下に置く場合 ) サーバーフォルダ名を空欄にしている場合は フォルダの中身をアップロードします

28 サイトが格納されているフォルダが見つかったら FFFTP を使ってサイトをアップロードしましょう アップロード先はサーバーによって異なります さくらサーバー X サーバー fc2 ホームページ へのアップロード手順を順に説明します アップロード手順は サイトをアップロードする場所によって異なりますの で注意してくださいね

29 さくらサーバーへのアップロード FFFTP を起動し サーバーへアクセスします www というフォルダを探しましょう ダブルクリックでフォルダの中に入ります さくらサーバーの初期ドメインにアップロードする場合は そのままそこに サイト情報をドラッグ & ドロップ! サーバーフォルダ名を設定している時

30 サーバーフォルダ名未設定の時 右クリックメニューでフォルダの中身を右クリックで 全て選択 し サイトの 中身をドラッグ & ドロップでアップロードします このような画面が表示されれば 転送開始の合図

31 この画面が消えれば転送完了です 独自ドメインを取得している場合は www フォルダ内に独自ドメインを設定したフォルダがありますから そのフォルダにサイトをアップロードします このフォルダの中にサイトをアップロードします

32 X サーバーへのアップロード FFFTP を起動し X サーバーに接続します 独自ドメインを設定していない場合は サーバー ID.xsrv.jp というフォルダを探しましょう サーバー ID は サーバー契約時に登録した ID です そこから public_html というフォルダ内に入り ドラッグ & ドロップでサイト をアップロードできます サーバーフォルダ名を設定している時

33 サーバーフォルダ名未設定の時 右クリックメニューでフォルダの中身を右クリックで 全て選択 し サイトの 中身をドラッグ & ドロップでアップロードします このような画面が表示されれば 転送開始の合図 この画面が消えれば転送完了です

34 独自ドメインを設定している場合は 最初の一覧の中に そのドメイン名のフォルダが作成されています 例 :cobra358.com という独自ドメインを設定した場合 このフォルダの中にも public_html というフォルダがありあますので そ こにサイトをアップロードしましょう!

35 fc2 ホームページへのアップロード fc2 ホームページの場合は FFFTP で接続してすぐのフォルダにサイトを アップロードします 初めて接続したときは 上図のように初期ファイルが格納されていますの で まずはこれを削除しておきましょう 選択 右クリックメニューから削除を選択

36 フォルダが空になったら コブラで作ったサイトをアップロードしましょう サーバーフォルダ名を設定している時 サーバーフォルダ名を設定している場合は サイト情報の入っているフォ ルダごと ドラッグ & ドロップでアップロードします

37 サーバーフォルダ名未設定の時 サーバーフォルダ名を設定していない場合は サイト情報の入っているフ ォルダの中身をアップロードします 右クリックメニューでフォルダの中身を右クリックで 全て選択 し サイトの 中身をドラッグ & ドロップでアップロード! このような画面が表示されれば 転送開始の合図 この画面が消えれば転送完了です

38 本教材のお問い合わせ先 名前 : 株式会社 WEB-ARC 代表 : 安川等住所 : 神奈川県川崎市麻生区万福寺 クロスアベニュー新百合 305 電話番号 : 本教材には一か月間回数無制限のメールサポートがございます メールサポートご希望の際は cobra358info@gmail.com までご連絡ください 返金保証について 本商材のマニュアル 特典の全てを 1 年間実践しても 報酬が 1 円も発生しなかった場合は 商材購入時の価格で全額返金いたします 1 商材購入後 1 年間はマニュアル通りに実行してください ( ツールを設置し マニュアルどおりに実践してください ) 2 万が一 1ヶ月間のメールサポート サポートサイトを活用しても 1 年間で報酬が1 円もなければツールの起動履歴情報と 設置したサイトやブログの情報 対応する ASP の報酬画面キャプチャ画像を 1 年分ご用意いただき 弊社までご連絡ください 連絡先 : webarc33@gmail.com に変えてください ) 3 弊社確認作業において 報酬が1 円も確認できない場合は 10 日以内に全額返金致します 返金可能な期日についてご購入後から 1 年 1 ヶ月以内にご連絡ください 返金方法についてメールにて返金要請してください 最終確認後に 1 円も報酬が発生していない場合は 10 日以内に指定の口座へお振込いたします