このブログにOGPを設定した

そういえば、ということでOGPを設定した。

Tinkererで、すでにカスタムしたテーマをつかっているので、_themes以下にあるpage.htmlに以下のようなのを追加した。

{%- block extrahead -%}
<meta property="og:title" content="{{ shorttitle }}" />
<meta property="og:description" content="{{ title|striptags|e }}" />
<meta property="og:url" content="http://misc.mat2uken.net/blog/{{ pagename }}{{ file_suffix }}" />
<meta property="og:image" content="http://misc.mat2uken.net/img/gfbl_logo.png" />
{% endblock -%}

カスタムテーマはboilerplateを継承してるので、そのlayout.htmlを見て、extraheadのblockに足せばいけるやろ、ということでそこに追加。 og:urlのところだけなんかすごい不格好で、Tinkererというか、Sphinxが提供しているJinja2のテンプレートで使えそうな変数とかヘルパー関数をみてみたんだけど、自分のURLをさくっと取る方法がよくわからなくて、pagenameとfile_suffixをつなげて、その前のURLの部分はベタ打ちという形にした。なんかコレ、もうすこしまともな方法ありそうなんだけどよくわからんかった。

OGPの確認方法

FacebookのOGP Debugger を使えば、さっくり確認できてオススメ。というか、これで読めれば実質、Facebookさんのために設定してるOGPなので安心ということで。

エラーメッセージがたまにわかりにくいことあるけど、結構普通に使いやすいですよね。

ロゴ

これを機になんか適当にロゴつくってみた。

../../../_images/small_logo_sample_for_ogp.jpg

すごいやっつけだけど、どこか遠くへ行きたい感を出す感じで適当に作ってみた。

とりあえず、ヘッダとかにもこの画像使おうかなぁ。