IT便利帳

コンピュータやタブレット端末の便利な使い方やこれは知らなかったといったことを紹介します。

FacebookのOGPの設定はAll in one SEO Packが簡単!

      2016/07/19  あとで読む   はてブする

Wordpressプラグイン

今までOGPの設定をするとき、WordPressプラグイン「Open Graph Pro」というプラグインを入れて設定していました。が、SEO目的に使っている「All in one SEO Pack」というプラグインにもいつの間にかOGP設定が出来るようになっていました。

両プラグインを入れいてるものとしては、もし問題なければ一つにしたいという思いから「All in one SEO Pack」でOGP設定をしてみると、簡単に設定できてしまいました。

今まで「Open Graph Pro」で設定する時、挫折したりして苦しみながら設定したという苦い経験があったので、「All in one SEO Pack」での設定の簡単さに拍子抜けです。

簡単に設定できる「All in one SEO Pack」でのOGP設定をご紹介します。

スポンサーリンク

All in one SEO PackでOGP設定をする方法

1. 「All in one SEO Pack」をインストールしていない方は、「プラグイン」→「新規追加」→検索「all in one seo」と入力し検索してください。

「All in one SEO Pack」が表示されたら、「今すぐインストール」をクリックします。

All in one SEO Packが一番OGPの設定が簡単だった

 

2. [プラグイン]から[Open Graph Pro]を停止させましょう。

3. [ダッシュボード]下の「All in one SEO」にマウスを持って行くと、右に3つ表示されます。その中の一番下、「Feature Manager」をクリック。

all-in-one-seo-ogp2

 

4. 右上に「Social Meta」というのがあります。これを「Activate」してください。

all-in-one-seo-ogp3

 

5. [ダッシュボード]下の「All in one SEO」の下の[Social Meta]をクリックします。

all-in-one-seo-ogp4

 

6. 以下のようにチェックを付けます。

ここの詳細設定はバズ部の「All in One SEO Packの設定と使い方」を参考にさせていただきました。ありがとうございます。

all-in-one-seo-ogp5

Profile Admins IDの調べ方

この詳細設定の中で一番難しいのが「Profile Admins ID」です。FacebookのUserIDのこと。調べ方は自分のfacebookページに行くと「プロフィール画像」があります。

そこを右クリックし、新しいウインドウかタブで開きます。するとそのURLの中に「=a.111111111111111.2222222222.333333333333333」というのがあります。

1=15ケタ、2=10ケタ、3=15ケタあります。この中の10ケタ、丁度真ん中にあるここの例では「2222222222」をコピーして貼り付けてください。

これが「Profile Admins ID」になります。

以前は3=15ケタがIDでしたが、いつの間にか変更されているようです。これがややこしかった。昔の情報ではエラーになるので注意!

 

最後は設定されたかチェックしましょう

FaceBookページのOGPを確認する方法

デバッガー Facebook開発者にアクセスし、あなたのドメイン、ここでは「http://itbenricho.com/」と入力し「Debug」を押します。

Meta Tagやその他情報が出ればOKです。赤色が出てればエラーになります。その箇所を訂正してください。

 

スポンサーリンク

最後に

今まで難しいという印象しかなかったFacebookページのOGP設定。これがこんなに簡単にできるので驚きです。

しかもプラグインを一つ削除できたので、表示速度も向上することでしょう。

「All in one SEO Pack」でtwitterカードを設定することもできます▼
【関連】「All in one SEO pack」でTwitterカードを簡単に設定する方法

【関連】WorPressプラグイン「Broken Link Checker」の使い方

【関連】WordPressプラグイン「AddQuicktag」で良く使うタグを簡単挿入しよう

【関連】[WordPress]moreタグにAdsenseを追加できるプラグインAdMoreが素晴らしい!

【関連】WPプラグイン「Akismet」の設定方法、APIキーの取得

「いいね!」で
最新情報をお届け!

Twitter でIT便利帳を

 - WordPress ,

スポンサーリンク

注目キーワード

スマモバ

U-NEXT

Kindle Unlimited

  関連記事

Wordpressプラグイン
WorPressプラグイン「Broken Link Checker」の使い方

WordPressプラグインに「Broken Link Checker」というの …

WordPress
「All in one SEO pack」でTwitterカードを簡単に設定する方法

WordPress(ワードプレス)のプラグイン「All in one SEO p …

WordPress
WPプラグイン「Akismet」の設定方法、APIキーの取得

新しいサイトを立ち上げるたびに必要なのがWordPressのプラグイン「Akis …

Stinger3のサイト名を、PC画像とスマホ画像で切り替える方法
[WordPress]Stinger3のサイト名を、PC画像とスマホ画像で切り替える方法

以前「WordPressのテーマ「Stinger3」のサイト名をテキストから画像 …

stinger3
[Stinger3]小見出しのデザインを変更する方法 - スタイルシート(CSS)

どうも、リョータ(@itbenricho)です。Stinger2からStinge …

失敗し泣き崩れる様子
[WordPress]functions.phpの編集時に、サイト画面を真っ白にしてしまった場合の直し方

WordPressでfunctions.phpを編集時に、画面を真っ白にしたこと …

蛍光ペン風にテキスト上をマーカーするCSS
蛍光ペン風にテキスト上をマーカーするCSSを設定してみた

色々なブログを拝見していると、とても気になるの強調サインがあります。それは蛍光ペ …

stinger3
WordPressのテーマ「Stinger3」のサイト名をテキストから画像に変更する方法

本日Stinger2からStinger3に変更しました。その関係でStinger …

WorePress
WordPressプラグイン「AddQuicktag」で良く使うタグを簡単挿入しよう

WordPressの投稿画面で「B」を押すと、<b>タグでは無く&l …

GTmetrix
GTmetrixのSpecify image dimensions改善方法

GTmetrixというウェブサイトの表示速度を計測してくれるサイトがあります。こ …