og:image, Twitter cards, and Pubsubhunbub

この週末で、ブログをいくつかアップデートしてみました。 まずはog:imageを必要に応じて設定できるようにし、そのあとTwitter cardsの登録。 最後にフィードをPubsubhubbubに対応させました。

個別記事のページを開くとhtmlのヘッダにmetaタグでいろいろ列挙されてるんですが、 それはオープングラフという規格で、これらを指定しておくとフェイスブックや Twitterなどでシェアされたときに、タイトルや本文などを良い感じにしてくれます。 まあ、シェアされたことは一度もないんですが。

その中には画像を指定できるタグ(og:image)があって、今までは固定の画像をつかっていました。 今回これを指定した画像に置き換えるようにしました。例えば、この記事だと Taste of Chicagoのゲートが指定されるようになってます。

といってもPelicanのテンプレートをいじって、画像のパスが指定された時に置き換えるだけ。 画像のパス指定はmarkdownのmetadataでします。そのためにimg:という項目を追加しました。

せっかくオープングラフも充実させたので、Twitter cardsにも登録してみたいと思います。 Twitter cardsの登録はここに指定項目を埋めて申請するだけでおｋ。 実はここで、og:imageに固定画像は望ましくないと書かれていたので、今回の画像指定機能をつけようと思ったのです。 申請には数日かかるかもと書かれてますが、数分で承認完了のメールが届きました。

最後にPubsubhubbub対応にしてみました。これは記事の更新をリアルタイムに通知することが可能な技術で、 Google先生が対応しているということで、その効果の程はわかりませんが、 もしかしたら更新が即インデックスに反映されるかも、という期待を込めてやってます。

といっても単にここに書いてある項目にしたがっただけです。 ATOMフィードにlinkタグを追記しなければならないのですが、 例によって、PelicanのATOMフィード生成に介入する方法を知らないので、 フィード生成後にperlを使って必要な項目を追記しています。 発行したことをGoogleのサーバに知らせるのはcurl --dataを用いました。

テストした限りでは、うまく行ってるみたいです。