常時SSL化の注意点

常時SSL化する場合の注意点

HTMLの修正に関して

  • <a>タグの『href』属性 = リンク先の指定
  • <link>タグの『href』属性 = スタイルシート(CSS)やファビコンの参照先
  • <img>タグの『src』属性 = 画像の参照先
  • <script>タグの『src』属性 = Javascriptの外部ファイルの参照先
  • CSSの”background-image”の『url』 = 画像の参照先 など

絶対バスを使っている場合

修正前

<img src=”http://hogehoge.com/ディレクトリ名/ディレクトリ名/ファイル名”>
<ahref=”http://hogehoge.com/ディレクトリ名/ディレクトリ名/ファイル名”></a>

修正後

<img src=”https://hogehoge.com/ディレクトリ名/ディレクトリ名/ファイル名”>
<ahref=”https://hogehoge.com/ディレクトリ名/ディレクトリ名/ファイル名”></a>

外部リソースのリンクやパスの修正

<link href=”https://hogehoge.com/css/style.css”rel=”stylesheet”/>
<iframe src=”https://www.youtube.com/~”></iframe>

上記の箇所を修正することで、ストレスのない表示あ可能になります。