Open Graph Pro: OGPを導入する

WordPress へ投稿した内容を FaceBook に跳ばす流れを作ったわけですが、左側に表示するイメージが空白で寂しい感じで投稿されます。どうやら画像を出すためには OGP (Open Graph Protocol) の導入が必要との事。

WP-OGPの導入とかも試したのだけれどバグがあったりとか、テンプレートの直接修正が必要だったりとか、あまり良い状態で保てないような感があったので、Open Graph Proを導入する事にしました。概要はこんな感じ。

  1. WB 側でプラグインを自動インストール
  2. Facebook Developers – Appsから新しいアプリを作成
    1. App Nameに任意の名前を入力して続行…完了させる
    2. 表示されたApp IDを控える
    3. User Name から Admin User に入力するIDを調べる

Admin User に入力する ID は https://graph.facebook.com/(ユーザーネーム) を出力した際の ID になります。

後はプラグイン Open Graph Pro の設定で Facebook の項目に先ほど取得したふたつの ID を入力してあげて表示するための画像を設定すれば完了。表示ロゴは WordPress の公式のものを利用します。

via
WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp