<---------------------------- ----------------------------> <---------------------------- ----------------------------> --------------------> WordPress Facebook 関連プラグインの比較 – Inside of Papaya

WordPress Facebook 関連プラグインの比較

相当難儀しました。

全ては Facebook の公式プラグインが悪いんです。
あいつが src=” なんて挟むから…。

(詳しくはこちら → 「WordPress の Facebook 公式プラグイン入れてると YSlow が上がらない?」)

それで急遽 OGP を改めて入れなきゃならなくなったんですけど、試しまくりました。

Jetpack におまかせ

まず、何もしない何も足さない方法。
Jetpack でやりたいところですが、こいつ、Facebook のウォールか Facebook ページかどっちかしかパブリサイズできない。
どっちにもポストしたいんだよね。

jetpack_publicize_FBwall_or_page

よって、Jetpack を使う線は却下。
でもこの状態でソースを見るとなぜか OGP のタグが付いてきます。しかもなんか中途半端な感じで。

[html collapse=”true”]
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;UTF-8&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;article&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 2段階認証(Google Authenticator)の導入&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/tech/wordpress-2%e6%ae%b5%e9%9a%8e%e8%aa%8d%e8%a8%bc%ef%bc%88google-authenticator%ef%bc%89%e3%81%ae%e5%b0%8e%e5%85%a5/&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;最近またセキュリティとかうるさいじゃないすか。 このブログを置いている XSERVER も国外IPアドレスから&amp;amp;amp;amp;hellip;&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;Inside of Papaya&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_google_authentication.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;description&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress にグーグルの2段階認証システムを組み込みました。Google Authenticator というプラグインを紹介します。&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;generator&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 3.5.1&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;keywords&amp;amp;amp;quot; content=&amp;amp;amp;quot;wordpress, google, 2-step verification, authenticator, ios, 2段階認証,2-step verification,2段階認証,authenticator,google,ios&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;syntaxhighlighter-version&amp;amp;amp;quot; content=&amp;amp;amp;quot;3.1.5&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;title&amp;amp;amp;gt;WordPress 2段階認証(Google Authenticator)の導入&amp;amp;amp;lt;/title&amp;amp;amp;gt;
[/html]

Jetpack が OGP タグ出してるようです。
Jetpack はこの際 OGP からは撤退してもらいます。

テーマファイルの function.php に↓を入れます。
(こちらを参考にさせていただきました → 『[Å] JetpackとOGP指定プラグインを同時に使うと二重指定!?OGPを削除する方法』)

[php]
// remove jetpack open graph tags
remove_action(‘wp_head’,’jetpack_og_tags’);
[/php]

これでも meta tag は少し付いてくるのですが、気にせず次にいきましょう。

● プラグイン 1. Add Link to Facebook

110万ダウンロードされてるプラグイン。
かなり細く設定できます。

AddLinkToFacebook_setting

適宜設定して、テスト投稿で試してみました。

まず、このプラグインでは Facebook のタイムラインとページの両方を更新できないっぽい?
ちなみに Facebook ページの見え方はこんな感じ↓

AddLinkToFacebook_appearance

画像の前に excerpt は要らないかな。んー、もう少し。

ソースの OGP タグはこんな感じ↓

[html collapse=”true”]
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;UTF-8&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;OGPのテストです&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;article&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_google_authentication-300×100.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/tech/ogp%e3%81%ae%e3%83%86%e3%82%b9%e3%83%88%e3%81%a7%e3%81%99/&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;Inside of Papaya&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;WP plugin &amp;amp;amp;amp;quot;Add Link to Facebook&amp;amp;amp;amp;quot; のテストです。
テスト画像&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content=&amp;amp;amp;quot;511462422236744&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:locale&amp;amp;amp;quot; content=&amp;amp;amp;quot;en_US&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;description&amp;amp;amp;quot; content=&amp;amp;amp;quot;詳細 AIOSEOP&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;generator&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 3.5.1&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;keywords&amp;amp;amp;quot; content=&amp;amp;amp;quot;ogp, test,test&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;syntaxhighlighter-version&amp;amp;amp;quot; content=&amp;amp;amp;quot;3.1.5&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;title&amp;amp;amp;gt;OGPのテストです AIOSEOP&amp;amp;amp;lt;/title&amp;amp;amp;gt;
[/html]

fb:admins が入ってない、
locale が en_US になっている、
og:description が excerpt になっている(All In One SEO Pack の description を持ってきてほしい)、
あたりが気になります。
でも、このプラグイン、OGP タグを外すこともできるので、そこは応用効くかな。

Facebook Developers のデバッガーにかけると、”Small og:image” の警告が出ます。

次いってみよう!

● プラグイン 2. Simple Facebook Connect

60万ダウンロードのプラグイン。
Facebook ページを「ファンページ」って未だに言ってるのが気になるな。

適宜設定して試してみました。

普通に記事を投稿した後で Facebook にマニュアルで投稿する仕掛けです。
これはタイムラインとページ両方投稿できるな。
Facebookページの見た目はこんな感じ↓

SimpleFacebookConnect_appearance

見た目は悪くない。

OGP タグはこんな感じ↓

[html collapse=”true”]
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html xmlns:fb=&amp;amp;amp;quot;http://ogp.me/ns/fb#&amp;amp;amp;quot; xmlns:og=&amp;amp;amp;quot;http://ogp.me/ns#&amp;amp;amp;quot; lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;UTF-8&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;article&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;OGPのテストです&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/tech/ogp%e3%81%ae%e3%83%86%e3%82%b9%e3%83%88%e3%81%a7%e3%81%99-2/&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;Simple Facebook Connect のテストです。 テスト画像 Related Posts2013/03/21 — Facebook for WordPress の OGP 設定、むかつく2012/11/09 — Jetpack やったか?2013/03/28 — ブログでの social sharing(AddThis の紹介と はてブの追加)2013/04/14 — WordPress の Facebook 公式プラグイン入れてると YSlow が上がらない?2013/04/10 — WordPress WPTouch でアフィリエイト(AdSense と nend)Edit Related Posts&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;Inside of Papaya&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content=&amp;amp;amp;quot;511462422236744&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:locale&amp;amp;amp;quot; content=&amp;amp;amp;quot;en_US&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_google_authentication.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_login.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/03/images-4.jpg&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2012/11/jetpack_wide_thumb.jpg&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/03/AddThis_logo.jpg&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_facebook_yslow.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/b5f07a1155103dacb286b8547b7e470a.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;description&amp;amp;amp;quot; content=&amp;amp;amp;quot;詳細 AIOSEOP&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;generator&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 3.5.1&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;keywords&amp;amp;amp;quot; content=&amp;amp;amp;quot;ogp, test,test&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;syntaxhighlighter-version&amp;amp;amp;quot; content=&amp;amp;amp;quot;3.1.5&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;title&amp;amp;amp;gt;OGPのテストです AIOSEOP&amp;amp;amp;lt;/title&amp;amp;amp;gt;
[/html]

og:description になんか関係ないことまでくっついてる、
locale が en_US、
fb:admins がない、
og:image ってこんなに書いてもいいの?
あたりが気になります。

デバッガーにかけると、”og:image should be larger” の警告が出ます。

んー、やっぱ og:description が気になるなぁ。

※ 9/5/2013 追記
このプラグインですが WordPress のリポジトリから消えたようです。

● プラグイン 3. Wordbooker

50万ダウンロードのプラグイン。
たぶん日本で一番紹介されている Facebook のプラグイン。

これも設定後お試し。
タイムラインもページも更新できます。

Facebook ページでの見た目はこんな感じ。

Wordbooker_appearance

悪くない。

OGP タグはこんな感じ↓

[html collapse=”true”]
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot; prefix=&amp;amp;amp;quot;og: http://ogp.me/ns#&amp;amp;amp;quot; &amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;UTF-8&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:locale&amp;amp;amp;quot; content=&amp;amp;amp;quot;en_US&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;Inside of Papaya – Cheating on WordPress&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:admins&amp;amp;amp;quot; content=&amp;amp;amp;quot;100001308143651&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;article&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;OGPのテストです。&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/tech/ogp%e3%81%ae%e3%83%86%e3%82%b9%e3%83%88%e3%81%a7%e3%81%99%e3%80%82/&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_google_authentication.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;Wordbooker のテストです。 テスト画像&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;description&amp;amp;amp;quot; content=&amp;amp;amp;quot;詳細 AIOSEOP,Wordbooker のテストです。 テスト画像&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;generator&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 3.5.1&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;keywords&amp;amp;amp;quot; content=&amp;amp;amp;quot;ogp, test,test&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;syntaxhighlighter-version&amp;amp;amp;quot; content=&amp;amp;amp;quot;3.1.5&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;title&amp;amp;amp;gt;OGPのテストです AIOSEOP&amp;amp;amp;lt;/title&amp;amp;amp;gt;
[/html]

fb:add_id が入ってない、
locale が en_US、
ぐらいかな。

Facebook Developers デバッガーの警告も出ません。
いい感じ。
このプラグインを元に少し弄ってあげよう。

<修正>
まず、wordbooker/wordbooker.php の中で “en_US” になっている部分を全て “ja_JP” にします。
次に同ファイルで “fb:admins” が書かれている辺りの下に “fb:app_id” を追加してあげます。
(ハードコーディングしちゃった)
こんな感じ↓

[php collapse=”true” highlight=”14, 15″]
if (isset($wordbooker_settings[‘wordbooker_fb_comments_admin’])) {
$xxx=wordbooker_get_cache(-99,’facebook_id’,1);
if (!is_null($xxx)) {
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:admins&amp;amp;amp;quot; content=&amp;amp;amp;quot;’.$xxx.’&amp;amp;amp;quot; /&amp;amp;amp;gt; ‘;
}
} else {
$xxx=wordbooker_get_cache( $wpuserid,’facebook_id’,1);
if (!is_null($xxx-&amp;amp;amp;gt;facebook_id)) {
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:admins&amp;amp;amp;quot; content=&amp;amp;amp;quot;’.$xxx-&amp;amp;amp;gt;facebook_id.’&amp;amp;amp;quot; /&amp;amp;amp;gt; ‘;
}
}
}

// added 4.17.2013
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content=&amp;amp;amp;quot;511462422236744&amp;amp;amp;quot; /&amp;amp;amp;gt; ‘;

if (strlen($wordbooker_settings[&amp;amp;amp;quot;fb_comment_app_id&amp;amp;amp;quot;])&amp;amp;amp;gt;6) {
echo ‘&amp;amp;amp;lt;meta property = &amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content = &amp;amp;amp;quot;’.$wordbooker_settings[&amp;amp;amp;quot;fb_comment_app_id&amp;amp;amp;quot;].’&amp;amp;amp;quot; /&amp;amp;amp;gt; ‘;
}
[/php]

これで OK! ソースを見ると…↓

[html collapse=”true”]
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot; prefix=&amp;amp;amp;quot;og: http://ogp.me/ns#&amp;amp;amp;quot; &amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;UTF-8&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:locale&amp;amp;amp;quot; content=&amp;amp;amp;quot;ja_JP&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;Inside of Papaya – Cheating on WordPress&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:admins&amp;amp;amp;quot; content=&amp;amp;amp;quot;100001308143651&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content=&amp;amp;amp;quot;511462422236744&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;article&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;OGPのテストです。&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/tech/ogp%e3%81%ae%e3%83%86%e3%82%b9%e3%83%88%e3%81%a7%e3%81%99%e3%80%82/&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/04/wordpress_google_authentication.png&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;Wordbooker のテストです。 テスト画像&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;description&amp;amp;amp;quot; content=&amp;amp;amp;quot;詳細 AIOSEOP,Wordbooker のテストです。 テスト画像&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;generator&amp;amp;amp;quot; content=&amp;amp;amp;quot;WordPress 3.5.1&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;keywords&amp;amp;amp;quot; content=&amp;amp;amp;quot;ogp, test,test&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;syntaxhighlighter-version&amp;amp;amp;quot; content=&amp;amp;amp;quot;3.1.5&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;title&amp;amp;amp;gt;OGPのテストです AIOSEOP&amp;amp;amp;lt;/title&amp;amp;amp;gt;
[/html]

おっ!かなりいい感じ!これで行こう!

手修正したついでにもうひとつ。
Facebook に投稿された内容を見ると、一般設定の「キャッチフレーズ(description)」が単独で出てるのよね。
これはちょっとアレなんで、ブログ名を加えました。
触るのは同じく wordbooker/wordbooker.php の wordbooker_fbclient_publishaction() という関数の中。

こんな感じで↓

[php collapse=”true” highlight=”6,7″]
if (isset($wordbooker_settings[‘wordbooker_use_url_not_slug’]))
{
$wordbooker_fb_post[‘caption’] = get_bloginfo(‘url’);
}

// added 4.17.2013
$wordbooker_fb_post[‘caption’] = get_bloginfo(‘name’) . ‘ – ‘ . get_bloginfo(‘description’);

$wordbooker_fb_post[‘caption’]=wordwrap($wordbooker_fb_post[‘caption’],900);
wordbooker_debugger(&amp;amp;amp;quot;Post Titled : &amp;amp;amp;quot;,$post_data[‘post_title’],$post_id,90) ;
wordbooker_debugger(&amp;amp;amp;quot;Post URL : &amp;amp;amp;quot;,$post_data[‘post_link’],$post_id,90) ;
wordbooker_debugger(&amp;amp;amp;quot;Post Caption : &amp;amp;amp;quot;,$wordbooker_fb_post[‘caption’],$post_id,90) ;
[/php]

ほれ↓

wordbooker_facebook_appearance

これで自分好みの見え方になったので、全て OK とします。

は~、疲れた…。

★ おまけ

実は上記の方法以外にも試しています。
ひとつはプラグイン、もうひとつは OGP を手書きするやり方。

プラグインは “WP Facebook Open Graph Protocol” というやつ。
これは結構きれいな OGP を吐きます。
最初はこれでいいやって思ったくらい。

次は、手書き。
プラグインを入れずにテーマファイル header.php の ~ に直接コーディングする方法です。
(ソースはこちらのサイトから頂戴しました → 『[WordPress] Open Graph Proを今すぐ停止し、プラグインを使わずにFacebookのOGPを設定すべし』)

先頭の html タグを
[html]
&amp;amp;amp;lt;html lang=&amp;amp;amp;quot;ja&amp;amp;amp;quot; xmlns:og=&amp;amp;amp;quot;http://ogp.me/ns#&amp;amp;amp;quot; xmlns:fb=&amp;amp;amp;quot;http://www.facebook.com/2008/fbml&amp;amp;amp;quot;&amp;amp;amp;gt;
[/html]

に変え、↓を head 部にぶっこむ!

[html collapse=”true”]
&amp;amp;amp;lt;!– ここからOGP –&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:type&amp;amp;amp;quot; content=&amp;amp;amp;quot;blog&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;?php
if (is_single()) { //単一記事ページの場合
if(have_posts()): while(have_posts()): the_post();
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;’.get_post_meta($post-&amp;amp;amp;gt;ID, _aioseop_description, true).’&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //抜粋を表示
endwhile; endif;
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;’; the_title(); echo ‘&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //単一記事タイトルを表示
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;’; the_permalink(); echo ‘&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //単一記事URLを表示
}
else { //単一記事ページページ以外の場合(アーカイブページやホームなど)
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:description&amp;amp;amp;quot; content=&amp;amp;amp;quot;’; bloginfo(‘description’); echo ‘&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //「一般設定」管理画面で指定したブログの説明文を表示
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:title&amp;amp;amp;quot; content=&amp;amp;amp;quot;’; bloginfo(‘name’); echo ‘&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //「一般設定」管理画面で指定したブログのタイトルを表示
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:url&amp;amp;amp;quot; content=&amp;amp;amp;quot;’; bloginfo(‘url’); echo ‘&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;; //「一般設定」管理画面で指定したブログのURLを表示
}

$str = $post-&amp;amp;amp;gt;post_content;
$searchPattern = ‘/&amp;amp;amp;lt;img.*?src=([&amp;amp;amp;quot;\’])(.+?)\1.*?&amp;amp;amp;gt;/i’; //投稿にイメージがあるか調べる
if (is_single()) { //単一記事ページの場合
if (has_post_thumbnail()) { //投稿にサムネイルがある場合の処理
$image_id = get_post_thumbnail_id();
$image = wp_get_attachment_image_src($image_id, ‘full’);
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;’.$image[0].’&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;;
}
else if (preg_match($searchPattern, $str, $imgurl) &amp;amp;amp;amp;&amp;amp;amp;amp; !is_archive()) { //投稿にサムネイルは無いが画像がある場合の処理
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;’.$imgurl[2].’&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;;
}
else { //投稿にサムネイルも画像も無い場合の処理
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/02/IMG_0601.gif&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;;
}
}
else { //単一記事ページページ以外の場合(アーカイブページやホームなど)
echo ‘&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:image&amp;amp;amp;quot; content=&amp;amp;amp;quot;http://insideofpapaya.com/wordpress/wp-content/uploads/2013/02/IMG_0601.gif&amp;amp;amp;quot;&amp;amp;amp;gt;’;echo &amp;amp;amp;quot;\n&amp;amp;amp;quot;;
}
?&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:site_name&amp;amp;amp;quot; content=&amp;amp;amp;quot;&amp;amp;amp;lt;?php bloginfo(‘name’); ?&amp;amp;amp;gt;&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:admins&amp;amp;amp;quot; content=&amp;amp;amp;quot;100001308143651&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;fb:app_id&amp;amp;amp;quot; content=&amp;amp;amp;quot;511462422236744&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta property=&amp;amp;amp;quot;og:locale&amp;amp;amp;quot; content=&amp;amp;amp;quot;ja_JP&amp;amp;amp;quot; /&amp;amp;amp;gt;
&amp;amp;amp;lt;!– ここまでOGP –&amp;amp;amp;gt;
[/html]

これはかなりいい感じ。素敵やん。

でも2つとも残念なことに Facebook にクロスポストするところまではやってくれないんです。
この2つの方法と IFTTT の組み合わせも試しましたが、どうもうまくいかん。
ていうか、うっとこの WordPress の環境だと IFTTT はサイトを認識してくれませんでした。
feed 使うやり方も見栄えがイマイチ。
dlvr.it も試してみましたが、無料だと3つまでしかデリバーしてくれないんですよね。見栄えはいいんだけど。
dlvr.it が全て無料なら Twitter や LinkedIn 含めてそっちで流してたかもしれない。
でも、これはコッチ、あれはアッチっていうクロスポストのやり方はスマートではない気がしてやめました。

あ、あと “Open Graph Pro” っていうプラグインもありましたね。
でもここしばらく全く更新されていないのと、バグが知られているので、使うのやめました。

結局、Wordbooker に行き着きました。
しばらくこれで運用してみます。


Fatal error: Uncaught Error: Call to undefined function related_posts() in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php:71 Stack trace: #0 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-includes/template-loader.php(106): include() #1 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-blog-header.php(19): require_once('/home/insidepap...') #2 /home/insidepapaya/insideofpapaya.com/public_html/index.php(17): require('/home/insidepap...') #3 {main} thrown in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php on line 71