ホームページ作成講座

ライン
ビジネスを展開するうえでホームページを運営することは、非常に有効な手段となります。

でも・・・

未経験の人にとっては、ホームページを作るって難しそうに思えますよね。。。

まして、生産性のあるホームページとなると更に難しそうですよね。。。


ご安心ください。

難しいのではなく知らないだけですから、知ればいいんです。

未経験の方が全体像を把握していただけるよう、簡単にまとめました。

まず、全体像を理解することが重要です。

その後、ご自身に必要なことだけを詳しく知ればいいと思います。


ホームページ作成手順

目 次

1. ホームページ作成の目的決定

「どうなればホームページを作った目的が達成されるか」を決めましょう。


2. ホームページの構成決定

・トップページの記事・レイアウト・デザインを決定しましょう。

・下層ページの記事・レイアウト・デザインを決定しましょう。


3. プラットフォーム(ブログorホームページ)決定

発信したい情報をブログとホームページのどちらで行うのか決めましょう。

  • ブログとホームページとの違い
    • 《ブログ》
      システムやデータ容量にかなりの利用制限が設定される場合が多い

      ブログパーツやプラグイン設定済みテンプレートを利用できる
      (例)掲示板、コメント投稿、アクセスカウンタ、アクセスログ解析、アンケートシステム、アーカイブ自動生成、カテゴリ分別自動生成、

      SEO効果に有利
      更新後最短1時間以内にインデックスされるので、いち早く情報発信出来る



      《ホームページ》
      容量的利用制限はあまりない。
      サイトを設置する事により信頼性を向上させられる


4. レンタルサーバー契約

  • サーバーとは・・・
    • ネットワークに接続され、他のコンピュータからの通信に応答するコンピューターのことを指します。

      具体的には、サーバー一台を大勢で共有し、さらにファイルをデータをおくことでデータの共有ができます。


5. ドメイン取得

  • ドメイン取得
    • お名前どっとコム
      業界で最も知名度の高いドメイン取得サービスの1つ。
      価格もサービスも文句なし。

      ムームードメイン
      格安ドメイン取得サービスの1つ。

      ロリポップ!
      サーバーとの関連づけも比較的簡単です。

      さくらのドメイン
      格安ドメイン取得サービスの1つ。
      インターネットのレンタルサーバと一緒にドメインを取得できます。
      サーバーとの関連づけも比較的簡単です。

      ドメインには、(~.com)(~.net)や(~.jp)(~.co.jp)など、いくつも種類があります。

      これは管理する団体や、利用できるユーザなどの区別を示しています。

      個人では(~.co.jp)は取得できませんが、通常は(~.com)や(~.jp)で十分だと思います。


6. テキストファイル準備

  • テキストファイル取得
    • 作成されたテキストファイルの末に.txtの表示が必要です。

      メニューから「新規作成」→「テキストドキュメント.txt
      となっていればテキストファイル準備はできています。
      (.txtを拡張子と言います)

      .txtが表示されていないようでしたら、表示させる必要があります。



      《 .txtの表示方法 》
      WINDOWS7の場合

      1. 「スタート」ボタンを押して、「コンピュータ」を選択
      2. 「コンピュータ」の「メニューバー」にある「整理」タブを選択2
      3. 「整理」タブ内にある「フォルダと検索のオプション」を選択3
      4. 「フォルダオプション」の「表示」タブを選択4
      5. 「表示」タブ内の「詳細設定」内にある「登録されている拡張子は表示しない」のチェックを外す5

      以上で拡張子が表示されます。


7. ホームページ作成ソフト・テンプレート取得

  • 作成ソフト・テンプレート一覧
    • 《無料》

      • Crescent Eve
        とにかくシンプル!
        ホムつく講座(初心者編)には、ぴったりなソフトです。
      • ez-HTML
        フリーソフトとは思えない高機能なソフトです。私はこのソフトを発見してからホームページビルダーからすぐにez-HTMLに乗り換えました。少し慣れてきた方や、今使っているソフトが物足りない方は、ぜひ試してみてください。
      • Homepage Manager
        ホームページビルダーのように、ワープロ感覚でホームページが作成できる。ホームページのレイアウト作成・文章の入力・画像の挿入などを行う際に使う、無料ソフトです。
      • QHM
        超初心者向けHP作成ソフト
        使い勝手はとても良くHPを初めて作ってみようと思う方なら是非とも「QHM」の購入をおススメします。


        《有料》
      • SIRIUS
        アフィリエイターに絶大な支持を得ている「SIRIUS」。
        複数のサイトを素早く作る事が出来るソフトと言われています。
      • ホームページ・ビルダー
        認知度・販売数なら「ホームページ・ビルダー」
        大手家電量販店やネットショップなどでもよく見かけるのが、この「ホームページ・ビルダー」
        ソフトの使い方を解説しているホームページも多い。
        PCスキルがある程度必要で専門知識(wordpress使用を前提としている為)も覚える必要がある為、全くの初心者には?
      • V3
        格安感なら誰にも負けない 「V3」
        価格だけで言うのなら間違いなくNO1と思います。
        また、操作性なども非常に使いやすく正に初心者でもHP作りが出来るソフトです。
        趣味程度のHP作りなら「V3」でいいですが、仕事用のHPとなると少しモノ足りないかもしれません。
      • 賢威
        中級者向けテンプレート『賢威』
        SEOなどに非常に優れているデザインテンプレート(デザインの雛形)です。
      • Expression Web
        プロが使っても十分すぎるほどの機能が揃っています。
        機能が多い分、初心者の方には?ですが、慣れた方には手放せないソフトです。
      • Dreamweaver
        プロのWebデザイナーの多くが使っているソフトです。初心者の方が気軽に買うような価格ではないですが、非常に人気が高く、プロのWebデザイナーを目指すなら、必ず必要になるソフトです。


8. アップロードする

  • アップロードとは・・・
    • ホームページ等を作成する時にサーバーにデータを上げること。
      つまり、インターネット上に公開することです。

  • アップロード方法
    • ホームページを公開するためには、公開するためのスペース(ウェブサーバーといいます。無料レンタル可)が必要です。

      全ページの制作が完了したら、アップロードします。
      ホームページ公開用ソフト「FFFTP」(無料)を使用します。

      アップロード後はかならずすべてのページのチェック、リンクがつながっているかのチェック、問い合わせフォームがちゃんと動くかのチェックを行います。


9. サーチエンジンへのサイト登録

  • サーチエンジンとは・・・
    • インターネット上に掲載されている様々な情報を検索するサイトのことです。
      ヤフーやグーグルのことだと思ってください。

      YahooとGoogleだけで約100%占めています(Bringが数%)。
      Yahooは登録を行っていないので、GoogleとBringこの2社に登録しておけばいいでしょう。



      Googleへのサイト登録
      Bingへのサイト登録


10. Pingの登録・送信(ブログのみ)

  • Ping送信とは・・・
    • ブログに記事投稿や記事修正をした際の知らせを、自動的にのサーバーに送信してくれる機能のこと。

      《Ping送信の注意事項》

      1. 重複送信しない
      2. 短時間に何度も送信しない
        ともにスパムの判定を受ける可能性が高くなります。


11. アクセス解析ソフトの導入

  • アクセス解析とは。・・・
    • ホームページに来た閲覧者の特性や傾向を知る方法です。

      • いつきたのか
      • 何人きたのか
      • 何回目の訪問か
      • どの時間/日にユーザはアクセスしているか?
      • いつごろきて、どれくらいそのページに滞在したのか
      • どんなキーワードからこのページにたどりついたのか
      • どのサイトからたどりついたのか
      • どんなプロバイダに加入している人がアクセスしているのか
      • どんなコンテンツが注目されているのか
      • 最初に見たページと最後に見たページはどこか
      • どんな経路でホームページを閲覧して、どんなコンテンツに興味を持ったのか
      • どんな環境(OS)でユーザは見ているのか?
  • 解析設定方法
      • グーグルアナリティクスの設定
         ⇒グーグルアナリティクスへ登録
      1. 「新しいプロファイルを追加」で新しいドメイン追加
      2. サイトのトラッキングコード取得
        +トラッキングコードをbody終了タグ直前に挿入
        +プロファイル一覧の「編集」から、プロファイルにフィルタを追加(IPでフィルタ)
      • FC2アクセス解析の設定(ブログのみ)
         ⇒FC2アクセス解析を追加
        +トラッキングコードを取得
        +トラッキングコードをbody開始タグ直後に挿入
        +設定からIP指定でフィルタリング


12. サイトマップ登録

  • サイトマップとは・・・
    • ホームページを巡回するサーチエンジンロボットにサイト内のページ構成を伝えるためのファイルです。

      googleウェブマスターツールや、Yahoo!サイトエクスプローラなどに登録する際に、テキストやxml形式でサイトマップファイルを作成し、そのファイルを読み込ませる事になります。


13. ソーシャルブックマーク登録


14. ランキングサイト登録


必要ツール・ソフト

  • キーワード選定ツール一覧
    • 情報発信を行うには、求められるキーワードを選定する必要があります。
      ご活用ください。

      • Google キーワードプランナー
        選定したキーワードのGoogle月間検索数がわかります。
        複合キーワード(例 ネットワークビジネス SNS)も検索数もわかります。
        関連キーワード(同じ方向性を持つ言葉)の検索数もわかります。
      • Googleトレンド
        旬のキーワード(今、Google検索で急上昇しているキーワード)がわかります。
      • Goodkeywaord
        YahooとGoogleでの検索数が同時にわかります。
      • 【Bring】関連キーワードぶっこ抜きツール
        bing検索での関連キーワードを選出してくれるツールです。
        Yahoo!やGoogleの関連語と違い、キーワードの幅が広いのが特徴です。
      • キーワードサジェスト
        各検索エンジンでの検索時に、入力した単語に関連したキーワードを出力してくれる機能のことです。
  • SEO対策ツール
      • SEOチェキ!
        《 基本チェック項目 》
           title・meta description・meta keywords・h1タグ
           発リンク数(内部リンク・外部リンク)
           最終更新日時・ファイルサイズ・読込時間
           Googleページランク・Alexaランキング
           Google・Yahoo!の被リンク数・インデックス数
           利用ホスト
           ドメインの登録年月日
           Yahoo!カテゴリ等、各ディレクトリの登録状況
           Twitterのツイート数
           Facebookの「いいね!」の数
           ソーシャルブックマーク登録数

      《 追加チェック項目 》

         検索順位
         キーワード出現頻度
         ページランク偽装チェック
         発リンク一覧
         被リンク元のページランク・Yahooカテゴリー登録
         Whois情報
         HTTPヘッダ情報
  • 画像編集ソフト
      • GIMP
        オープンソースで開発されている人気の画像処理ソフト。レイヤー、トーンカーブ、ヒストグラム、切り抜き、ブラシエディタ、モ ザイク編集、アニメーション合成など、無料と思えないほどの多彩な機能を備えています。プラグイン(機能追加)もインストール可能です。
      • Inkscape
        オープンソースで開発されているベクターグラフィックソフト。鉛筆ツールやベジエ曲線、画像の変形などの基本機能のほか、レイヤー、パスの操作、SVG 形式に完全に準拠したファイル作成/編集といった機能が揃っています。
      • PictBear
        MSペイントの高機能バージョン。
        Windows に準じた使いやすいインターフェイスが特長。レイヤー機能があり、透過画像や半透過画像の重ね合わせなどができます。プラグインも作成可能です。
      • AzPainter
        レイヤ機能や各種フィルタ・描画ツールなど、画像編集・イラスト制作に必要な機能は一通り揃っています
      • MyPaint
        オープンソースで開発されている高機能ペイントツール。鉛筆、クレヨン、乾いたブラシ、ペン、絵筆、マーカー、エアブラシ、水彩筆、油彩筆等標準で百種類以上ものブラシを備えており、手書きイラストを作成しやすいのが特長です。
      • Pixlr Editor
        オンライン上でイラスト作成や画像編集ができるインストール不要サービス。画像のトリミングや色調補正などの 補正・編集機能を始め、クローンスタンプ、ペイントブラシ、テキスト入力、フィルター、マスク、レイヤーなどPhotoshopに似た機能を備えています。
      • Pixia
        レイヤー機能、モザイクやレリーフなど15種類のフィルター機能を備えており、自分に合ったカスタマイズが可能です。
      • Photoscape
        画像の閲覧、編集、アニメ作成などができる使いやすい画像編集ソフト(レタッチソフト)です。撮影した写真の赤目補正やホクロ消去をはじめとして、図形やテキストの挿入、画像の結合/分割、リサイズなど幅広い加工が簡単に行えます。写真に「化粧」を施してSNSやブログに公開したいときや面白おかしいネタ画像を作りたいときに便利です。
      • Photoshop
        写真を奇麗に加工したり、ホームページのデザインを行ったりします。
      • Illustlater
        イラストやロゴ、ホームページのデザインを行ったりします。
      • FLASH
        動画や動く文字やゲームなどを扱うためのソフトです。

        #accordion{{






ライン
 ■ ネットワークビジネス手法も進化しています。『 新時代MLM無料動画 』
   ■ 20年稼ぎつづけた男が教える『確実な稼ぎ方・トップページ』
ライン

コロンブスの卵無料で学べる『新時代MLM無料動画』配信中   ネットワークビジネスは、大きな夢を叶えるもの    小さなビジネスじゃ勿体ない   あなたも夢を叶えましょう   次は、あなたの番です   人脈が尽きない方法があるとしたら・・・?    勝ち組になれるチャンスがあるとしたら・・・?    ネットワークビジネスは、楽しく楽しく簡単に~



↓お役に立てましたら、こちらもお願いします。↓

a:486 t:1 y:2