ブログカスタマイズカテゴリのご紹介

素敵映画に出会えた時の感動をそのまま書き綴る、映画感想ブログ.

SSL化が完了しました

環境設定からSSL化を有効にするとSSL化できるようになったので、さっそく有効にしてみました。
ちょこちょこ準備してあったので、なんとか全ページ緑の鍵マーク(鍵というか錠前。Edgeだと灰色です)のがついていることを確認するところまで完了。SSL化するまでと外してあったコメント欄のパスワードも復活させてます。

ただ、個別記事の下に表示していた関連記事のサムネイルが何故かhttpで始まっていて、混在コンテンツとして鍵に注意マークが表示されてしまったので、修正されるまで外すことにしました。最新記事のサムネはちゃんとなってたから、たぶん運営の人がうっかりしてるんだよね?9/23に確認したら直ってました。というか、SSL化した直後だったせいかも?

SSL化するかしないかは個人の自由みたいですが、いちおう天下のぐーぐる先生が推奨しているし、ChromeやFirefoxではSSL化してないページに警告を出したりと厳しくなっていくと思うので、時間のある時にやっておいた方がいいと思います。でも、一通り修正箇所がないかチェックしてからが安全でしょうね~。
というわけで、私がチェックした部分をメモしておきます。(あくまで私が万全を期してやったことなので、やらなくても案外大丈夫です)

◆SSL化前にチェックしたこと◆

  • 1、httpで始まっているfc2ブログ以外の画像の削除、もしくは張り替え修正(広告やcssスプライトなど)
  • 2、古い動画の埋め込みを貼り替え、もしくは削除してテキストリンクに変更
  • 3、拍手や投票フォーム、ソーシャルボタンなどのタグを新しいものに貼り換え(SSLに対応していない場合は、代替サービスを探すか削除してください)
  • 4、テンプレの編集画面で「http」をページ内検索。「blog-imgs-○○」などfc2の画像サーバーに置いてあるもの以外で、jsファイルやcssファイルがあるならSSLに対応していないかチェック。対応していなかったらそれらのファイルをDLしてfc2の画像サーバーにアップ。わからないものは触らない。
  • 5、(SSL化してから気付いたけど)最新記事のサムネを表示する変数を最新のものに変更(テンプレ編集画面の「テンプレート中に使える変数一覧」にある「記事内の画像をサムネイル画像として表示」の大小どちらか)もしかしたらサムネ付き最新記事一覧のプラグインを登録し直せば最新版になるかも?

◆SSL化後にやったこと◆

  • 1、ランキングサイトやサーチコンソール(ウェブマスターツール)などの登録情報の修正。サーチコンソールはプロパティ追加で別のサイトとして登録し直します。アナリティクスは簡単に修正できるらしい。
  • 2、サムネ付き関連記事の一時撤去直ったので復活
  • 3、コメント欄のパスワード復活
  • 4、ブログ内検索をfc2プラグインに戻しました(google検索の修正がめんどくさかったので)
  • 5、最新の個別記事からひたすら過去記事にさかのぼって全ページチェック。緑の鍵が表示されていなくて原因不明の場合は、F12を押してブラウザのデベロッパーツールのコンソールタブから原因がわかります。

FC2ブログでタイトルタグの重複対策(備忘録)

「タイトルタグの重複」と聞いてもわからない人はスルーしちゃって下さい。
こんな事に試行錯誤するより、知らない人は知らないまま真面目にブログを更新していた方がアクセスアップに繋がると思いますので。
でも、ウェブマスターツールに登録して、一度気になリ始めてしまったらもう簡単には抜け出せないんですよね…。
そんなワケで、私が行った重複対策を備忘録として残しておこうと思います。後で、ここはどういう意図でこうしたんだっけ?となると、また調べなおさないといけないので(汗)
全体的に、「ありのごとくあつまりて」というブログの「ウェブマスターツール 重複エラー対策のまとめ」を参考にしました。

【このブログで行ったPCテンプレートへの対策】

<!--▽タイトルタグ▽-->
<title>
<!--titlelist_area-->全記事一覧<!--/titlelist_area-->
<%sub_title>|<%blog_name> <%cno>
<!--index_area-->|サブタイトル的なもの<!--/index_area-->
<!--not_index_area-->
<!--not_titlelist_area-->
<!--not_permanent_area-->
<!--not_search_area-->
<!--topentry-->.<%topentry_no><!--/topentry-->
<!--/not_search_area-->
<!--/not_permanent_area-->
<!--/not_titlelist_area-->
<!--/not_index_area-->
</title>
<!--▽メタデータ▽-->
<!--index_area-->
<meta name="description" content="<%introduction>">
<!--/index_area-->
<!--▽正規化▽-->
<!--index_area--><link rel="canonical" href="<%url>"><!--/index_area-->
<!--permanent_area--><link rel="canonical" href="<%url>blog-entry-<%pno>.html"><!--/permanent_area-->
<!--titlelist_area--><link rel="canonical" href="<%url>archives.html"><!--/titlelist_area-->

上記は修正前の状態です。追記でちょこちょこ変更してるので注意。あと、XHTMLの場合は、「meta」や「link」は「 />」で閉じます。

→Read More

ギャラリーできました

サイドバーのプチギャラリーにある≫イラスト一覧を見るをクリックすると見られます。
過去イラストのサムネイルを3ケ月ごとにまとめました。カーソルを合わせるとツールチップが表示され、何のイラストかわかり、画像クリックでその記事にとびます。

ただ、ギャラリー記事をつくるにあたって、過去記事(主に雑記)をリメイクしてしまいました。コメントを頂いた記事をリメイクするのは心苦しかったんですが、未完成記事を大量更新するのは嫌だったのと、情報が古いものなどもあったので思い切ってやってしまいました…。コメントを下さったみなさん、本当に申し訳ありません(コメント自体は残してあります)

ちなみに、いっぺんにサムネイルを大量表示すると読み込みがすごく遅くなるので、前から気になっていたCSSスプライト(複数の小さな画像を一枚にまとめ、読み込みを一回で済ませるサイト高速化のテクニック)を試してみました。
というか、最初それを忘れていて、完成したと思ったら滅茶苦茶重くて直さざるを得なかったんですけどね(笑)
しかも、その前に一度、自分で作った横150px縦110pxの900枚くらいのサムネイルをうっかり削除してくじけそうになったんですけどね!(バカ)
以下、ブログ高速化やCSSスプライトに興味のある方の参考になれば…。

→Read More

.