The other way round

ARTICLE PAGE

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

author photo

Byvanillaice (Akira)

たぶん昨日ぐらい…からだと思うのだけれど。
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センセの推奨でもありますので、これで良いんじゃないでしょうかね (´・ω・`)

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

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

相対アドレスについて参考記事

やっぱり今のうちから外部リンクは相対パスで書いた方が良いと思う

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


関連記事

Comments 2

hige  

今日から相対パス

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

2017/06/03 (Sat) 20:05 | EDIT | REPLY |   

Akira  

To higeさん

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

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

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

2017/06/04 (Sun) 12:58 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
利用上のお願い (3)
ご質問の前に (2)
よくあるご質問 (1)
FC2不具合情報 (15)
割と重要なお知らせ (34)
テンプレート (68)
ブログ内限定配布 (6)
リリーステンプレート早見表 (1)
テンプレート固有機能説明 (1)
配布終了・旧作 (5)
テンプレ不具合・修正など (57)
カスタマイズ (90)
SNS (5)
FC2ブログのあれこれ (21)
webのあれこれ (8)
装飾枠 (3)
装飾枠使い方とお願いごと (1)
雑記 (32)
洋楽 (103)
50 Cent (1)
Akon (1)
All American Reject (1)
Amy Winehouse (1)
Andain (1)
A Perfect Circle (1)
Aura Dione (1)
Balint Adam (1)
Billy Talent (1)
Bliss (1)
Boyce Avenue (1)
Breaking Benjamin (3)
Breathe Carolina (1)
Catfish And The Bottlemen (0)
Damien Rice (2)
Danny Elfman (1)
Dave Matthews Band (1)
David Lee Roth (1)
Death Cab For Cutie (1)
Diary Of Dreams (2)
Digital Summer (1)
Disturbed (3)
Drowning Pool (1)
Eminem (1)
Five For Fighting (1)
Flo Rida (2)
Fort Minor (1)
Get Scared (2)
Goodnight Nurse (1)
Gotye (1)
Hoobastank (1)
InMe (1)
Ivy (1)
Jamiroquai (3)
Jeniffer Lopez (3)
Jet (1)
Kelly Clarkson (1)
Kelly Sweet (0)
Kula Shaker (1)
Late night almuni (4)
Led Zeppelin (1)
Lenny Kravitz (0)
Limp Bizkit (3)
Linkin Park (1)
Lorde (1)
Lou Reed (2)
Magic! (1)
Maroon 5 (1)
Michiko (1)
Mindless Self Indulgence (1)
Mindy Gledhill (0)
Miss Jane (1)
Muse (2)
N.E.R.D. (1)
Nickelback (1)
Nirvana (1)
Oasis (1)
Panic! At The Disco (1)
Papa Roach (1)
Pharrell Williams (1)
Radiohead (1)
Rage Against The Machine (1)
Red (1)
Red Hot Chili Peppers (3)
Rhye (2)
Rumer (1)
Sade (1)
Sarah Brightman (1)
Shakira (1)
Sixpense None The Richer (0)
Soulja Boy (1)
Steven Cooper (1)
Sting (1)
Sum 41 (2)
Taio Cruz (1)
The Fratellis (0)
The Pretty Reckless (1)
The Weepies (1)
Three Days Grace (1)
Tom Waits (2)
Travie McCoy ft. Bruno Mars (1)
TRUSTcompany (1)
Ty Stone (1)
U2 (1)
Westlife (1)
未分類(個人的テスト等) (48)