AI MEDIA

タグ: SSL

  • WebサイトをSSL化する方法|HTTPS設定から表示確認まで

    WebサイトをSSL化する方法|HTTPS設定から表示確認まで

    SSL化を始める前に、対象ドメインが正しいサーバーを向いているか確認します。そのため、DNSが別の環境を参照していると、証明書を発行できない場合があります。

    次に、サーバー管理画面でSSLを有効にします。なお、設定直後は処理中になる場合があります。完了後にHTTPSへアクセスしてください。

    HTTPSでページが開いたら、画像やスクリプトも安全なURLから読み込まれているか確認します。その場合は、ページ内にHTTPのまま残った参照がないか調べます。

    最後に、HTTPからHTTPSへの転送を確認します。主要ページとスマートフォン表示も見ます。さらに、URLを統一すると重複防止に役立ちます。

    WebサイトのSSL化は通信を暗号化する設定です。つまり、HTTPSで安全に表示するために行います。本記事では設定から表示確認まで解説します。

    WebサイトのSSL化でわかること

    • SSL化する前に確認する項目
    • HTTPS設定とリダイレクト
    • 公開後の警告と表示確認

    HTTPSの仕組みと推奨事項は、MDNのHTTPS解説も参考にできます。ただし、実際の設定手順は利用中のサーバー公式案内を優先してください。

    WebサイトをSSL化する最初の作業は、サーバー側で対象ドメインのSSLを有効にし、最後にhttps://でページが開くことを確認することです。その結果、ブラウザとサーバー間の通信が暗号化されます。この記事では、ムームーサーバーで行った実際の操作記録を例に、初心者が迷いにくい順番で全体像を整理します。

    先に結論:独自ドメインをサーバーへ登録し、無料独自SSLを選択して設定を保存します。その後、管理画面の状態表示だけで終わらせず、実際のサイトをHTTPSで開いて確認します。

    SSLでできること

    SSLは、Webサイトを閲覧するブラウザとWebサーバーの間で送受信される情報を暗号化する仕組みです。そのため、SSLが有効なページはURLがhttp://ではなくhttps://で始まります。

    初心者が最初に覚えておきたいのは、「SSLの設定ボタンを押すこと」と「HTTPSで正しく表示できること」は別の確認だという点です。ただし、管理画面で処理中や有効と表示されても、反映には時間がかかる場合があります。最後にブラウザでページを開き、URLと表示内容を確認して完了です。

    ただし、SSL化だけですべての対策は完了しません。WordPressやプラグインも更新します。また、バックアップも必要です。

    始める前の準備

    事前に独自ドメインを取得します。次に、利用するサーバーへ登録します。今回も登録後に無料SSLへ進みました。

    独自ドメインと公開フォルダを入力した明るい管理画面
    独自ドメインと公開フォルダを確認する画面。暗転のない加工済み画像です。

    独自ドメインとレンタルサーバーを用意します。両方の管理画面へログインしてください。また、公開フォルダはサイトごとに分けます。

    録画では最初の自動ログインに失敗しました。管理画面から入り直すと再開できました。なお、認証情報を含むURLは公開しません。

    基本手順

    サーバー管理画面で対象の独自ドメインを開き、SSLに関する設定項目を探します。サービスによって名称は異なりますが、今回の画面では「無料独自SSLを設定する」を選択しました。

    無料独自SSLを設定する明るい管理画面
    対象ドメインの無料独自SSLにチェックを入れ、「変更する」を実行する画面。暗転のない加工済み画像です。
    1. SSL化する独自ドメインと公開フォルダが正しいか確認する
    2. 無料独自SSLの設定項目を有効にする
    3. 変更内容を保存する
    4. 確認ダイアログで対象ドメインをもう一度確認する
    5. 一覧へ戻り、SSLの状態表示を確認する

    対象ドメインのスペルを間違えると、意図しないサイトを設定する原因になります。保存前と確認ダイアログの2回に分けて見直すと安心です。より具体的なムームーサーバーの画面手順は、独自ドメインのSSL設定方法|有効化とHTTPS表示を確認するで確認できます。

    最初の確認

    保存直後は処理中になる場合があります。今回も対象ドメインは「設定中」になりました。完了表示は後で確認します。

    ムームーサーバーで独自ドメインの公開フォルダと無料独自SSLの設定中表示を確認する画面
    独自ドメインと公開フォルダを登録した後、無料独自SSLが設定中になっていることを確認します。

    設定中は同じボタンを何度も押しません。まず、反映を待ちます。HTTPS表示は公開前に人が確認してください。

    • 管理画面のSSL状態が完了を示している
    • https://から始まるURLでトップページが開く
    • ブラウザに証明書の警告が表示されない
    • 画像やCSSが欠けず、ページが普段どおり表示される

    HTTPSで開けない場合は、独自ドメインが正しいサーバーを向いているか、設定対象のドメインに間違いがないかを確認します。DNSの前段から見直す場合は、独自ドメインをサーバーへ設定する方法|DNS反映の確認までも参考になります。

    次に進むこと

    HTTPSで正常に表示できたら、サイト内のURLをHTTPSへそろえます。WordPressを使う場合は、サイトアドレス、画像、テーマ、プラグインがHTTPSで読み込まれているか確認します。SSL設定より前にWordPressをまだ導入していない場合は、ムームーサーバーでWordPressをインストールする方法へ進めます。

    最後に設定日と対象ドメインを記録します。利用したサーバーも残します。また、HTTPSの確認結果も記録します。

    よくある質問

    SSLとHTTPSは同じものですか?

    SSLは通信を暗号化する仕組みを指し、HTTPSはその仕組みを使ってWebページへ接続する方法です。実際の確認ではURLがhttps://で始まるかを見ます。

    SSLを有効にした直後からHTTPSで開けますか?

    反映まで時間がかかる場合があります。管理画面が「設定中」なら処理を待ち、完了後にHTTPSで開き直します。

    HTTPSで開けないときは何を確認しますか?

    対象ドメイン、DNSの向き先、サーバー側のSSL状態を確認します。認証情報を含む管理画面URLは他人へ送らないでください。

    SSL化すればほかのセキュリティ対策は不要ですか?

    不要にはなりません。ソフトウェア更新、パスワード管理、バックアップなども別に行います。

    まとめ

    SSL化はドメイン登録から始めます。次に、SSLを有効化します。最後にHTTPS表示を人の目で確認してください。

  • 独自ドメインのSSL設定方法|有効化とHTTPS表示を確認する

    独自ドメインのSSL設定方法|有効化とHTTPS表示を確認する

    独自ドメインのSSL設定では、証明書の有効化、HTTPS表示、リダイレクトの順に確認します。また、独自ドメインのSSL設定後は、複数の端末で警告が出ないか確かめてください。

    独自ドメインのSSL設定で確認する項目

    まず、独自ドメインのSSL設定が反映されない場合は、DNSと証明書の状態を切り分けます。また、独自ドメインのSSL設定の基礎は、MDNのHTTPS解説も参考になります。

    独自ドメインのSSL設定は、管理画面で無料独自SSLを有効にし、処理完了後にHTTPSでページを開けることまで確認して完了です。今回の制作記録では、SSLを有効にする操作と一覧の「SSL設定中」表示までは確認できました。ただし、HTTPSで実際に開けた場面は記録にないため、最後の表示確認は公開前に必ず行ってください。

    必要なもの

    作業前に、取得済みの独自ドメイン、契約中のレンタルサーバー、サーバー管理画面へログインできる状態を用意します。対象ドメインがサーバーへ登録済みで、公開フォルダが意図した場所になっていることも確認してください。

    独自ドメインをサーバーへ設定する方法|DNS反映の確認までRELATED ARTICLE  |  ドメイン独自ドメインをサーバーへ設定する方法|DNS反映の確認まで独自ドメインを取得しただけでは、Webサイトは表示されません。サーバー側でドメインと公開フォルダを関連付け、DNSが対象サーバーを向いていることを確認し、最後にHTTPSで開けるか確かめる必要があります。ドメイン◷ 7 min

    今回の録画では、独自ドメインと同じ名前を公開フォルダに指定しました。公開フォルダはWebサイトのファイルを置く場所です。別サイトのフォルダと重複していないことが重要です。

    独自ドメインと公開フォルダを入力した管理画面
    独自ドメインと公開フォルダを確認する画面。ブラウザ周辺情報はトリミング済みです。

    インストール

    SSLはソフトをインストールする作業ではありません。サーバーのドメイン設定画面から対象ドメインを選び、独自SSLを有効化します。制作記録の画面はhetemlコントロールパネルで、ドメイン登録後の設定画面に「無料独自SSLを設定する」というチェック項目がありました。

    ムームーサーバーでWordPressをインストールする方法RELATED ARTICLE  |  WORDPRESSムームーサーバーでWordPressをインストールする方法ムームーサーバーの「簡単インストール」を使えば、専門的なファイル操作をせずにWordPressを導入できます。この記事では、実際の操作記録をもとに、独自ドメインの準備からインストール、初回ログイン、動作確認までWordPress◷ 5 min
    1. サーバー管理画面でドメイン・メール関連の設定画面を開く
    2. 対象の独自ドメインと公開フォルダを確認する
    3. 「無料独自SSLを設定する」にチェックを入れる
    4. 「変更する」を押し、確認ダイアログで実行する

    管理画面の名称はサービスや更新時期によって変わる場合があります。ボタン名が違うときは、「独自SSL」「無料SSL」「SSL設定」など、同じ役割の項目を探してください。

    無料独自SSLを設定するチェック項目
    対象ドメインの無料独自SSLにチェックを入れ、「変更する」を実行する画面。

    初期設定

    チェックを入れる前に、画面に表示されたドメインのスペルと公開フォルダを見直します。録画では、対象ドメインと公開フォルダを確認したうえで無料独自SSLを選び、「変更する」を実行しました。確認ダイアログで確定すると一覧へ戻ります。

    設定対象の独自ドメインを確認するダイアログ
    対象ドメインのスペルを確認し、登録を確定するダイアログ。

    ここで注意したいのは、登録操作の完了とSSLの利用開始は同時とは限らないことです。制作記録では実行直後に「SSL設定中」と表示されました。これは失敗ではなく、サーバー側の処理が始まった状態です。

    動作確認

    SSL設定の確認は、管理画面の表示だけで終わらせません。次の順番で確認します。

    • 対象ドメインが一覧に表示されている
    • SSLの状態が「設定中」から完了を示す表示へ変わる
    • ブラウザで https:// から始まるURLを開ける
    • アドレスバーに証明書エラーや安全でない接続の警告が出ない
    • 主要ページと画像がHTTPSで表示される

    今回の根拠素材で確認できたのは「SSL設定中」までです。HTTPS表示の成功は未収録なので要確認です。処理中のまま変わらない場合は、まず管理画面の案内に従って待ち、その後、対象ドメインのDNSが契約中サーバーを向いているかを確認します。具体的なDNS変更は本記事の範囲外です。

    設定の保存と見直し

    設定後は、作業日、対象ドメイン、公開フォルダ、SSLの最終表示、HTTPS確認結果を制作記録へ残します。認証エラー画面や管理画面URLにはトークンなどが含まれることがあるため、URLをコピーしたり、ブラウザ全体のスクリーンショットをそのまま公開したりしないでください。

    録画では管理画面への自動ログインが一度認証エラーになり、元のコントロールパネルへ戻って入り直すことで復旧しています。エラー画面はログイン用情報を含む可能性があるため、記事画像には使わない判断としました。

    まとめ

    独自ドメインのSSL設定は、「対象ドメインを確認する」「無料独自SSLを有効にする」「処理完了を待つ」「HTTPSで実際に開く」の4段階です。制作記録では有効化と処理開始までを確認できました。公開前には、HTTPS表示と証明書エラーの有無を人間が最終確認してください。

    FAQ

    「SSL設定中」と表示されたら失敗ですか?

    録画では設定実行後に「SSL設定中」と表示されました。まず処理完了を待ち、完了表示とHTTPSアクセスの両方を確認します。

    HTTPSで開けないときは何を確認しますか?

    SSLの処理状態、対象ドメインのDNS、公開フォルダを確認します。現在の利用条件と反映時間はサーバー公式案内で要確認です。

    認証エラー画面を記事に載せてもよいですか?

    載せないでください。URLにログイン用トークンや識別情報が含まれる可能性があります。元のコントロールパネルへ戻り、管理画面から入り直します。