ブログ

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

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ファイルの修正なんかも行って、ここにやっと辿り着けました。

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

無料アドバイス
The following two tabs change content below.

山口 敦

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

関連記事

  1. エクセルやワードから「Googleドライブ」にシフトしました
  2. 朝日 早朝から仕事をする3つのメリット
  3. エックスサーバーとラビットSSLでhttpsサイトを簡単設定
  4. 契約書と申込書の違いを区別できますか?
  5. 来襲 不正なアクセスでよくあるパターンと防ぎ方
  6. 弊社HPが表示されているGoogle検索結果上位30個を公開
  7. Web画像 紙チラシをWeb掲載する際に注意すべき画像とテキストの違い
  8. 分岐点 選別受注とは、事前に納得してから購入してもらうということ

最新のお知らせ

スタジオポルテ夙川公園FPオフィス様HPを制作しました

JRさくら夙川駅から徒歩5分ほどのところにある、国道2号線沿いの「スタジオポルテ夙川公園FPオフィス」様のホームページを制作させていただきました。 こちらには松村様が経営されている、デイサービスという介護事業所があり、同 […]
コメントなし

赤外線雨漏りドクター様のHPをリニューアルしました

赤外線建物診断のパイオニアとして西宮を中心に近畿各地、要請があれば全国各地の建物の診断をしている、アーキテック様のホームページのリニューアルをお手伝いさせていただきました。 建物の雨漏り診断と外壁劣化の調査をドローンや特 […]
コメントなし

制作サービス体系を変更します

検索エンジンからの集客数を大きくするためにはブログは新規投稿を継続すればいいということはありません。 現状のインターネットの状況をお伝えしますと、ブログは過去に書いた記事をきっちりと書き直したり、充実させたり、似たような […]
コメントなし

今津の買取ぷら座一蔵様のHPをリニューアルしました

国道43号線沿い今津交差点すぐ南側にある買取ぷら座一蔵様のホームページのリニューアルをお手伝いさせていただきました。 元々、女性の担当の方がしっかりとしたホームページを作っておられたのですが、デザイン面や機能面でさらに充 […]
コメントなし

フラワーアレンジメントの大垣花店様のHPを公開しました

大垣花店様のホームページ制作では、ベースとなるテンプレートの決定に時間を費やしました。 元々独自でホームページを制作し、運営しておられましたが、今回全面的にアレンジメントを押し出していく形でのリニューアルとなりました。 […]
コメントなし

WordPress自動お見積

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



サイト内検索

最近の記事

  1. どら焼き
  2. 専門家

アーカイブ

PAGE TOP