本ガイドでは、Hostingerでウェブサイトを公開するために必要なすべての手順を紹介します。適切なホスティングプランの選択方法、ドメインの登録または接続、hPanelでのホスティング設定、サイトの公開方法を学べます。ゼロから始める場合でも既存サイトを移行する場合でも、手順は同じです。セットアップはすべてHostingerのhPanel内で行われ、多くがガイド付きなので、技術的な知識は必要ありません。
「ウェブサイトをホスティングする」とは具体的に何を意味するのか？
ウェブホスティングとは、ウェブサイトのファイルを置くサーバーのスペースをレンタルすることです。ユーザーがブラウザにドメイン名を入力すると、そのリクエストはサーバーに届き、ファイルを読み込んでサイトを表示します。
ドメインは住所、ホスティングは建物、ウェブサイトのファイルは中身です。
Hostingerでウェブサイトをホスティングする前に必要なもの
事前にいくつか準備しておくと、セットアップがずっとスムーズになります。必要なものは次のとおりです:
- Hostingerアカウント。まだお持ちでない場合は、Hostingerのウェブサイトから直接サインアップできます。プラットフォームが初めての方は、 私たちのHostingerレビューではサインアッププロセスの概要やプラットフォームの日々の使い方を説明しています。
- 有効なホスティングプラン。Hostingerではプランがないとウェブサイトをセットアップできないため、最初にプランを購入する必要があります。適切なプランの選び方は次のセクションで解説します。
- ドメイン名。Hostingerで新規登録するものでも、既に他社で所有しているものでもどちらでも構いません。いずれも使用でき、セットアップ時にHostingerが接続手順を案内してくれます。
- 構築方法の大まかなイメージ。WordPressを使用するのか、Hostingerのウェブサイトビルダーを使うのか、手動でファイルをアップロードするのかを決めておくと良いでしょう。すべてを完璧に決める必要はありませんが、方向性があったほうがセットアップが容易になります。Hostingerのオンボーディングフローは各ステップで案内を行うので、驚くことはありません。
適切なHostingerホスティングプランの選び方
Hostingerは複数のホスティングタイプを提供しており、適切なものを選ぶことでサイトのパフォーマンスが大きく変わります。
ほとんどの初心者にとって、共有ホスティングが合理的な出発点です。他のサイトとサーバーリソースを共有するためコストを抑えられ、新規サイト、個人ブログ、小規模ビジネスのページなど、1日に数千の訪問を見込まないサイトに適しています。
WordPressホスティングはWordPressサイト向けに最適化されたプランです。あらかじめWordPressが設定されており、セットアップが速く、WordPressの動作に合った設定が適用されています。WordPressで構築する場合は、このプランで余計な手順を省けます。
クラウドホスティングは、今後成長が予想されるサイトやすでに一定のトラフィックがある場合に検討する価値があります。共有リソースではなく専用リソースを使用できるため、負荷状況でも安定したパフォーマンスを実現できます。
Hostingerの料金を確認して、サイトの規模や今後の成長計画に合ったプランを選ぶことをお勧めします。
迷ったら共有ホスティングから始めましょう。後からアップグレードでき、Hostingerなら移行も簡単です。
Hostingerでウェブサイトをホスティングする方法（ステップバイステップ）
ここから実際のセットアップ手順です。すべてhPanel内で行い、Hostingerがほとんどの手順を自動で案内してくれます。
1. hPanelにアクセスしてウェブサイトのセットアップを開始
Hostingerアカウントにログインすると、hPanelのダッシュボードが表示されます。ここでWebsitesセクションを探し、Add Websiteをクリックします。
2. ウェブサイトの作成方法を選択
Add websiteをクリックすると、以下の5つの選択肢が表示されます:
- Hostinger HorizonsはAIを利用してウェブサイトやWebアプリを生成します。ゼロから作るのではなく、AIによる出発点から構築したいユーザー向けです。
- WordPressは最も利用されているオプションで、ブログやビジネスサイト、柔軟性が必要なサイトやプラグインサポートを活用したい場合に適しています。
- Hostinger Website Builderはドラッグ＆ドロップのビジュアルビルダーで、別途ソフトウェアをインストールしたり管理したりする必要なく、すべて視覚的に操作できます。
- Custom PHP/HTML websiteは、自分でコードをアップロードしたり、特定のアプリケーションを手動でインストールしたりしたいユーザー向けです。
- Node.js Web Appは、GitHubからデプロイしたり、自分のアプリファイルをアップロードしたりする開発者向けです。
ほとんどの初心者には、WordPressまたはHostinger Website Builderが適しています。自分の構築方法に合ったものを選ぶと、その後のセットアップフローが続きます。
3. 選択した方法のセットアップを完了
選択した方法に応じて、Hostingerが次の手順を案内します。WordPressの場合は自動でインストールされ、サイト名の設定やログイン情報の作成を求められます。
Hostinger Website Builderでは、まずサイトを生成してからドメイン設定を聞かれます。カスタムや開発者向けオプションでは、ファイル管理画面に移動し、ファイルをアップロードします。
4. ドメインの接続または登録
サイトや環境が準備できると、Hostingerがドメインの接続を促します。hPanel内で新規登録するか、既存のドメインをHostingerのネームサーバーに変更して接続できます。
Hostingerは必要なネームサーバー情報を提供し、ドメインプロバイダーのサポートドキュメントに設定場所が説明されています。
DNS変更の反映には数分から48時間程度かかる場合があるため、すぐにドメインが表示されなくても慌てないでください。
ウェブサイトの公開とライブ化
ホスティングの設定が完了しただけでは、完成したライブサイトができたわけではありません。この2つは別物であり、その違いを理解しておくことが重要です。
ホスティングが構成されると、Hostingerがサイトを設置するスペースを用意した状態になります。
この段階でドメインにアクセスすると、デフォルトのプレースホルダーページや新規インストールされたWordPressが表示されることがありますが、これは正常です。ホスティングは機能しており、コンテンツをまだ追加していないだけです。
ここから先は、サイトの構築方法によります。WordPressの場合はダッシュボードにログインして、ページの作成を開始します。
Hostinger’s Website Builderを使用する場合は、すでに開かれているビルダー画面をhPanel内で続行します。手動でファイルをアップロードする場合は、hPanelのファイルマネージャーを使うかFTPで接続し、正しいディレクトリにアップロードします。
ドメインが正しく設定され、コンテンツが配置されると、サイトは公開状態になります。サイトがライブになったら、GmailにHostingerのメールを追加する方法などのガイドを利用して、プロフェッショナルなメール環境を整えましょう。
Hostingerでウェブサイトをホスティングした後のよくある問題
セットアップ後によく発生する問題がいくつかあるので、事前に把握しておくと安心です。
- ドメインがまだ表示されない。ドメインがエラーを表示したり読み込まれなかったりする場合、DNSの浸透（プロパゲーション）が原因です。新しい設定がインターネット全体に行き渡るまでに最大48時間かかることがありますが、多くの場合はもっと早く反映されます。
- 空白またはデフォルトページが表示される。これはホスティングは稼働しているものの、コンテンツがまだ公開されていないことを示しています。ビルダーまたはWordPressのダッシュボードにログインし、ページの追加を始めてください。
- ブラウザでSSL警告が出る。ブラウザにセキュリティ警告が表示される場合、SSL証明書がまだ有効化されていない可能性があります。hPanelのサイト設定でSSLを有効にしてください。数分で有効化されることが多いです。
- 誤ったドメインが接続されている。サイトは表示されるが内容が異なる場合、セットアップ時に接続したドメインが意図したものと一致しているか確認してください。アカウントに複数のドメインがあると起こり得ます。
これらはすべて一般的な問題で、ほとんどの場合短時間で解決します。
Hostinger初心者向けの実用的なヒント
サイトを公開することと、後でやり直しが必要なくセットアップすることは別の話です。これらのヒントを参考に、初心者が陥りやすいミスを避けましょう。
- シンプルに始める。サイト公開前にすべてのプラグインを入れたり、すべてのページをデザインしたりしたい誘惑に負けないでください。まずは1ページだけ公開し、そこから構築を進めましょう。
- SSLをすぐに有効化する。SSL証明書はブラウザバーに鍵アイコンを表示します。Hostingerでは無料で、数分で有効化できます。訪問者を案内する前に設定しましょう。
- DNSの反映に時間をかける。既存のドメインを接続した場合、すぐに反映されなくても慌てないでください。数時間待ってから問題を疑いましょう。
- ファイル構成を整理する。手動でファイルをアップロードする場合は、最初から体系的に整理しましょう。ファイル構造が乱雑だと後々管理が大変になります。
- 最初の公開で複雑にしすぎない。構築途中の複雑なサイトよりも、シンプルで稼働するサイトのほうが優れています。公開後にいつでも更新や拡張が可能です。
- メール設定を早めに確認する。ホスティングプランにメールが含まれている場合、hPanel内にいるうちに設定を行いましょう。後から設定し直すよりも初期設定時が簡単です。
- 自動更新設定を利用する。HostingerはWordPress本体およびプラグインの自動更新に対応しています。これを有効にしておくと、手動管理なしでサイトを安全に保てます。
プランをアップグレードする際に、Hostingerクーポンを利用するユーザーが多いので、リソースが必要になった際にはチェックしてみてください。
最後に
Hostingerでウェブサイトをホスティングするのは、ドメインが訪問者をサイトに誘導し、ホスティングが機能に必要なファイルを保存し、hPanelでそれらを管理するという3つの要素の関係を理解すれば、とてもシンプルです。
手順を順番に進め、DNSの変更には時間をかけ、最初のセットアップで迷いすぎないようにしましょう。他の調整はサイト公開後に行えます。
