【超重要】FC2ブログいよいよSSL化でしょうか【画像掲載に変化】

【超重要】FC2ブログいよいよSSL化でしょうか【画像掲載に変化】

割と重要なお知らせ
2017/05/30 2
vanillaice (Akira)
vanillaice (Akira)
SSL AOSSL

本記事内容はFC2に於けるSSL化の過程で起きた一時的な事象です。現在の仕様とは異なります。

----- 以下本文

たぶん昨日ぐらい…からだと思うのだけれど。FC2ブログエディターを利用した 画像添付 に異変あり。恐らくそれはSSL化に向けて本格的に移行作業が始まったのではないかと思われます。

画像を貼り付けたのにサムネイルに出てこない! という方は それはFC2の不具合ではありません。一時的なもの… だと良いけどわからん(笑)

急にサムネイル画像が出なくなってしまった、という方へ向けての対処も掲載していますので、お心当たりの方はお読みください。

これまでの画像添付と現状の違い

FC2エディターを利用することが前提です。このアイコンですね。左が「旧投稿画面」右が「新投稿画面」 ↓

上記アイコンをクリックして画像を掲載した時に出力されるコードは以下のような形でした。

<img src="http://blog-imgs-数字.fc2.com/*/*/*/固有ID/ファイル名.jpg" alt="" border="0" width="数値" height="数値" />

余分なものは省略しています。緑色の http: の部位を スキーム と言います。このスキームが書かれているアドレスのことを 絶対アドレスと言います。または「絶対パス」「absolute path」「絶対URL」「絶対URI」など様々ですが、ここでは「絶対アドレス」で統一します。

ところが現在いつもと同じやり方で添付を行うと、出力コードがこう変化しています。

<img src="//blog-imgs-数字.fc2.com/*/*/*/固有ID/ファイル名.jpg" alt="" border="0" width="数値" height="数値" />

スキーム無いなった (▪⌔▪)
つまり スキーム省略アドレス(相対ネットワークパス参照)に変更になった ということです。リンクのaタグは省略していますが、画像をハイパーリンク設定にしている方は遷移先ページアドレスも相対化していますのでご確認ください。

まず変化については以上です。

何故変わったのか

もうこれはアレですよね (´・ω・`)
FC2ブログがSSLするから
コレ以外に何があるのか。いよいよか (´・ω・`)

絶対アドレスというのはスキームを明確に指定しますので、仮に滞在ページが https: であっても画像へのアクセスは http: で行うことが確定します

わかりますかね ^^;
スキーム省略によるネットワークパス相対指定というのは、自身の滞在ページと同じプロゥトコルを自動で割り当てますので、https:ページから画像へアクセスする際は自動で https:接続を試みるわけです。でも http: とはっきり書かれてしまうと、嫌でも指定方法での通信をしなきゃいけないわけだ。

そして https: という暗号化された安心接続ページに居るにも関わらず、http: という非安全通信が含まれる場合には 混在コンテンツ という状態になり、画像は 表示が行われなくなります

と、ここでこれまでのFC2の状況を考えましょう。FC2ブログは現在のところ http: スキームを持つブログサイトです。非安全通信で表示されているサービスです。

現在のFC2ブログで…
① スキーム省略アドレスで画像を添付した場合 --- http:アクセスで画像を取得 (滞在ページが http: なので自動的にそうなる)
② 絶対アドレスで画像を添付した場合 --- http:アクセスで画像を取得

SSL化後のFC2ブログで…
① スキーム省略アドレスで画像を添付した場合 --- https:アクセスで画像を取得 (滞在ページが https: だから)
② 絶対アドレスの http: で画像を添付した場合 --- 混在コンテンツ, 表示不可

と、こうなります。それを避けるために「スキーム省略化」を行っていると推測。じゃあ過去の分はどうなる o(`ω´*)o
とかはまだちょっとわかんない。既に記事内に書き込まれた http: のスキームについては、phpかなんかを利用して相対化するのかも。これは希望であり憶測ですが。

今そこにある危機 (サムネイル表示不備)

これなんだけどさー (´・ω・`)
すっごいややこしい説明になりますが…。

OGP と呼ばれるものがあります。ほとんどの方が設定していると思いますが、これは SNSシェア などに大きく関わりのあるもので、シェアが行われた際に

  • タイトル
  • 概要
  • URL
  • アイキャッチ画像

などを正しく表示させるための重要な役割を担っています。アイキャッチの部分を太字にしましたが、
アイキャッチ画像のURLは 絶対アドレスであることが条件 なんですね。これ。そしてFC2サムネイル(アイキャッチ)も同様、絶対アドレスが必須になってます。
ということはだよ?みなさんがエディターを利用して画像を添付します。でも現在は スキーム省略アドレス の掲載に変更になっています。つまりOGPの条件から外れてしまってますね (´・ω・`)
結果

・シェアされたものにアイキャッチが付いていない(プロフィール画像 or No image画像に置き換わっている)
・トップページなどにサムネイル画像が表示されていない

といった状況に…。理屈わかりますかね ^^;

これエディター内で補完するっつっても…。どれをサムネイル対象にするかなんてのはFC2側ではわからんわけですよ。なのでエディター利用段階で処理するのは不可能。

ただFC2内サムネイルだけに関しては、独自変数 でもって上手く処理するのではないかと思われます。サムネイル対象画像だけ絶対アドレスに置き換える処理はできると思うので。その上でOGPとの紐づけですかね (´・ω・`)
えー。頑張ってね? ←
まぁ、なんとか上手くやってくれるでしょう。変更が入ったのはGOサインが出たってことなので、当然デバッグなんかも済ませている…はず!!!

当面はどーするよ?

独自変数がこれからどう変わるのかが不明ですけれど。ともかく「今!」「今日!」出てこないサムネイルをなんとかしたい、という方はですね、ページを開かれまして、サムネイル対象画像に http: のスキームを追加してください。それしかないよ。それが後にどう影響するかはわからんけど。すぐに対処するにはそれしかないです。

それか https: を追加しちゃうってのもアリかも。
SSL化を前提に(笑)
そもそもFC2画像サーバーは https: でも情報取得できるようになってますし。ただしFC2機能の「アイキャッチ」扱いになります。
FC2アイキャッチ = RSS情報に含まれない
OGPはクリアできますのでシェア時の画像配信はできますが、RSSの方はダメ。動作確認済(サムネイル表示OK)ですが、注意点を熟考の上自己責任で。

まとめ

画像掲載時にエディターを利用していない、という方は気が付かないんですよね。ファイルアップロード画面からURLだけをコピーする時はスキームがくっついてますので。

画像に対する処置として http: → https: に書き換えを行うのか。それともスキーム省略という選択をするのか。どちらだろう?と思っていましたが、後者でした。Yahoo!なんかは前者の「スキーム書き換え」になってます。スキーム省略はGoogleセンセの推奨でもありますので、これで良いんじゃないでしょうかね (´・ω・`)

*2019年現時点での推奨は「スキーム省略を『しない』に方針変更されています」

今後どうなっていくのかわかりませんが、見守りましょう ^^;
というわけで、取り急ぎのお知らせでした。

* 当記事のトップページサムネイルは https: スキームで掲載してみました。参考までに。

スキーム省略アドレスについて参考記事

やっぱり今のうちから外部リンクはスキーム省略で書いた方が良いと思う - FC2ブログのあれこれ

常時ssl化 (´・ω・`)(以下 AOSSL (Always On SSL) と称す)FC2にはプラグイン以外全く動きはありませんが…。画像やscriptファイルなど「外部参照」で表示させるものについての記事です。ここで言う「外部リンク」というのはブログやサイトのアドレスのことでなく、画像やスクリプトのこと。...

 2

There are no comments yet.
hige
今日から相対パス

 数日前から、アップした画像のアドレスがhttpだったのをhttpsに書替えても正常に表示されるので、試しにずっとhttpsに書替えて記事を書いてきました。
 ところが今日アップした画像30の内10が相対アドレスになってます。
 いよいよ、来てます。

2017/06/03 (Sat) 20:05
Akira
To higeさん

今記事を書いたのですけれど。

http://vanillaice000.blog.fc2.com/blog-entry-535.html

私の環境では絶対パスに戻ってるんですよね (´・ω・`)
先日までは確かに相対に変更になっていたはず。
カレンダーの件もそうでしたけど、「やってはみたがやっぱり戻します。」が多いですよね。FC2は(笑)
密かにやって密かに戻す、みたいなの(笑)
結局のところ先行き不透明。
もう夏になっちゃったよ。
夏までになんとかできれば大きなアドバンテージだけども、ここ過ぎてしまうと「遅きに失する」に変わってしまう。
頑張っておくれよぅ (´・ω・`)

2017/06/04 (Sun) 12:58

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です。
ご質問の前に 必ずお読みください
テンプレートに関するご質問時のお願い

必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧

割と重要なお知らせ