BloggerでOGP設定とTwitterカードを改めてなんとかしてみた。｜Bloggerカスタマイズ【備忘録】

追記20190830：タイトルを変更『Blogger【ライフハック】』から『Bloggerカスタマイズ』に。 BloggerでOGPを導入する 『Open Graph protocol』の略称でOGP、オープン・グラフ・プロトコルと言います。FacebookやTwitter、Google+などSNSでハイパーリンクを貼った時に、要約（サマリー）、写真（グラフィックオブジェクト）をまとめたリッチリンクを表示させるプロトコルです。 要するにFacebookで気に入ったページのリンクを投稿するとサムネイル画像と記事の要約が出るアレです。このOGPは世界統一規格のプロトコルとしてHTMLでmetaタグのソースコードが決められています。例としては以下のようなmetaタグをテンプレートのHTML内に記述することで使えるようになります。 <meta property="og:title" content