コピー2024/6/18記事内に広告が含まれていることがあります。WEBサイトのURLの入力欄のドメインの横に「保護されていない通信」という表示がでることがあります。この原因と対処法について解説しています。「保護されていない通信」が表示される原因は、ウェブサイトがHTTPS(https://)ではなくHTTP(http://)を使用しているためです。現在のページがhttpsだったとしても、そのソースコード内にhttp://から始まるリンク先が含まれている場合は「保護されていない通信」として判断されます。HTTPSは通信が暗号化されるプロトコルであり、ユーザーとウェブサイト間のデータの安全性を確保します。HTTPは暗号化されていないため、第三者にデータが盗聴される可能性があります。このため、Chromeなどのブラウザでは「保護されていない通信」という警告が表示される仕様になっています。対処法は以下の2つです。Contentの修正SSL証明書の取得とインストールまず最初にやるべきことは、SSL証明書の取得とインストールです。SSL化してあるという場合は、この章は飛ばしてください。レンタルサーバーでSSL化を有効化するSSL証明書は各レンタルサーバーで無料で対応していることが多く、「SSL化」を有効に設定すれば、自動で対象のドメインがSSL化します。SSL証明書を取得してサーバーを設定するもし自力で行う場合は、無料または有料のSSL証明書を取得して、サーバーで設定する必要があります。Encryptなどの無料のSSL証明書プロバイダから取得可能です。GlobalSign)から購入する。証明書を取得したら、ウェブサーバーで設定する必要があります。Nginxの設定を紹介します。WordPressの場合WordPressの場合は以下の手順を踏みます。WordPressアドレスとサイトアドレスをhttpからhttpsに変更します。「.htaccess」にリダイレクトルールを追記する。mod_rewrite.c、RewriteCondなどの記述については下記をご参考ください。SSL」などのプラグインを使用して、サイト全体をHTTPSに変換することも可能です。Apacheの場合Apacheの場合は「httpd.conf」か「.htaccess」に以下を追記します。/path/to/your/chainfile.pem</VirtualHost>Nginxの場合Nginxの場合は「nginx.conf」に以下を追記します。ソースを読み込んでいることが原因です。コンテンツ)といいます。WEBページの中で「http://~」で読み込んでいるリソースを「https://~」に変更(あるいは削除する)すればOKということです。ここで以下の点に注意してください。u」でソースを表示し、「http://」で検索をかけると、「http://」となっているコード部分が表示されます。このときに、「http://schema.org」や「http://www.w3.org」、「http://www.serif.com」が含まれている場合がありますが、これはSSLの対象外です。修正する必要はありません。「http://schema.org」や「http://www.w3.org」の詳細については下記をご参考ください。https)になっているのに、スマホで保護されていない警告ビックリマークが表示されるのはなぜ?CSSの中で読み込んでいるリソースも対象になる上記のschema.orgなどがSSL警告の対象外となると、ソースコード内に「http://~」は見つからない、、、という場合があります。そんなときは、CSSの中で読み込んでいる背景画像などのリソースが対象となっている可能性があります。Contentsが発生している場合は警告が表示されます。Contentとして判定されているリソースのURLが表示されているため、これを確認してWEBサイト上で修正すれば警告はなくなります。まとめWEBページを読みこんだときに「保護されていない通信」や「!」が表示されるのは嫌なものです。これは安全面で大切なものなので、ブラウザがそのことを教えてくれるのはありがたいと言えます。原因がわかっていれば修正はとても簡単なので、焦らず対処してみてください^^WordPress「役に立った」と思ったら、記事のシェアをお願いします。[NC]の意味や使い方をわかりやすく解説WordPress【WordPress】テーブルの中に画像(イメージ)や動画(youtoube)を挿入する方法。原因と対処法|ご不便をおかけして申し訳ございません。現在、取り組んでいます。ご訪問をお待ちしておりますWordPressWordPressでデフォルトの投稿の名前や設定を変更する方法。カテゴリーとタグの変更手順も解説。transition(右から左や逆向きに覆う。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。pull(プル)とは何か?使い方を実例で解説|引数が無い場合の処理内容やFETCH_HEADとは何か?--rebaseオプションの使い方2023/7/182024/2/22カテゴリーPCHTMLDesignAffiliateCSS・SCSSrubyRailsSpreadSheetAffinityAppSheetDatabaseAppsScriptEditorStripeAWSLINEPHPECWordPressServerSquareVue.jsGeneralJavaScriptSEOgit/githubBrowserDockerJSONPythonCommandLaravelNode-jsサイト運営者shinWEB制作・エクステリアデザインを行う、山と自然大好きなプログラマー&デザイナーです。コロナを機に長野の山奥に移住、標高1200mの地で薪ストーブのあるログハウスで暮らしています。妻と子供をこよなく愛する1児の父。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。Systemで1日単位の予約と過去の日付をグレーアウトする方法|ショートコードの使い方と予約最大期間(ローリング)2024/3/12024/3/2【WordPress】ブログ一覧が表示されないときの対処法。コードの変更が適用されませんでした。修正して再度保存してください。2024/4/262024/4/27WordPressでglobal変数の中身を確認する方法。$submenuなどのデバッグ2023/9/52024/1/12【WordPress】Inspiroテーマの投稿ページを編集する方法。投稿者、コメント、カテゴリ、日付の非表示や移動。r.children[i]}}}}}()タイトルとURLをコピーしました。