エラー

サイトのサブディレクトリのSSL化が失敗してできない時の原因と対処法

 

こんにちは。takuです。

サイトを複数運営している上で
各サイトをssl化させることは
セキュリティの面からも必須となります。

前回の記事では独自ドメインのサブディレクトリ
のSSL化について詳しく解説していますので、
それをまだ見ていない方は、
まずそちらをご覧ください。 

 

[kanren id=”1651″]

 

そして通常であれば、SSL化はうまくいくはずなのですが、
僕の場合は、SSL化設定をしても
うまくサイトがhttpからhttpsにならずに
警告マーク(エラー表示)が出てしまいました。 

 

[say name=”taku” img=”https://takudlc.com/wp-content/uploads/2018/06/吹き出し用taku(焦り顔)_03.png”] なぜ??![/say]

 

今回はそのサブディレクトリの失敗してうまくできない時の
原因と、解決策・対策について
解説していこうと思います。 

 

サブディレクトリのSSL化がうまくいかなかった原因

 

まずSSL化の設定をしたのは
メインサイト(独自ドメイン)である、
このサイトhttps://takudlc.comの
サブディレクトリである、

[list class=”ol-circle li-mainbdr main-bc-before”]

  1. ランディングページ(https://takudlc.com/lp2/
  2. 無料コンテンツページ(https://takudlc.com/netbusinesspoints/)

 [/list]

のふたつでした。 

 

[say name=”taku” img=”https://takudlc.com/wp-content/uploads/2018/06/吹き出し用taku(嬉し顔)_03.png”]

※無料コンテンツページを閲覧したい場合は、
 こちらからメルマガ登録してくださいね。https://takudlc.com/lp2/

[/say]

 

そして、ランディングページ(https://takudlc.com/lp2/)は正常に
httpからhttpsに変更ができたのですが、 

 

無料コンテンツページに関しては次のような
表示になってしまいました。

[box class=”box28″ title=”エラー表示”]

[/box]

 

エラーが出たらまず すること

 

このようなエラーが出た場合は、
まずすることは、原因の追求です。 

 

一番手っ取り早い方法は、主に次の二つです。 

 

[list class=”ol-circle li-mainbdr main-bc-before”]

  1. ディベロッパーツールでの確認
  2. ワードプレスのプラグイン更新 

[/list]

 

ディベロッパーツールというのは、閲覧ページの
各要素の詳細を見ることができる超便利ツールです。

 

[box class=”box28″ title=”ディベロッパーツール”]僕がディベロッパーツールを活用するのはこんな時です。

[list class=”li-chevron li-mainbdr main-c-before”]

  • ページのCSSの要素やHTMLのタグ名などを確認する時
  • ページのデザインCSSをシミュレーション操作する時
  • 各ページのエラー詳細の確認をする時

[/list]

[/box]

ディベロッパーツールの詳細に関しては
別記事で説明するとして、今回はエラー表示の原因(詳細)
の見方だけを紹介します。 

 

エラー表示の原因を確かめる方法

まず自分の確かめたいページをディスプレイに表示させ、
ページ上で右クリックをします。

 

すると上のような、モーダル(小ウィンドウ)が
表示されますので一番下の【検証】をクリックします。

 

すると次のようなディベロッパーツールが表示されます。↓ 

 

[memo title=”難しいの?”]初めてディベロッパーページを開く方にとっては、 ちんぷんかんぷんだと思いますが、 慣れてくれば、だんだん使いこなすことも できるようになりますし、普段使用する部分は ごく一部でしょうから、心配することなく、 チャレンジしてみましょう。[/memo]

 

そして、上部にタグがたくさん出ていると思いますが、
ページそのものにエラーが出ている場合は、
「console」タグをクリックしてみます。↓ 

 

 

 

すると、このような画面に移ります。↓

 

エラーがある場合は、この部分に
原因詳細がそのページに書かれていると思います。 

 

その内容を見て、問題の原因を特定します。

[box class=”box28″ title=”ポイント”]このエラーの内容に関しては、各人でサイトの不具合は異なる場合があります。僕の場合は、過去にアップロードした画像が読み込めていないことがエラーの原因だったので、その部分を改訂することでエラー表示は解消することができました。[/box]

 

ワードプレスのプラグイン更新

 

その他にも、ワードプレスの管理画面でダッシュボードに入り、
更新していないプラグインがないかを確認してみます。↓ 

 

 

更新されていないプラグインや、ワードプレスのバージョンアップなどがされていない場合も、
まれにエラーの原因になることがあります。 

 

[alert title=”注意点”]しかし、ワードプレスのバージョンアップに関しては、テンプレートとの相性や自分でカスタマイズしたプラグインや設定と干渉して、更新することで逆に不具合になる場合もありますので、事前のチェックが大切です。関連する他のサイト記事などを検索し調べることが得策でしょう。[/alert]

 

それでもわからない場合

内部リンクをSearch Regexで置換する

これは、ワードプレスのプラグインになります。ッッFT
参考記事として次のブログを参照してみてください。↓

https://nelog.jp/wordpress-ssl

目次の5番目の項目になります。↑ 

 

それでも無理な場合

 

上のSeach Regexを使っても解決できない場合が時々あります。
僕はそのケースでした。 

 

本当に最終手段としてできることを今から
教えます。 

 

それは、地道に記事投稿画面のテキストモードから
ひとつひとつhttp表記を探し、それを全部httpsに
書き換えるという超アナログな方法です。

 

[say name=”taku” img=”https://takudlc.com/wp-content/uploads/2018/06/吹き出し用(汗顔)taku_03.png”] 地味ですがこれが実は最も確実な方法であったりします。笑[/say]

 

その際にテキストモード画面に入りましたら、
コードがズラッと並んでhttp表記を見落としてしまいそう
になりますから、 

 

検索置換機能を使ったら非常に便利です。
それはShiftキー+Fボタンでできます。

 

検索バナーが出たらそこで「http」を
打ち込み、ベージ内に黄色でマークがされれば、
それを順番にhttpsに書き換えていくだけです。 

 

 

地味な方法ですが、最終手段としては
これが有効です。 

 

僕はこれで、サイト全体(メインドメイン+サブディレクトリ)が
ようやく正常にSSL化されました。 

まとめ

ということで、今回はサブディレクトリのSSLがうまくいかずに
エラー表示がされた場合の対処法について記事にしました。 

 

まとめると 

[list class=”ol-circle li-mainbdr main-bc-before”]

  1. サイトのサブディレクトリページのSSL化でたまにエラーが出ることがある
  2. エラーが出た時は原因を追求しよう
  3. エラーを確かめる方法としてディベロッパーツールが有効
  4. 【console】タグで問題の原因を確認
  5. 画像リンクのエラーがある場合が多い
  6. 画像やリンクを削除するなどで対処してみる
  7. その他にはプラグインやワードプレスの更新などの方法がある
  8. プラグインSearch Regexを使う
  9. 地道にテキストモードで表記を変更していく
  10. ワードプレスの更新アップデートには事前の確認が大事

[/list]

 

複数のサイトを運営する場合は、サブドメインとサブディレクトリの違いを明確にしながら円滑でユーザビリティを配慮した良質なサイト運営を心がけていきましょうね!

ABOUT ME
TAKU
2019年4月に地方へ移住し、PC1台で起業。田舎で子育てライフスタイルDIY中。地方創生アンバサダーや、国内最大100人規模のビジネスコミュニティ専属コンサルタントを勤める傍、同時に独自コンサル企画も運営中。Webマーケターおよびブログコンサル(アクセスアップ・SEO)。オフィシャルメディアDIY LIFESTYLE CREATION主宰。

家族との時間を増やして田舎で子育てするために副業からPC1台で独立した在宅パパ。

 

 

ライフスタイルをDIY。もっと自由に。もっとクリエイティブに 。★

 

はじめまして!当サイトの管理人のTakuです。
僕は現在4人の子供を持つ父親なのですが、
結婚してからのリーマン形態では思うように子供との時間も取れず週休1日で長期休みも年間で3×2回ほど。

 

海外などで盛んに取り組まれているオルタナティブ教育などにも興味がありながらも、家族とも一緒に過ごす時間もないそんな状態で、毎日悶々と同じ日々を過ごすことに限界を感じていました。

 

たった一度の人生、やらずに後悔したくない!と一念発起。
独立して家族みんなで田舎へ移住することを決心しました。

 

田舎での暮らしの自営を実現するために、まず副業として、ほぼ知識ゼロの状態からネットビジネスの世界に飛び込みました。

 

それから、僕は自分のペースで取り組んでいったのですが、
自分が立ち上げたサイトから4ヶ月で10万円を稼げるようになり、そのまま作業を続けていると、次の月、そのまた次の月と20万円、30万円と副業月収が本業を上回るような状態になり、地方移住を実現。

 

その後2つ目サイトも3ヶ月で月収30万達成。現在は
アフィリエイトやWEBサイト運営、WEB広告の運用に関する
コンサルティングをしながら緑に囲まれた自宅で、
仕事をしながら暮らしています。

 

これからは「もっと、自由なライフスタイルと時間を共有できる仲間」を増やし、仲間でライフスタイルがそのまま仕事になるような生活を広げていきたいと考えています!

↓↓

詳しい自己紹介はこちら

 

個人がインターネットビジネスでPC1台で時間や場所の縛りから自由になって
理想とするライフスタイルを手に入れるための、ノウハウや考え方などをメルマガ

で配信中。

 

↓↓