ブログ

SSL化対応で警告(黄色マーク)が出る場合の解決方法

⇒ WordPress設置・運営の個別指導
LINEで送る
Pocket

HTTP昨日からサイト全体をSSL対応させるべく取り組んでおります。

こちらの記事の続きです。→ 独自ドメインでSSL化が簡単にできそうです

きっかけは今後Googleが、SSL対応のサイトを推奨しているという情報を受けて、取り組み始めたものでした。

いや、それもありますが、踏み切ったのは、エックスサーバーからのSSLの割引キャンペーンのメール連絡であったことは、否めない事実です(笑)。

スマホでの表示や検索結果の表示に関して、「https」が付いていると、セキュリティを重視したサイトであるということが見た目にはっきりと分かります。

そのため、弊社のホームページ制作サービスを選んで頂くための一つのアドバンテージになるかも知れないと思ったこともきっかけです。

簡単なのかなと思ったのですが、いざ取り組み始めると様々な問題に直面しました。

色々調べてみると、いつも参考にさせて頂いている「海外SEO情報ブログ」に書いてある内容が大変参考になりました。
→ ブログの完全HTTPS化を完了、HTTPからHTTPSへの移行プロセスを共有

また、こちらのサイトではSSLの大変丁寧なマニュアル情報が書かれています。
→ 5分でわかる正しい Web サイト常時 SSL 化のための基礎知識

サイト全体のSSL対応は、エックスサーバーの方で処理をして頂いたので、すぐに変更ということになったのですが、大きく分けて問題が2点出てきました。

1.セキュリティに関する問題

黄色い三角の警告部分ウェブロードのホームページをGoogle chromeのブラウザで見ると、軽微な警告ということで黄色の三角のマークがアドレスバーの左手に出てきます。

この黄色い三角の警告マークを取ることに、今は試行錯誤をしています。

ただ、調べていると下記のようなことが原因であるというのが分かりました。

<https://~>で構築したwebサイトの中のページ内の「ソース」における各要素に要素に<http://~>という非暗号化のパスで参照されているファイルがあると警告が出てきます。一番出やすいのはサイト内参照の「image」ファイルや「java」等のスクリプトファイルです。外部へのリンクは<http://~>でも全く問題はありません。

この<http://~>の部分があると、ブラウザによっては警告が表示されたり、そもそもサイト自体が表示されないという状況が発生します。

この問題点は、ドメイン内部だけの問題で、<https://~>のセキュアな環境から、他ページへのリンクは<http://~>という形でも問題はありません。

アンカータグでのリンクはもちろん、その他にも「img」タグや「script」タグなどの要素が<http://~>という形式になっていると、警告表示となってしまうようです。

現時点で警告状態なのですが、分かっているのは、忍者ツールのソーシャルブックマークボタンを使っているところに<http://~>で始まるソースがあるので、まずはそれを取り除かないといけないなと考えてます。

ちなみに<http://~>から<https://~>に変更すると、今までにもらったFacebookの「いいね」やtwitterのリンクは全部なくなってしまうようです。

また一から「いいね」を集めたりといったことになってしまうのが少し残念ですね。

まあ、いずれ<https://~>に変更するのであれば早い段階にやっておけばいいのかなと思いました。

今後、ウェブロードのサイトでも、お問い合わせフォーム以外に、顧客情報を入力して頂いたり、会員サービスを提供したり、決済システムを導入したり、何らかの形で<https://~>のセキュアな環境を使わなければならない可能性もある事を踏まえて、変更しておけば良いかなと考えたのです。

2.重複コンテンツに関する問題

今まで6年以上運営してきた「http://www.webroad.co.jp/」から、完全に「https://www.webroad.co.jp/」に移行することになるので、301リダイレクトで対応してみました。

アクセス解析はそのまま<http://~>で登録した時のもので問題ないようですが、グーグルウェブマスターツールは、<https://~>のサイトアドレスで追加登録しました。

丸1日経ったのですが、こんな状態です。明日くらいから徐々に増えてくるのかな!?

ウェブマスターツール

「https://www.webroad.co.jp/」のグーグルウェブマスターツールは632ページインデックスされているのですが、今回は再度0からのスタートです。

どこまで増えていくのか様子を見守っていきます。

<http://~>でインデックスされているページについては、サーバー内でサイトの301リダイレクトの転送処理を行っているので、問題なく引き継いでくれるはずです。

ただ、今までと同じキーワード検索順位ランキングにいてくれるかと少し不安を持っています。

ドメイン自体は「webroad.co.jp」と変わっていないので、Google側で適切に対応してくれるだろうなと少し期待を持っています。

リダイレクトなどの部分は、こちらで色々作業をしなければならないとなると面倒ですし、大きく順位を落とすような事になればショックですからね。

404ページも作っておかなければ、今はファイルのないページにアクセスすれば、エックスサーバーの「404 File Not Found」ページが出ています。対応を急がなければなりません。

そんなこんなでこの土日も家族サービスの合間にパソコン片手に調査したり、修正したり、ブログを書いたりと、色々な作業をやっていますが、なんとか月曜日中ぐらいに問題解決させてしまいたいなと考えています。

追記)2/1(日)13:20 ようやくエラーが消えました。

https問題解決はてなブックマークボタンの自動生成リンクボタンがどうしても、<http://~>で始まるのが消えず、はてなブックマークボタンを削除してしまえば解決しました。

データベース文字列の変更も行いましたし、JavaScriptファイルの修正なんかも行って、ここにやっと辿り着けました。

今日からまたウェブロードサイトも再出発です。引き続き、今後ともどうぞよろしくお願い申し上げます。

無料アドバイス

ウェブロードの3つのサービス

自社管理できるWordPressサイトを制作したい方、サイト更新作業委託とアドバイスが欲しい方、本気でSEOに取り組む方に向けたサービスを展開しています。ご相談はこちらからお気軽に。

WordPress自動お見積
The following two tabs change content below.

山口 敦

代表取締役株式会社ウェブロード
1974年大阪生まれ。西宮商工会議所青年部所属。プロフィールはこちら。経営理念「頑張る人の自立を応援する」の下、IT活用に積極的な個人・中小企業のWebサポートを積極的に展開しています。

関連記事

  1. 契約書と申込書の違いを区別できますか?
  2. ハードディスクケースでデータ復旧させました
  3. 弊社HPが表示されているGoogle検索結果上位30個を公開
  4. 能力の高いプログラマーの見つけ方
  5. 僕が社長ブログを書く3つの理由
  6. 西宮市で確定申告を行う時の参考サイト
  7. 来襲 不正なアクセスでよくあるパターンと防ぎ方
  8. エックスサーバーとラビットSSLでhttpsサイトを簡単設定

WordPress自動お見積

メルマガ登録
メールアドレス
お名前(任意)



WP立ち上げ個別指導ご予約

2017年10月
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2017年9月

サイト内検索

最近の記事

  1. どら焼き
  2. 専門家

アーカイブ

PAGE TOP