トップページ > 99. このブログについて > Typepadブログ: 記事毎にOGP情報セット、Facebookページへのサムネール表示

«

»

9月 12

Typepadブログ: 記事毎にOGP情報セット、Facebookページへのサムネール表示

このブログはテニスに関することだけのブログのはずでしたが、このブログで使用している「Typepad」サービスのユーザーの方に有意義な情報かと思いましたので、はじめてテニス以外の情報を掲載します。
たぶん興味ない方がほとんどかとおもいますので、読み飛ばしてください。
当ブログではFacebookアプリ「RSS Graffiti2.0」を使用してFacebookページに自動投稿されるようにしているのですが、FBページに掲載される際、記事毎のサムネール画像が表示されてませんでした。
FBページでは、投稿するページのOGP情報を参照、og:image を元にサムネール画像を表示する仕様となっているのですが、TypepadブログではOGP情報を自動的に付加してくれないので、FBページでも表示されないという状況。
これでは見た目に貧相で読み手の興味も高まらないので、Typepadブログで記事ごとにサムネールも表示させる対応を施しました。

環境
・ブログツール: Typepad
・FB連携ツール: RSS Graffiti 2.0
 
課題
・TypepadのテンプレートではOGPを自動セットしてくれない。
・RSS Graffitiでの連携でもOGP情報の OG:image を補完してくれない
 
対応
・Typepadの記事アーカイブのテンプレートのOGP情報、og:image に記事内最初の画像のサムネール画像を自動セットするように変更。
具体的な方法としては、Typepadの場合、MT互換タグ 「mt:EntryPhoto」「mt:EntryPhotoURL」 のタグが使用できることがわかったので、ページ原稿内の最初の画像のURLを拾い、og:image にセットするようにしました。
記事ページのソースを確認してみると、og:image に画像がセットされることが確認できました。
 
 
■ ブログ→FBページ自動投稿の手段の変更
Twitterfeed_logoFBページへの自動連携のやり方として、これまでFBアプリの「RSS Graffiti2.0」を使って実現していたのですが、外部サービスの「TwitterFeed」に変更することにしました。
「TwittterFeed」は元々は名前の通り、RSS→Twitter自動的に投稿するツールで、Twitterでの情報取得/共有のために使用していたのですが、このツールはなんとFBページへの投稿にも対応していたようです。
#個人のFBウォールへの投稿だけでなくFBページへの投稿にも対応しているところがユニーク。
これまで使っていた「RSS Graffiti」も、FBページに自動投稿自体は出来ていたのですが、FBページでの表示のされ方ついて不満がありました。
ブログの本文エリアが全文表示されるのですが、それが読みづらいせいかクリック率も低い感じでした。
(上記のサムネール表示できていなかったことも大きいと思いますが)
一方の「TwitterFeed」では 記事のEntry Excerpt(概要)の部分のみを見やすく表示してくれて、og:images のサムネール画像についても表示可能。レイアウト的にも読みやすいフォーマットだったので、しばらく「RSS Grapffiti」ではなく「TwitterFeed」を使用してみることにします。
# この記事がFBページに表示されれば動作は正常ということで。
 
 
※ FacebookページのRSSフィード
上記内容とは全く関係なない話ですが、FacebookページはRSSリーダーでも読むことができます。
下記URLをRSSリーダーに登録するとRSSリーダーから一覧の形でご覧いただけます。ほぼニーズないとは思いますけど ^ ^;
▼ テニスづくしのブログFB分室のRSSフィード:

http://www.facebook.com/feeds/page.php?id=180025375372909&format=rss20

★ 関連サイト
TwitterFeed: http://twitterfeed.com/