ＷＥＢディレクターとして１０年が経ちました。
ＷＥＢマーケティング業界はこれからますます盛り上がる市場です。
この記事にたどり着いているあなたも毎日のように、「知りたいこと」や「見たいサイト」を検索しているのではないでしょうか？
そのよなＷＥＢ業界の仕事ができるようになると様々なメリットがあります。しかもそんなに難しい事ではないです。
「副業で稼ぎたい」「小さなお店だから自分でホームページを作りたい」「ＷＥＢ業界やＩＴ業界に転職したい」などホームページを作れるようになったり、プログラミングができるようになるとお金稼ぎの選択肢や集客の選択肢が無数に増えます。
当然、働き方の自由度も上がり極端な話ネットとパソコンがあればブログだけの在宅ワークで月収100万円以上の収入を得ることもできます。
安定した職業に就きたいという方は今後も伸びるであろうＩＴ業界に転職もできます。
自由な働き方がしたければクラウドワークでフリーランスとして働くこともできるようになります。
実際に私もアフィリエイト広告と企業案件だけで先月87万円でした。
まだ月収100万円には届きませんが、【ネットとパソコンさえあればどこでも働ける時代】になったことを実感しています。
今の生活を変えたい方は、無理せず読み進めてみてください。少しずつでも良いんです。休んでもいいんです。
前に進み続けることで人生の選択肢を増やしましょう。
前置きが長くなりましたが、この記事では「全くの初心者や未経験者がホームページやブログを作成する」為に必要なステップとフローをご紹介しますので新しい稼ぎ方を手に入れて一緒に幸せになりましょう。
それでは【ネットでお金を稼いで幸せになる法則】スタートです。
まず一番大事なことは【必ず行動を起こす】事です。
これは仕事や恋愛など何事にも繋がります。
成功をつかむ人は【必ず行動を起こしています】
ただし急に会社を辞めるとか、自分の命を削るような無謀な行動はやめておいてくださいね。
まずは以下のステップを順に読み進めてみてください。
幸せになれる法則を使って【あなたの「未来」】を変えていきましょう。
ホームページを作る為の勉強ロードマップ
私がホームページを作れるようになった１番初めのきっかけは「紙媒体のチラシでは限界がある」と感じたときでした。
その頃の私はパソコンの知識もあまりなく、ホームページを作るなんて特殊な人たちだと思っていました。
ただ時間はもてあましていたので独学でHTMLを触り始めたんです。
もともと面倒くさい事が苦手なのでプログラミングスクールに通ったり、誰かに教えてもらうことはなかったです。
そんな私でも結果的に独学のみで今はWEBディレクターとして仕事をしています。
ホームページを作ることはその程度で、実は難しくはありません。
※デザインはセンスか努力が必要です。
最低限必要なHTMLだけでも、わからない人から見たら「難しそうに見える」だけです。ホントに。
今は右も左もわからなくても、まず毎日HTMLを触っていれば必ず理解できます。
初めは英語の羅列で「意味が分からない」「自分人は無理だ」と思ってしまう人が大半ですが、まずはそこの【自分にはできないと思ってしまうメンタル】を乗り越えましょう。その為に記事を書いていきます。
それでは、未経験からＷＥＢ業界で働いたり稼げるようになるまでのロードマップを書いていきます。
-
- ホームページ制作を勉強している
- これからＷＥＢの勉強しようとしている方
- ネットとパソコンだけで稼ぎたい方
- 自社内でホームページを作れるようになりたい方
- 今の生活や働き方を変えたい方
以下の記事通りに進めていくことで、ランサーズで仕事をネット上で受注することができるようになります。
ランサーズとはオンライン上にＷＥＢ関連の仕事が集まっていて、ネット上で仕事の依頼を受けて報酬を貰う事ができます。
このようなクラウドソーシングを使えば、在宅ワークで副業としても本業としても収入を得られるようになります。
オンライン上でプログラミングの基礎が学べるオンラインスクールも増えていて、基本の「き」を身につけるならWEB食いオンラインスクールで質問しながら勉強したほうが早く成果に繋がるかもしれません。最大のデメリットは費用が掛かってしまうことですが、定額制で聞き放題の為、わからない部分を都度ググるよりも早く答えをもらえます。少しでも早く成果を出したいなら短期間オンラインスクールでみっちり学習するのもありですね。
定額制で質問し放題【Web食いオンラインスクール】
Webサイトの仕組みと基礎を理解する【HTML／CS】の入門
まずホームページを制作するための勉強の第一歩として、HTMLとCSSがあります。
すべてのWebサイトの基礎となるプログラミング言語で、これを知っていないと何も始まりません。
■CSS:ホームページの装飾に使います。「色、サイズ調整、並べ方、背景」etc..
なんか難しそうに感じるかもしれませんが【HTML】と【CSS】の基本を学ぶことはとても簡単です。
では、実際にどういった流れでHTMLとCSSを勉強していくのかを解説していきます。
ドットインストール（HTML入門／CSS入門）
ホームページ作成について未経験・初心者の方は、WEBサイト制作の入門書としてとても有名なドットインストールを使って勉強しましょう。
ドットインストールとはゼロからのホームページ制作のプログラミング技術を３分動画でわかりやすく解説しているサイトです。
初めは何をするにしてもググりながら作業しなければなりませんが、ドットインストールを見ればほぼ解決できます。
まずはドットインストールをブックマークしておきましょう。
※いきなりすべてを理解する必要はありません。まずはHTML入門編だけで大丈夫です。
グーグルデベロッパーツールを使ってテストしよう
ドットインストールをある程度読み終えた時点で、HTML／CSSの仕組みはある程度わかってきていると思います。
※それでもわからなかったという方には別途、HTMLの基礎を解説・CSSの基礎を解説しますので諦めずについてきてください。
ある程度HTMLの仕組みが分かってきたタイミングでグーグルデベロッパーツールの使えるようにしておきましょう。
このツールはWEB上で現在のHTMLやCSSをサイトを表示しながら確認や編集ができるツールです。
簡単に言えば、ホームページを見ながら色を変えてみたり、文字サイズを変えてみたりテストできます。またパソコンでもスマホでの表示をさせることもできますので、「表示のテスト」「CSSの修正」に役立ちます。
私がいまでも頻繁に使うツールですので早い段階で知っておくことで、CSSの学習や理解が間違いなく早くなります。
使い方も簡単で、ホームページを開いた状態でファンクションキーの【F12】を押すだけ♪
これで左側にはホームページが表示され、右側にはHTMLとCSSが表示されます。
※試しに右側のCSSで色を変えてみたりして遊んでみてください。左側のホームページのも変わっているはずです。
アクセスアップの為にSEOを理解しよう。
ブログやホームページを作成して公開しても、誰も見に来てくれなければ意味がありません。
誰も通らない道にお店があっても誰も気づかないですよね。
ホームページやブログへアクセスしてもらうためには、人が流れてくる【通路】が必要です。
ではその通路をどうやって作るのかというと一番は検索エンジンに上位表示してもらうことです。
※SEOとは「サーチエンジンオプテォマイゼイション」（検索エンジン最適化）の略です。
GoogleやYahoo!などの検索窓にキーワードを入れることで、キーワードにマッチしたホームページを表示する仕組みを検索エンジンと呼びます。
多くの人が毎日検索エンジンを利用して様々なキーワードでホームページへの通路を作っています。
この検索エンジンに評価してもらい頻繁に上位へ表示してもらうことがSEO対策となります。
例えば「プログラミング 学習」で検索をした場合、１番目に表示されたホームページへは〈2000人〉の流入があり、10番目に表示されたホームページでは〈50人〉の流入、20番目以下になると〈ほぼ0〉になります。
このように検索結果に上位表示されるかどうかで、自分のホームページを見てもらえるかが大きく変わります。
上位表示するための指標はGoogleが情報を発信していますが、抽象的で完全な答えは提示してくれていません。また日々アップデートして変化しています。
ただGoogleが昔からアナウンスしているのは、簡単に言うと【検索ユーザーに有益なホームページ】を作る事です。
コンテンツや記事を作る場合は【誰に向けて作成し、誰のために役に立つのか】を意識して作成しましょう。
※SEOは情報量が膨大なため、別途記事を追加していきます。
バズ部でSEOを理解しよう
SEOを理解していくうえで参考になるのがとなるのがバズ部のサイトです。
SEO関連の情報やホームページ制作関連のキーワードで検索すると、必ずと言っていいほど検索結果に出てきます。
それは実力の証明でもありユーザーに有益な情報を提供しているから上位表示されています。
できれば熟読してもらいたいですが、今はまだ入門編なので最低限の必要な記事を3つご紹介します。
ライティングの基礎を覚えよう
何も考えずに大量の記事を作成しても多少は集客できるかもしれません。たまたまバズる可能性もあります。
でもそれは実力ではないと思ってください。たまたまはいずれ限界が来ます。
実力とはユーザー目線で有益なコンテンツを作りSEOとして評価されることです。
そこで必要となってくるのがライティング技術です。
コピーライティングは文章力+心理学を合わせてユーザーの満足度が高いコンテンツを生み出す技術です。
SEO対策を行う上では必須の技術となるため、WEB制作業界でも非常に需要の高いスキルです。
ランサーズでも毎日大量の仕事依頼がでています。気になる方は一度のぞいてみてください。
それでは初心者が文章力やライティング技術をどのように鍛えるか？
答えはシンプルです。「知らない知識を入れ、その知識を文書として書き出していく」事です。
そして書き出した文章を後で見返してみましょう。記事を読んでいて「何か変だな」「わかりにくいな」「説明が足りないな」といった部分を修正していくことで文章力を鍛えることができます。
このようにして経験値を積んでいきます。スマホのメモ機能を利用して通勤時間に書いてみるだけでもいいです。
文書として書き出す事をしてみましょう。
ここは根気が必要です。定期的に記事を見直してリライトする癖をつけましょう。
キーワード選定と検索ボリュームの重要性
ここまでで、SEO対策とコピーライティングに関してある程度理解できたでしょうか？
もしまだよくわからない場合でも、取り合えずこのまま読み進めてもらっても大丈夫です。
では次にキーワードについてです。ここは非常に重要なので必ず覚えてください。
- 検索キーワード：検索エンジンに入力するキーワード
- 検索ボリューム：検索したキーワードの需要
どんなに良いコンテンツを作っても需要が５人にしかなければ５人以上の集客は見込めません。逆に２０００人に需要があるキーワードであれば検索１０位でも５０人くらいの集客が見込めます。この概念は集客を行う上で非常に重要です。
ではキーワードの検索ボリュームを調べるためにはどうしたらいいのか？
Googleキーワードプランナーというツールを利用します。Googleが提供しているサービスで、キーワード別の検索ボリュームを誰でもかんたんに調べることができます。具体的なツールの使い方は以下の記事をご覧ください。
実際にホームページやブログを制作する【WordPressを使う】
ここまでホームページ作成の予備知識の学習、お疲れさまでした。
ここからはいよいよホームページを作るための実践編です。
入門者・初心者が初めにホームページを作る際に絶対的におススメするのがWordPress（ワードプレス）です。またよくわからないワードが出てきたとか思わないで大丈夫です。
ワードプレスは誰でも簡単にホームページが作れるように設計されたCMSと呼ばれるツールの一つです。必要な個所に文章を書くだけで、初心者でもそれなりのホームページができてしまう無料のびっくりツールです。
ではワードプレスを使って実際にホームぺージやブログを作っていきましょう。具体的な学習方法を解説します。
ドットインストール（WordPress入門）
またまた登場ですが、ワードプレスについても最初の学習はドットインストールをオススメします。予備知識を学習するときにも使っていればよりわかりやすいと思います。すべてを見る必要はありません。初めの５つ程度だけで大丈夫。それ以上の部分は現時点だとすこし難しいと思います。ドットインストールは1つの動画が3分なので、５つの動画であればは約15分で見ることができます。隙間時間で勉強しちゃいましょう。
ワードプレスを設置する
ここまで進んでこられた方はセンスがあります。自信を持って下さい。「英語が苦手」「よくわからないからいいや」となってしまう人が多い中で固定概念に捉われずここまで来れたんですから。ホームページが作れるようになる最初のハードルを乗り越えたということです。
ではいよいよHTML／CSS／SEO対策／ライティング／ワードプレスの予備知識を実際に活用していくタイミングです。
- レンタルサーバー
- ドメイン
ホームページの設置にはこの二つが必須です。簡単に説明すると
《レンタルサーバー：ネット上の土地（設置場所）を借りる》
《ドメイン：家（ホームページを入れる箱）を買う》
イメージです。あくまでイメージです。
費用は少しかかりますが、ホームページを運用するための最低限必要なランニングコストです。実際の費用感は
《レンタルサーバー：月額300円～5，000円（小規模サイトはこれで十分です。）》
《ドメイン：年額500円～1，200円（選ぶドメインにより異なります）》
これくらいです。実質最安値で行けば月350円くらいです。思ってたより安くないですか？
ただ初心者が借りるレンタルサーバーは、いくつか比較して使いやすいものを選んだほうが安心です。
私はずっとエックスサーバー
を使っています。
理由としては「高速化・ワードプレスの簡単インストール（重要）・安定性・無料SSL（重要）・管理画面の使いやすさ」などです。一言でいえばわかりやすい事です。よければ一度エックスサーバーを確認してみてください。
ドメインの取得でおススメはエックスドメインかお名前.comです。エックスドメインはエックスサーバーとセットで契約できてすぐにホームページ制作を始めることがっできます。支払いの設定も簡単です。
お名前.comはドメイン取得の最大手で中古ドメインの取り扱いもあります。もしよくわからなければ「エックスサーバーとエックスドメイン」を選んでおけば間違いないです。
レンタルサーバーの申し込み～ワードプレスのインストールはうまくできたでしょうか？エックスサーバーは細かいマニュアルが用意されているので問題ないかと思いますが、難しい方はお手伝いしますので問い合わせフォーよりご連絡ください。
それではワードプレスの設置（インストール）をしてワードプレスにログインしたら、ベースとなるホームページやブログのデザインを選びましょう。
ワードプレスには「テーマ」と呼ばれるデザインの種類があり、テーマを変えることでホームページのイメージを簡単に変えることができます。
これもホームページ制作の際にワードプレスを使うメリットです。
ホームページの中身を制作する
下準備はすべてできました。こからは実際にコンテンツを作成していきます。
ホームページか、ブログかで簡単に切り分けすると
《ホームページ制作：固定ページでコンテンツ作成》
《ブログ記事制作：投稿ページでコンテンツ作成》
となります。
とはいえトップページ（１番上のページ。お店で言うと外観。）の設置は最低限必要です。
固定ページ、投稿ページを一つ作成してトップページとして設定しておきましょう。
ワードプレスにログインしたら左側の設定タブから選択可能です。
※手順は別途記事を追加していきます。
ブログやホームページに広告を掲載してみる
ここからいよいよ収益を生み出す方法となります。
ホームページやブログから収益を上げるための手段に広告の掲載があります。これをアフィリエイト広告と呼びます。
※YouTubeも同じような仕組みで、YouTubeも広告を表示することで収益を得ています。
この広告を経由することで広告主から報酬がもらえる仕組みです。これだけで毎月数百万の報酬を得ている方もいます。これがネットで稼いぐ仕組みの一つです。
ただし報酬が発生するタイミングや金額は広告主があらかじめ決定しています。
大きく分けると
《クリック報酬型：訪問者が広告をクリックする（１クリックで１円～）》
《成果報酬型：訪問者がクリックした広告のリンク先で商品を購入する（購入額の数%）》
細かく分ければ他にもあるんですが基本として、上記2つを覚えておけば問題ないです。
ではこの広告を自分のブログに入れるにはどうすれよういのか？
ASPと呼ばれるアフィリエイト広告のマッチングサイトに登録します。
具体的にはA8.net
が最大手で使い勝手もよく多数の広告を掲載できるようになります。
登録は無料で、さらにセルフバック（自分で購入しても報酬を得られる）を使えば、数万円の報酬を簡単に手に入れられます。購入したいサービスや商品があればa8.netのセルフバックに商品がないか探してみましょう。サーバー代、ドメイン代くらいはすぐに補えます。
ASPは他にもしもアフィリエイトもあります。ASPで検索してみましょう。
面倒な方はA8ネットを登録するだけで問題ありません。
ASP以外にもGoogleアドセンス広告があります。こちらはクリック報酬型で自動で広告が挿入されます。手軽ですが、どのような広告が表示されているかを定期的に確認しないと不適切な広告が入る可能性があり、クリック報酬型なのである程度の集客ができているホームページやブログでないと大きな成果は上げにくいです。少なくとも月間ユーザー数が１００を超えてから設置してみましょう。
Webサイトに動きを付けたり装飾をする
ここまでで基本的なホームページ制作はできる状態になっていると思います。
ある程度慣れてくると、デザイン面や新しい機能をつけてみたいと思い始めるます。
そこで必要となる知識がJavaScriptですが正直なところ１から勉強するとかなり難しいです。
でも諦めないでください、簡単にJSが使えるようにしたjQueryがあります。
jQueryとはJavaScriptの簡易版だと思ってください。
わざわざJavaScriptで難しいコードを書かなくてもjQueryを使えばホームページに動きをつけることができます。
実際にどういった流れで勉強していくべきかを見ていきましょう。
ドットインストール（jQuery入門）
３度目の登場ですがドットインストールです。
少し動きのあるサイトにしたい方はのぞいてみてください。
ただし現状では、SEO対策としてサイトの表示スピードの優先度が高いため、難しいと感じた場合は一旦諦めてしまっても良いと思います。特にブログの場合は使わなくても問題のない機能です。
また動きをつけるにはGIF画像を使うことでもできます。これは複数の画像を順番に表示させることでアニメーションのようになります。GIF画像であれば「複数枚の画像」を用意してWEB上にあるGIF作成サイトを使えば作成できます。
PHPを使って自由度を上げ無駄を減らす
この時点で、ほぼホームページやブログを普通に作成できていると思います。
ここでは覚えるとさらに自由度を上げ、無駄な手間を減らすことができるPHPを解説します。
中～大規模サイトや複数のホームページを作るなら覚えておきたいスキルです。
ドットインストール（PHP入門基礎編）
いつものドットインストールを使います。PHPは簡単にいうと必要な場所に別で書いた部分を表示させてくれる機能です。例えば画像の挿入の際に
のように記述しますが【https://〇〇/〇〇/】の部分を自動挿入してくれます。どんなメリットがあるかというと仮にドメインを変えても同じように画像が表示できます。もしPHPを使っていなければ全ての画像のコードを書き換えないといけません。膨大な作業量になります。
ネットで0から稼ぐ！まとめ
長めの記事でしたが、ここまで読み進めてもらえてありがとうございました。
現状の生活を変えたい方のためにネットで稼ぐ為のロードマップでしたが詳細部分でわからないこともあったと思います。
項目ごとに掘り下げた記事を追加していく予定ですので、諦めずに頑張りましょう。
私も会社での人間関係がしんどくて在宅ワークがしたくてアフィリエイトを始めました。
１年～２年後の変化を楽しみにしながら一緒に頑張っていきましょう。
幸せの法則では多角的な視点から「幸せになれる方法」を解説しています。一度きりの人生、楽しくいきましょう。
全くの未経験で始め方もわからなかった方はコチラを参考にして下さい。
ゼロからWEBサイトを制作できるようになるまでの手順をわかりやすく解説しています。
