wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

wordpress屋のマルチメディアコンテンツ制作読んどけ☆コラム

fc2ブログでSSL対応開始!設定方法や注意点をチェック!

      2017/11/01

こんにちは、管理人@SS_mshpです。

今回は、管理人も使っている大手ブログサービス(fc2)で、ブログ本体もSSL暗号化接続が可能になったのでやってみます。

社会的信用はいまいちだけど(fc2動画のせいで笑)、プラグインやテンプレートがいっぱいあったり、スマホページもエディットし放題、独自関数で出力先変えたりと、拡張性・機能だけは高いので、SSLで今後も活用できるかもしれません。さっそくみていきましょう。

■なぜSSL化が必要?理由は通信の保護やGoogleChromeセキュリティ警告

以前このサイトに貼った画像です。2017年10月のGoogleChrome仕様変更で『通常のhttpページにはセキュリティ警告が出る』という方針になりました。たとえアドレスなど個人情報を取得したりする機能(メールフォームや掲示板)が無くても、『ブラウザ警告』は閲覧ユーザーをかなりびっくりさせることになってしまいます

そこで、インターネット業界各社、SSLの対応が必要になってきました。
http://fc2information.blog.fc2.com/blog-entry-1874.html
アナウンスによるとfc2でも動画やアクセス解析・管理画面・広告配信をSSL化し、9月半ばから順次ブログも対応できるようになったということです。

今回は、管理人が以前やっていたfc2ぶろぐのアカウントが残っていたので、

これをSSL対応にしてみます。

■fc2ブログでSSL設定する方法

まずは、fc2ブログの管理画面に入ります。

メニューの『設定』の中にある、『環境設定』を。

『環境設定』のページには、4つのタブがあります(ユーザー情報・プロフィール・ブログ設定・その他)。

『ブログ設定』の下のほうに、『SSL設定』という項目ができていますので、ここをクリック。

あとは、『SSLを有効にする』を選び、『更新する』を押して、しばらく待てば、ブログがhttpsアドレスで見られるようになります。

『fc2ブログ独自ドメイン』はまだ対応していないらしいので、今後のアナウンスを待ちましょう。

また、昔のガラケー(フィーチャーフォン)だと、サイトが見られなくなるおそれがありますので、解析を見て『ガラケーユーザーが多い』というサイトは、少し対応を検討してください。

実際、総務省のサイトでも『サーバー証明書の新しい規格への切り替えで、ガラケーが新しい規格に対応していないのでサイトが見られない』ということがアナウンスされています。
http://www.soumu.go.jp/main_sosiki/joho_tsusin/security/enduser/security01/12.html

■SSL対応後の様子や、注意点

■管理人のブログもSSL化しました

このように、サクッとSSL化が可能に。サーバー番号入りだったurlが、サーバー番号なしに変わりました。そちらにアクセスしても、新urlにリダイレクトがかかります。画像ファイルなどは『http://blog-imgs-●●.fc2.com』という領域に入っているんですけど、こちらもhttpsでアクセスできます。
その他、公式プラグインやサービス(解析やアクセスカウンター)も、古いものは張替えしなきゃいけないけど、現在ではSSL対応版がリリースされています。

■注意:外部webサービスでhttp接続のものは、SSLで完全に保護できません

管理人のブログの場合ですと、『fc2社外のrss取得ブログパーツ』が貼ってありました。これがhttp接続だったので、完全に保護が有効になりませんでした(そういうわけでカット)。

2017年10月以降は、こういった『rss更新情報ブログパーツ・ランキングやアンテナサイトをつかったアクセストレードのシステムが、https対応していない場合、影響が出る』かもしれません。アフィ収益などもね。

■fc2ブログSSL化まとめ

  • 設定自体は、環境設定から簡単
  • ユーザーの意思で、SSL化するかしないか選択できる
  • 旧urlにアクセスされてもリダイレクトがかかる
  • 独自ドメインの人はちょっと対応を待つ
  • fc2内部のサービス(解析・カウンターなど)は、バージョンが新しいものはSSL対応できてる
  • ガラケーユーザーが読者に多い人は見られなくなる可能性が高いので注意
  • 外部のブログパーツや、画像を外サーバーから借りるアフィリエイトタグなどは注意

といったところでしょうか。状況に応じて選択し、良いブログ環境を作っていただければと思います。

*お問い合わせフォームページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

■LINEできいてみる(アカウントがある方)

(タップ・またはqrでアプリを起動してください。回答できる内容には限りがありますが、なにか課題解決のきっかけができるかもしれません。)


【カテゴリ】 - webサイト制作 【タグ】 - ,

  関連記事

ワードプレス・ブログメディアで、ヘッダー画像を変える2通りの方法【phpモバイル非表示有】

今回は、ワードプレス・ブログメディアのサイトを作ったときに、ヘッダー(上 …

googleカレンダーとメールフォームで、予約受付ってできるの?iframeレスポンシブに気をつけて

今回は、googleカレンダーとメールフォームで、予約受付ページを作って …

オウンドメディア&コーポレートサイトを、1サーバー1ドメインで構築する手順

今回は、ワードプレスなどを使って、汎用性のある複数サイト組み合わせを行い …

ワードプレスCSSで色が変わらない時『functions.phpやテーマカスタマイザー』もチェック

今回は、ワードプレスのサイト制作をするとき、ひっかかりそうなポイントにつ …

【海外CSSテク・before擬似要素】リストタグのマーカーだけ色・模様を変えて、カラフル・おしゃれにする方法

今回は、CSSをうまく使って、リストタグの見栄えを変えてみます。 よくあ …

webサイトがカッコ良くなるCSS~RGBAカラーやグラデーションで微妙な色合いも表現

今回は、webサイトをカッコ良く見せるために必要な基本技術・CSS(スタ …

ワードプレスサイトを独自ドメインで公開するまでの流れや注意点

今回は、最近何件か対応させていただいている、ワードプレスサイト制作につい …

【PHPで条件分岐】wordpressのサイトで、ページごと(固定・記事・カテゴリ・複数ページ)に、表示される内容を変えたいっ!

今回は、wordpressのサイトで使われるPHPプログラムの条件分岐で …

【ワードプレスサイトで更新情報表示】phpで取得と、プラグインで表示どちらが良い?

今回は、ワードプレス系のサイトで、トップページとか任意の部分に『ブログ部 …

baserCMS(ベーサーシーエムエス)サイト制作2~テーマCSSやパーツPHP編集でデザイン

今回は、前回ちょっとインストールしたbaserCMS(ベーサーシーエムエ …