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、Pinterest、AddThis。とくにAddThisで利用される画像は、og:imageのみと厳格なため、画像を使ったツールは現実的に全て使えませんでした。

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