本文へスキップ

LESSON 4 / 7

作ったホームページを公開しよう

手元のindex.htmlは、そのまま保存しても、静的HTMLを受け取れる公開先へ置いても構いません。ここでは公開しない・無料枠で試す・有料サーバーを使う、の3つを比較します。公開先を決める前に、連絡先と公開してよい情報を確認しましょう。

今日持ち帰るもの
公開方式の選択・費用メモ・アップロードと更新の確認表

仕事の準備を考えるための空間・机のイメージ
仕事の準備を表すAI生成イメージ。実際の利用者・資格保有者の事例ではありません。

PR/この講座には、レンタルサーバー(Xserver)の取次リンクが含まれます。取次リンクから申し込まれると、運営者に紹介料が入ります。

公開しない、も一つの完成形

自分の説明が整理できたら、下書きとして保存しておく価値があります。知人に見てもらう場合も、ファイルに載せた氏名・連絡先が渡ることを確認してください。noindexのHTMLをサーバーへ置いても非公開にはなりません。非公開にしたい段階では、端末で保存するか、公開先のアクセス制限を使います。

同じHTMLを使える公開方法かを比較する

方法保存したHTML費用・負担向いている段階
端末に保存そのまま開けるサーバー契約不要。URLで一般公開はできない説明や受付条件を検討中
Cloudflare Pagesの無料枠候補Direct Uploadで静的ファイルを置くアカウント・規約確認が必要。独自ドメインは別途費用があり得る小さく公開して更新を試したい
Xserver等の有料サーバー対象ドメインの公開領域へ置く契約料・更新料と管理が必要。独自ドメイン条件も確認自分のドメインや管理方法を選びたい
ホームページ作成サービス外部HTMLを取り込めない場合があるサービスごとの料金・移転条件そのサービスの編集画面を使いたい

無料枠は将来も無料という保証ではありません。利用規約・商用利用・容量・独自ドメインの条件を申込前に確認します。作成サービスの選び方は既存のホームページ方式比較へ。ここでは、メーカーで作った静的HTMLの公開を扱い、WordPressのインストールは行いません。

無料枠の候補:Cloudflare Pagesへ置く

  • 公開するindex.htmlだけを入れたフォルダを用意する。非公開JSON・バックアップは入れない。
  • Cloudflareのアカウントを用意し、PagesのDirect Upload(ファイルを直接アップロードする方式)を選ぶ。
  • 新規プロジェクトを作り、フォルダをアップロードしてデプロイする。Git連携やビルドはこの1ページには不要。
  • 発行されたpages.devのURLを開き、HTTPS・本文・連絡先を確認する。
  • 更新は同じプロジェクトに新しいファイルを配置する。上書き前のHTMLは端末に保管する。

画面名は更新されるため、操作時には公式Direct Upload手順を確認してください。無料プランの上限・用途条件は公式プラン案内と利用規約で確認します。アカウント作成・実際のデプロイは利用者自身の操作です。

有料サーバー:Xserverで静的HTMLを置く

  • 契約前に料金・契約期間・ドメイン条件・自動更新を確認する。既存契約が使えるなら重ねて契約しない。
  • サーバーパネルで対象ドメインとSSLの設定状況を確認する。別サイトがある場合は必ずバックアップする。
  • ファイルマネージャで対象ドメインのpublic_htmlを開く。サーバー全体の別ドメインを選ばない。
  • 専用の新規サイトならindex.htmlを公開領域に配置する。既存index.phpやサイトがある場所へ、確認せず上書きしない。
  • https://自分のドメイン/ で表示を確認する。HTML内のcanonicalを設定する場合は、この実URLをメーカーへ入力して保存し直す。

public_htmlの中にもう一つpublic_htmlを作らず、非公開JSONは置きません。サーバーが不要な人は契約する必要はありません。Xserverの公式ファイル操作案内、SSL設定案内を参照してください。このリンクは通常の公式リンクで、取次リンクではありません。

初回の請求と、1年あたりの費用を分ける

「月額相当」だけでは支払額が分かりません。税込か、何か月の一括契約か、割引終了後はいくらか、ドメイン特典の維持条件は何かを記録します。確認日ごとに公式料金を見直し、キャンペーンを前提にしないでください。

費用メモ書くもの
初回支払いサーバー__円(__か月分)+ドメイン__円+その他__円
12か月換算契約総額÷契約月数×12。初回請求額とは別に記録
更新年サーバー更新__円+ドメイン更新__円+追加費用__円
見直し公式料金の確認日__/自動更新日__/解約期限__

計算方法の仮例:24か月分を24,000円で払う条件なら、12か月換算は12,000円ですが、初回に必要なのは24,000円です。これはXserverや他社の実価格ではありません。現在の具体額はXserver公式料金等で確認し、自分の契約条件を転記します。

公開・更新・戻すときのチェック

  • 個人情報と資格表示、サービスの範囲を確認した
  • 受付リンクを自分の端末で試した。受付前なら準備中と表示した
  • 検索登録を希望する場合だけindex設定を選んだ
  • スマートフォンでもHTTPSと改行・ボタンを確認した
  • 更新前のindex.htmlを非公開の端末へ保存した
  • 誤りがあれば、同じ場所へ直前版を戻す手順を確認した

特集トップへ戻る