All in One SEOプラグインでOGP作成 WordPressの記事をFacebookで紹介するときに便利

WordPressのSEO対策でよく使われているプラグイン「All in One SEO」。

このプラグインを使っていれば、Facebookなどでブログ記事を紹介する際に非常に使えるOGP (Open Graph Protocol)を生成することができます。

OGPって何？という人は次のサイトを参考にしてください。

参考: これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM

とにかく、Facebookなどでブログ記事を紹介するならあった方がいいよ！と思ってください。

Facebookでブログ記事紹介するときに、思ったように画像が表示されないとか、ページの詳細説明がイケてないとか思うなら、設定しておきましょう。

All in One SEOでSocial MetaをActivate
Social Metaの設定
他のプラグインでOGPが作られているか確認
記事ページにOGPの設定があるか確認
Facebook デバッガで確認する
Facebookに投稿してみる
おわりに
関連記事:

All in One SEOでSocial MetaをActivate

WordPressに「All in One SEO」プラグインを導入していれば、ログイン後のダッシュボードの左側メニューに「All in One SEO」というのがあるはずです。

ここをクリックするとさらに「All in One SEO」のメニューが展開されます。

ここで「Feature Manager」をクリックすると、「Feature Manager」というページが表示されます。

このページで、「Social Meta」というところをActivateしましょう。
赤枠で囲っているあたりをクリックすればActivateできます。

Activateできると、左のメニューに「Social Meta」というのが出てきます。

そこをまたクリックしましょう。

Social Metaの設定

こちらが「Social Meta」の設定ページ。
ここでOGPの設定ができます。

「Join Our Mailing List」はお好みでどうぞ。
私はメーリングリストを受け取る気がないので、何も設定していません。

その下の「Social Meta」のところを設定しましょう。

ざっと項目を見てみます。
(ここで設定するところだけ解説しています)

Use AIOSEO Title and Description:
ここにチェックを入れると、「Home Title」と「Home Description」が設定不要になる
Profile Admins ID:
FacebookのAdmin ID (「fb:admins」の値)
Site Name:
サイト名 (「og:site_name」の値)
Home Title:
ページタイトル (「og:title」の値)
Home Description:
ページ詳細説明 (「og:description」の値)
Disable Jatpack Tags
Autogenerate OG Descriptions:
チェックしておきましょう
Select OG:Image Source:
サムネイルをどの画像にするか(「og:image」の値)
Default OG:Image
Use Custom Field For image
Facebook Object Type:
「blog」にしましょう
Enable Facebook Meta for:
「投稿」「固定ページ」をチェック
投稿 Object Type (post):
「Article」にしましょう
固定ページ Object Type (page):
「Article」にしましょう

基本的に、ほとんどデフォルトで問題ないです。

以下では、私が設定したところについて簡単に説明します。

ページのタイトルと詳細説明は設定しない

「Use AIOSEO Title and Description」にチェックを入れると、「Home Title」と「Home Description」が設定不要になります。

「Home Title」「Home Description」とも、もともと記事ごとに「All in One SEO」が設定しているので、ここで改めてする必要がないからです。

ここで「Home Title」「Home Description」を設定すると、すべての記事が同じ「Home Title」「Home Description」になるので、ブログ記事を紹介するという点では意味が無いですね。

だから、私は「Use AIOSEO Title and Description」にチェックを入れており、ここでは「Home Title」「Home Description」を設定していません。

Profile Admins IDの設定

「Profile Admins ID」ではFacebookのAdmin ID (「fb:admins」の値)を設定します。

なんのことかわからない場合は、次のURLで自分のAdmin IDを確認してください。

https://graph.facebook.com/yourusername

yourusernameのところを、Facebookで調べて、自分の名前に置き換えましょう。

調べ方は、Facebookページ右上の方にある自分の名前をクリックし、表示されたページのURLを確認します。

私だったら、「junichi.nishimura」なので、

https://graph.facebook.com/junichi.nishimura

となります。

そのURLにアクセスするとこんな感じのことを書いたページが出てくるので・・・

{
"id": "100001580718135",
"first_name": "\u7d14\u4e00",
"gender": "male",
"last_name": "\u897f\u6751",
"link": "https://www.facebook.com/junichi.nishimura",
"locale": "ja_JP",
"name": "\u897f\u6751 \u7d14\u4e00",
"username": "junichi.nishimura"
}

最初の”id”: “xxxxxxxx”のところの数字を使ってください。