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]functions.phpの編集時に、サイト画面を真っ白にしてしまった場合の直し方

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

WorePress
[WordPress]過去記事を最上位に固定表示する方法

過去にアップした記事をもう一度注目させたい時に、過去記事を一番上に固定する方法が …

WPプラグイン「Limit Login Attempts Reloaded」インストール画面
Widget logic teamから通知!WPプラグインLimit Login Attempts Reloadedの設定

先日、僕のWordpressのログイン後の画面にメッセージがやってきました。上が …

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

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

サーバ移転
ロリポップからシックスコア(sixcore)へサーバー移転に成功!どこに躓いたか

サーバをロリポップからシックスコアに移転しました。理由は別のサイトのPVが増えて …

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

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

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

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

アフィリエイト表示が切れている
【Stinger3】記事の中にGoogle AdsenseやAmazonアソシエイトを入れる方法

ブログ内に以下のAmazonアソシエイトを貼り付けようとしたら、下側が表示されな …

WorePress
[WordPress]記事内の画像リンクを全部まとめて外す方法

WordPressにはデフォルトで、画像をリンクする設定になっています。スマホで …

WorePress
WordPressのビジュアルリッチエディタが表示されず入力や編集ができないときにする方法

cある日、WordPressを立ち上げいざ編集をしようとしたら、入力が全くできま …