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を非公開の端末へ保存した
- 誤りがあれば、同じ場所へ直前版を戻す手順を確認した
