【初心者向け】ホームページの作成について

ホームページは頑張れば自分でつくれます

ホームページは自分でも作成できる時代になっています٩꒰。•◡•。꒱۶
でも、ホームページを作成する方法がわかりませんよね?
ここでは、作成したホームページがグーグルなどの検索エンジンで表示されるまでを詳細に説明していきますね♪
ホームページ作成業者に依頼すると毎月数千円~数万円の費用が発生しますよね?

自分で作成すると毎月の維持コストは千円以下です٩꒰。•◡•。꒱۶
一緒に勉強しましょ♪

ひろ
ひろ

仕組みが理解できれば、簡単にホームページが作成できますよ

ホームページの作成について

ベストではなくベターがベスト

時間をかけて、しっかりと調べて、友人に相談して、たくさん悩んで、、、などを繰り返していると時間があっという間に過ぎてしまい、何もできていないなんてことになっていませんか??
ここでは、ベストなホームページ作成方法を教えるのではなく、ベターな方法を教えようと思います٩꒰。•◡•。꒱۶
あまりにも情報量が多かったら読むのに時間がかかって、ホームページの作成にたどり着けません(´·ω·`)
必要な情報をピックアップしてわかりやすく解説していきますね

有料ですが、レンタルサーバー・独自ドメイン・ワードプレスを使った方法がベターと思います(^_^)
どうしても無料でホームページを作成したい人はWIX(ウィックス)などを調べてみるといいと思います

レンタルサーバーを契約する

レンタルサーバーとは?

作成したホームページの保存場所という認識でOKです

Googleで《レンタルサーバー》を検索してみると、たくさんの会社がヒットします

たくさんの会社から、どこの会社のレンタルサーバーがいいのか調べる必要がありますね(´·ω·`)

ここで挫折する人もいると思います

とりあえず、最初は有名なレンタルサーバー会社と契約するのが良いと思います

有名なレンタルサーバー
  • さくらのレンタルサーバー
  • エックスサーバー
  • ロリポップ!レンタルサーバー

以下、レンタルサーバーを選ぶポイントです

  • 価格
  • 性能
  • 使いやすさ

価格と性能は、各会社のホームページを見れば、わかりますが、使いやすさは実際に使ってみないとわかりませんね

私のオススメのレンタルサーバー

ロリポップがオススメです٩꒰。•◡•。꒱۶

ロリポップのハイスピードプランがすっごく費用対効果が高いのでオススメですよ(^^♪
ここでは、ロリポップのハイスピードプランでホームページを作成します

★価格・性能はホームページを確認してもわかると思います。使いやすさは、実際に使ってみた感じですが、私はすっごく気に入っています٩(ˊᗜˋ*)وなので、オススメします

ロリポップで契約する

画面キャプチャーで解説
ロリポップのプラン一覧

ロリポップには5つのプランがあります

左から右にいくにつれて価格と性能が上がっていきます

ロリポップの価格一覧

36ヵ月契約でハイスピードプランが月額500円で利用可能です٩꒰。•◡•。꒱۶

※1年間の利用で、1サイトのみの運用を考えている人はライトプランで12ヵ月契約をするといいと思います。独自ドメインも今ならタダでゲットできます

ハイスピードプランの詳細はこちら

独自ドメインを契約する

独自ドメインとは?

作成したホームページの《住所》みたいなものです

住所がないと、目的地にたどり着けないですよね?

作成したホームページに誰もたどり着けないと悲しいですね(´·ω·`)

独自ドメインと共有ドメインについて

大きな違い
  • 独自ドメイン
    • SEOに強い
    • 有料(年間1000円程度かかる)
  • 共有ドメイン
    • SEOに弱い
    • 無料

費用対効果を考えると、絶対に独自ドメインでホームページを作成するほうが良いです

Googleで《ドメイン会社》を検索してみると、レンタルサーバーと同じく、たくさんヒットします

有名なドメイン会社
  • ムームードメイン
  • お名前.com
  • エックスドメイン
ムームードメインがオススメです

ロリポップとムームードメインはGMOペパボ株式会社が運営しているので、サーバーとドメインの連携(設定)が簡単なので、ロリポップを使用している人はオススメですね٩꒰。•◡•。꒱۶

※ドメイン会社を選ぶ基準は、価格ぐらいですね。基本的に、性能などは関係ありません。自分が使用しているレンタルサーバーが推奨している会社がいいと思います

ムームードメインで契約する

画面キャプチャーで解説
ムームードメインの人気ドメインと価格について

ブログやホームページで使用するなら《.com》で問題ありません

.com》の場合では、初年度が1160円で2年目以降は毎年1480円かかります

※会社などで使用するなら《co.jp》などが多いイメージですね

独自ドメインの無料取得について

ロリポップでライト以上のプランを12ヵ月以上契約すると、レンタルサーバー契約中は【ずーーっと無料】みたいですね(^^♪

ムームードメインへアクセス

ワードプレスをインストールする

ワードプレスとは

世界中で支持されるWebサイト支援ツールの代表格ですね

他にもWebサイト支援ツールはたくさんありますが、ダントツで人気があるのがワードプレスですね

なので、しっかりと使い方を覚えましょう٩꒰。•◡•。꒱۶

画面キャプチャーで解説
ロリポップのTOP画面からWordPress簡単インストールへ

TOP>サイト作成ツール>WordPress簡単インストール

WordPress簡単インストール》を押してみよう

WordPress簡単インストールからWordPress簡単インストール マニュアルはコチラへ

WordPress簡単インストール マニュアルはコチラ》を押してみよう

WordPress(ワードプレス)簡単インストール

こちらのページにワードプレスのインストールなどの詳細な内容が記載されてるので、確認しましょう

テーマを設定する

テーマとは

デザインを設定できる機能と思っていただければOKです

テーマには有料テーマ無料テーマがある

大きな違い
  • 有料テーマ
    • おしゃれ
    • 痒い所に手が届くイメージ
    • テーマにもよるが10000円~20000円ぐらい
  • 無料テーマ
    • 有料テーマほどオシャレじゃない
    • 有料テーマほど機能が充実していない

テーマを選ぶ方法としては、自分がカッコいいとか、オシャレとか思えるものにしてくださいね(^^♪

★このサイトは有料テーマの【SANGO】で作成(税込11000円)

無料テーマでオススメは【Cocoon(コクーン)】ですね

画面キャプチャーで解説
テーマ選択画面

TOP>外観>テーマ

新規追加》ボタンから、たくさんのテーマを選択することができます♪

たくさんありすぎて、テーマの選択はすっごく悩むと思います

悩みすぎて何も進まないと思います(笑) 最初は自分がいいなぁと思ったもので頑張りましょう♪あとから、手間がかかりますが、テーマを変更することもできます

何も進まないよりかは、少しでも前に進むことを意識しましょうね♪

SEO対策をする

SEO対策とは

グーグルなどの検索エンジンからキーワード検索などで表示順位が上位で表示されること

SEO対策はすごく大事ですよ٩꒰。•◡•。꒱۶

パーマリンクを設定する

パーマリンクとは

WEBページ毎に設定したURLのことです

このページのURLは【https://ootaniland.com/about-creating-a-homepage/】です

about-creating-a-homepage】この部分がパーマリンクです

パーマリンクもSEOに影響があると考えられています

以下の3点を意識してパーマリンクの設定をしましょう

  • 日本語ではなく、英語(英単語)で作成すること
  • 英単語は「‐」ハイフンでつなぐこと
  • なるべくシンプルになるように作成すること

タイトルの《ホームページの作成について》を英語翻訳すると《About creating a homepage》となったので、単語を「‐」ハイフンでつないだものをパーマリンク設定しただけです

画面キャプチャーで解説
パーマリンクの設定画面

ダッシュボードTOP>設定>パーマリンク設定

パーマリンク設定》画面に移動しましょう♪

カスタム構造の設定

カスタム構造を選択して、《%postname%》を選択する

※投稿名を選択しても結果は同じですね(^^♪

変更を保存

変更を保存ボタンを押す

設定完了

パーマリンク構造を更新しました。》が表示されたらOK

SSLの対策をする

SSLとは

暗号化を行いサイトを保護すること

※第三者からデータを盗み見られたり、改ざんされるリスクを防ぐことができる

SSL対策をしているとSEOが優遇されると発表されています٩꒰。•◡•。꒱۶

レンタルサーバー(ロリポップ)側でSSLの設定

画面キャプチャーで解説
独自SSL証明書導入

TOP>セキュリティ>独自SSL証明書導入

独自SSL証明書導入画面を表示させましょう♪

SSL保護されていないドメイン(ビフォー)

SSL保護されていないドメインで《独自SSL(無料)を設定する》ボタンを押してみよう♪

SSL保護されていないドメイン(アフター)

該当する独自ドメインがありません」が表示されればOKです

ロリポップ側の設定はこれで完了です♪

ワードプレス側でSSLの設定

画面キャプチャーで解説
プラグインで【Really Simple SSL】をインストールする

TOP>プラグイン>新規追加>キーワード>Really Simple SSL

今すぐインストール》ボタンを押してみよう♪

【Really Simple SSL】を有効化する

これでサイト内すべてがSSL化されます

サイトのURLがすべて【http】から【https】に変更されたことを確認しましょう♪

ムームードメインでGoogle Search Consoleにサイトを登録する

Google Search Consoleとは

Googleの検索エンジンに自分のサイトを認識してもらう必要があるので、Google Search Consoleから登録します

⇩こちら⇩から登録しましょう♪

画面キャプチャーで解説
Google Search Consoleのトップページ

Google Search Consoleのトップページの『』ボタンを押してみよう♪

Google Search Consoleを使用するには、グーグルアカウントが必要となります♪

プロパティを追加

プロパティを追加ボタンを押してみよう♪

プロパティタイプの選択

ドメインまたはサブドメインを入力》欄に作成したドメインを入力して《続行》ボタンを押してみよう♪(この方法以外もありますが今回はこれでいきましょう♪)

DNSレコードでのドメイン所有権の確認

赤線で引いている《コピー》ボタンを押しましょう♪

※TXTレコードをootaniland.comのDNS設定にコピーするので、ムームードメインに行きましょう♪

ムームードメインのムームーDNS画面

ムームードメインTOP>ドメイン操作>ムームーDNS

ムームーDNS画面を表示させましょう♪

ムームーDNSのセットアップ情報変更

変更》ボタンを押しましょう♪

設定2で種別と内容の設定

種別は《TXT》を選択する

内容はSTEP4でコピーした内容をそのままコピーする

セットアップ情報変更》ボタンを押してムームードメイン側での設定は完了となります。

DNSレコードでのドメイン所有権の確認

確認》ボタンを押しましょう♪

所有権を証明しました

『所有権を証明しました』と表示されればOKです

もし、表示されない場合はSTEP10の確認を実施してください

ムームードメインのネームサーバ設定変更

TOP>ドメイン操作>ネームサーバ設定変更

《ムームードメインのネームサーバ(ムームーDNS)を使用する》にチェックを入れること

ロリポップ!レンタルサーバー》にチェックが入っているとエラーになると思います(´·ω·`)

サイトマップの作成と登録

画面キャプチャーで解説
【Google XML Sitemaps】をインストールする


TOP>プラグイン>新規追加>キーワード>Google XML Sitemaps

今すぐインストール》ボタンを押してみよう♪

似たようなプラグインが複数あるので、しっかりとスペルの確認をすること

【Google XML Sitemaps】を有効化する

有効化できていることを確認

【Google XML Sitemaps】の設定を確認

設定》ボタンを押してみよう♪

サイトマップのインデックスファイルのURL

赤線で引いている箇所が、あなたのサイトマップのインデックスファイルのURLになります

Google Search Consoleで登録するときに使います

Google Search Consoleのサイトマップ画面

《サイトマップ》画面を押してみましょう♪

新しいサイトマップの追加

STEP4で作成したサイトマップを入力して《送信》ボタンを押しましょう♪

送信されたサイトマップ

送信したサイトマップのステータスが【成功しました】と表示されましたね(^^♪

まとめ

ホームページ作成は最初は意味不明

日頃からパソコンで仕事をしていない人には、かなりハードルが高かったと思います

それなりに、パソコンのスキルが高いという人でも、苦戦したのではないでしょうか?

このページでは、環境構築の解説でしたが、それでも何日もかかったと思います

私の場合は、ワードプレスの参考書を読んだり、インターネットで調べたり、Youtubeの動画で勉強したりと、トータルで、数百時間かかったように感じます(´·ω·`)

知り合いに有識者がいれば、もっと簡単にわかりやすく教えてもらえると思いますが、なかなかいませんよね

ここまでの内容が理解できていれば、後はホームページを作成して経験を積むだけですね

そうなれば、会社や趣味などで、ホームページを作成してあげたら、株が上がりそうですね

もしかすると、お小遣い稼ぎもできるかもしれません

これからも、頑張っていきましょう٩꒰。•◡•。꒱۶