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

  関連記事

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

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

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

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

GTmetrix
GTmetrixのSpecify image dimensions改善方法

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

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

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

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

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

sitemap6
Google XML Sitemaps 4の調子が悪いので3にダウングレードしました

Google XML Sitemaps 4以上(現在4.0.4)は、サイトマップ …

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

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

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

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

WordPress「アップロードしたファイルをwp-content/uploads…に移動できませんでした」というメッセージ
WordPressで画像ファイルがアップロードエラーする場合の2つの解決法

最近Wordpressの「メディアを追加」で画像を選択するとエラーが出ることがあ …

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

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