質問: wordpressでサイトを作成しています。最近外部リンク先もhttps対応となったので、自サイトもSSL化(https)にしました。 そこで、一つ疑問なのですが、どうしても外せないリンク先がhttpのままで、そのサイトにリンクするページは、保護された通信の緑マークが消えて、混在したコンテンツになってしまいます。 単純な画像リンクなのですが、リンク先をhttpのままで保護された通信(緑の鍵マーク)にする方法ご存知の方教えてください。 実際に実現しているサイトもありますので気になって質問してみました。
回答: Upgrade Insecure Requests を使用することで、安全でないリクエストを安全なリクエストに替えるようにブラウザへ指示することが可能です。 HTTP ヘッダに `Content-Security-Policy: upgrade-insecure-requests` を指定するか、`` セクションに下記 `` 要素を追記することで有効になります。 ``` ``` これを行うことで http://example.com/image.jpg を 安全な https://example.com/image.jpg で読み込んでくれます。ただし、https での読み込みに失敗した場合、画像は表示されません。また、対応ブラウザにも注意して使用する必要があります。 Upgrade Insecure Requests - W3C Upgrade Insecure Requests - Can I use 参考になれば幸いです。