【初心者必見】ロリポップ!レンタルサーバーでホームページを公開する方法と設定すべき機能を現役Webデザイナーが教えます!

今の仕事で大丈夫?あなたに合ったキャリアの見つけ方。役立つ資料をLINEで受け取る

ホームページをインターネット上で公開してみたいけど、初めてでやり方が分からない…

今回はこのような悩みを持つ方のために、

・元東証一部上場企業のインハウスWebデザイナー(6年)
・在宅勤務(リモートワーク)
・Webデザインオンラインスクールのメンター

・秘書技能検定1級、色彩検定1級を保持
・Webデザイナー新卒採用にも携わってい

「ロリポップ!レンタルサーバーでホームページを公開する方法と設定すべき機能」をご紹介していきます。

ホームページを公開する方法

自分が作りたい・作ったホームページをインターネット上で公開するには、サーバーというものが必要になります。
簡単にいうと、サーバーという箱に自分が作ったホームページを入れておくことで、世界中の人がその箱の中にあるホームページを見にくるイメージです。

インターネット上に自分のサイトを公開するには「サーバー」というものが必要なんですね!

自分でサーバーを運用する場合

  • サーバーの準備や設定を自分でする
  • 外部からの攻撃に対するセキュリティ対策や運用・監視などのすべて自分で行う必要がある
  • ハイレベルな知識とスキルが必要なため、初心者からサーバー構築を始めるのはコストが高い

レンタルサーバーを借りる場合

  • 毎月定額の利用料金を支払う代わりに、サーバーの運用はレンタルサーバー会社がしてくれる
  • あなたはサイト作成・運用に専念することができる

初心者さんは、レンタルサーバーを利用してホームページを公開することをおすすめします!

そして、レンタルサーバーという物は色んな会社で提供されていますが、そんな中でも初心者さんには「ロリポップ!レンタルサーバー」をおすすめします。理由は下記の通りです。

ロリポップ!レンタルサーバーの良い所

  • レンタルサーバー界では有名なほど、低価格で始めやすい
  • 低価格だが、高スペック(表示速度が高速で安定している)で安心できる
  • 初心者でも分かり易いIT用語の説明・マニュアル・見た目

上記の理由から初心者さんにはロリポップ!レンタルサーバーがおすすめです。

ロリポップ!のサイトを見たところ、初心者に分かりやすいような説明や図があるので取っ付きやすそうです!

ロリポップ!でどのプランを選ぶべき?

ロリポップ!には5プラン(2021年7月時点)が提供されています。
たくさんありすぎて迷うと思いますが、初心者さんにはライトプランをおすすめします。理由は下記の通りです。

  • エコノミープランだと、Wordpressというサイト・ブログの作成などができる機能が利用できない
  • スタンダードプランだと、趣味サイトからビジネス向けサイトまで幅広く対応できるプランなため容量が大きく余ってしまう

上記の理由から、その中間であるライトプランで十分だと筆者は考えます。
また、上位プランへの変更も可能なのでひとまず安いライトプランを選ぶことがおすすめです。

コストは抑えたいので、ライトプランにしてみたいと思います!

ロリポップ!でホームページを公開する手順

1.ドメインを入力する

プランを選択すると、入力フォームが出てきます。

「ドメイン」というサイトのURLになる文字列を入力する必要があります、お好みの文字列を入力しましょう。
ただ、URLの末尾はロリポップが提供しているドメインから選ぶ必要があります。もしも自分だけのオリジナルドメインを利用したい場合は「独自ドメイン」を後で購入しましょう。

【独自ドメイン小話】

このサイトの「fuku-web.com」は独自ドメインで購入したドメインです。
ドメイン名に会社やお店の名前を含ませることで、認知度や信頼感を高めることができます。あなたがよく利用するサイトも、独自ドメインで運営しているサイトがほとんどなはずです。購入したドメインはメールアドレスとしても利用できるので、オリジナルのアドレスを使用することでビジネスでの信頼感を与えることが出来ます。

ホームページをインターネットで公開してみたいだけなので「独自ドメイン」とやらは後で検討します!

2.SMS認証

本人確認のために、あなたの電話番号が必要になります。
電話番号を入力し「送信ボタン」を押すと携帯に認証コードが届きますので、その認証コードを入力しましょう。

3.個人情報を入力

フォームに従って、あなたの情報を入力しましょう。
その後申し込み確認ページが表示されますので、申し込みを完了させます。

4.ユーザー専用ページ

申し込みが完了すると、ユーザー専用ページにログインされますが、色々な表示があった初心者さんだと困惑しちゃうと思います(汗)。

独自ドメイン(オリジナルのURL)は後でも設定可能なのでひとまず、あなたのサイトを作成しましょう!
サイトを作成するのには2パターンから選ぶことが出来ます。

  1. WordPressというサイト・ブログの作成などができる機能を使いサイトを作成する
  2. 自分でコーディングしたサイトをFTP機能を使いアップロードする

コーディング無しでサイトを作りたい場合⇨Wordpress

コーディング無しでブログ・サイトを作成したい方はWordpressを利用しましょう。
上記の図の通りに進めれば、簡単にWordpressのサイトが出来上がります。
世の中にあるサイトの40%はWordpressで作成されているというデータがあります。そのため、あなたが普段見ているサイトの2つに1つ程度はWordpressで作成されているということになります。これだけ人気なWordpressなので、もしもし分からないことがあっても、インターネットで調べれば大体答えがあるので安心です。

WordPressという機能なら、HTMLやCSSの知識がなくても簡単にホームページを作って公開できるんですね!

自分がコーディングしたサイトを公開したい⇨FTP機能

もし、すでにコーディングしてあるホームページがあれば上記の図の通りサイドメニューにある「サーバーの管理・設定」項目にある「ロリポップ!FTP」をクリックしましょう。FTPというのはサーバーとあなたのPC間で、ファイルを送受信する通信する仕組みの事です。「ロリポップ!FTP」にあなたのHTMLファイルやCSSファイルをアップロードすることで、インターネット上でホームページを公開することが出来ます。

ある程度コーディングの知識とスキルがないと、使わなさそうな機能だなぁ

ロリポップ!で設定すべき機能

ロリポップ!アクセラレータ

ロリポップ!アクセラレータは、サイトを高速・安定して表示してくれる機能です。
Webサイトにおいて表示速度はとても重要な指標の1つです。あなたもネットサーフィンしている時に、表示が遅くて離脱した経験はありませんか?ある調査によると、表示速度がほんの数秒でも遅いと離脱率が跳ね上がるというデータもあります。そのためSEO的にも重要な1つの指標ですので、できるだけロリポップ!アクセラレータは設定しておきましょう。基本的にデフォルトでONになっているはずなので、特別な理由がなければそのままにしておきましょう。

サイトの高速化は、SEO的にも、サイトを見る人にとっても重要なんですね!

独自SSL【独自ドメインを持っている場合のみ】

もしあなたが独自ドメインを持っている場合は、必ず独自SSLを設定しましょう。
独自SSLとはサイト全体をSSLによる暗号化をし、不正な覗き見や改ざん、フィッシング詐欺などのリスクから守ってくれる機能です。有料独自SSLと無料独自SSLがありますが、ひとまず無料で構いませんので設定しましょう。有料のSSL(PRO)は、個人情報を扱う法人向けのものなので個人利用である場合は無視して構いません。

もし独自ドメイン(オリジナルなURL)を購入したら設定するようにします!

まとめ

いかがだったでしょうか。
現役Webデザイナーの筆者は、ロリポップ!ならホームページ作成初心者さんでも比較的簡単にホームページを公開できるレンタルサーバーだと思います。ぜひ、自分が作ったサイトをインターネット上で公開し世界中の人達に見てもらいましょう!

今の仕事で大丈夫?あなたに合ったキャリアの見つけ方。役立つ資料をLINEで受け取る

おふくさん

上場企業のインハウスWebデザイナーとして4年以上勤務。『Webデザイナーを目指す人』や『デザインの興味がある人』向けにデザイン情報やノウハウをシェアしています。

シェアする