2015年6月1日月曜日

Bloggerに新しいタグが追加、大きい画像を取得できるようになりました

Blogger で大きい画像の URL を取得できるようになり、Facebook の og:image の設定が簡単になりました。

今までの Blogger の data:blog.postImageThumbnailUrl では、最大 72px 四方の画像しか取得できません。

投稿内の最初の画像に限り、data:post.firstImageUrl タグにより原寸大を取得できましたが、<head> 内では展開されないため、og:image には使えませんでした。

data:blog.postImageThumbnailUrl を JavaScript で編集して人気の投稿などの画像に原寸大を使うこと自体はできます。しかし、OGP などのページのメタデータは、後から動的に変更するものは、確認した限り全てのサービスで無効でした。

そのため、これまでは、OGP の og:image を利用するソーシャルメディア用の画像は実質的に Blogger には設定する事ができませんでした。例えば、Facebook、PinterestAddThis。とくに AddThis で利用される画像は、og:image のみと厳格なため、画像を使ったツールは現実的に全て使えませんでした。

Blogger に新しいタグが追加されたことにより、それが可能になりました。いつものように公式のアナウンスはなしです。