WordPressのOGP設定は「Open Graph Pro」がベスト

スポンサーリンク

Facebook大好き@sayobsです。A!@attrip@attripさんにOGPのプラグインは「WP-OGP」より「Open Graph Pro」の方が良いよと教えてもらったので変更しました。

「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。OGPが設定するか確認する方法は→今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 | Last Day. jp

スポンサードリンク


「Open Graph Pro」


WordPressからプラグインをインストールします。「Open Graph Pro」をインストールしてください。

OGP 1

「Open Graph Pro」を設定します。

まずFacebook開発者からApplication ID(App ID)を取得します。※既にある方はこの作業は飛ばしてください。
アプリのドメインはhttp://を抜いたものを入れてください:)

Appid
次はAdmin idを取得します。ここにアクセスしてray.matayoshiの部分を自分のFacebookの名前に変えてください。


Adminid
ray.matayoshiはFacebookの自分の名前をクリックした時に表示されるものです。

Name
それでは「Open Graph Pro」に戻って設定します。Header imageにはデフォルトで表示する画像のURLを入力します。Width(横幅)が200px以上のものを指定してください。

Admin UserではAdmin idをApplication IDにはApp IDを入力してください。「変更を保存」をクリックで完了です。

Facebookogp
これでOGPが設定できました。


FacebookページLike boxを設置する方法。 – WordPressもあり。 | Last Day. jp『いいね!』ボタンをブログに設置するブロガーも良く見かけるようになりましたね。 …






Facebook Comment for WordPressのエラーが出た時の対処法 | Last Day. jp僕のところのフェイスブックコメントにエラーが出てるみたいと教えてもらいました。 …




これ1冊で完全理解facebook (日経BPパソコンベストムック)
これ1冊で完全理解facebook (日経BPパソコンベストムック)井上 真花 佐藤 新一

日経BP社 2011-02-02
売り上げランキング : 295


Amazonで詳しく見る
by G-Tools

スポンサードリンク

コメント

  1. […] 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! WordPress使ってる方はプラグインを使うと便利ですよ:) OGPが何故重要かはフェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記見るとわかりやすいです。 「Open Graph Pro」↓が最高におすすめです。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … これ1冊で完全理解facebook (日経BPパソコンベストムック)井上 真花 佐藤 新一 日経BP社 2011-02-02売り上げランキング : 295Amazonで詳しく見る by G-ToolsSPONSORED LINK […]

  2. […] OGPについては↓のサイトさんで解りやすく説明してくれております。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじー …素晴らしい記事ありがとうございます。 たまにブログ記事をシェアしようとしたら、全然関係ないサムネイル画像が表示され、記事のタイトルも表示されず、URLだけシェアしてしまった経験はありませんでしょうか。実際URLだけをシェアしても他の方には一目ではその情報が何の情報かも分からず、クリックしてはくれないと思います。 ブログを書いている側としてもブログ記事をシェアしてくる方がシェアしやすい情報を用意するべきです。 OGP設定をしておけば、ブログ記事にあったサムネイル画像、タイトル、抜粋文等を表示させる事ができます。 WordPressでOGP設定をする場合、「WP-OGP」というプラグインが一番有名ですが、どうやらバグが多くちゃんと動作してくれないようです。 また@sayobsさんがオススメしている「Open Graph Pro」は良い感じな模様。。。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jpFacebook大好き@sayobsです。A!@attripの@attripさんにOGPのプラグインは「WP-OGP」より「Open Graph Pro」の方が良いよと教えてもらったので変更しました。 …いつもありがとうございます! 私は最初「WP-OGP」を利用しようとしたんですが、上手く設定できず、諦めちゃいました(^_^;) プラグインをこれ以上増やしたくも無かったので、どうにかプラグインを使わないでOGP設定をする方法がないかGoogleさんに相談すると、 見つけちゃいました(^^♪ ↓のサイトさんで詳しく説明してくれておりますヽ(`▽´)/ 貼るだけ簡単!アクセスを倍増するWordPress用OGPコード | Oxy notes2012年3月現在、日本のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。(セレージャテクノロジー&Semioti …ありがとうございます! […]

  3. […] OGPとは? OGPというのはThe Open Graoh Protocolの略でフェイスブックを始めmixiやGoogle+等のSNSとウェブページを連携させるための情報をコンピュータが読めるように記述したものです。 ↓のような記述でHTMLのheadタグに入力していきます。facebookのOGP設定です。 Meta Tag:   <meta property="og:title" content="Last Day. jp" /> Meta Tag:   <meta property="og:site_name" content="Last Day. jp" /> Meta Tag:   <meta property="og:description" content="iphone,facebook,プログラミング" /> Meta Tag:   <meta property="og:type" content="blog" /> Meta Tag:   <meta property="og:url" content="http://www.lastday.jp&quot; /> Meta Tag:   <meta property="og:image" content="http://www.lastday.jp/wp-content/uploads/2012/04/ruri.png&quot; /> Meta Tag:   <meta property="fb:admins" content="666982765" /> Meta Tag:   <meta property="fb:app_id" content="120758538004801" /> ちなみに僕はWordPressのプラグインを使っているので簡単にOGPを設定できてます。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … […]

コメントをどうぞ

メールアドレスが公開されることはありません。

またよし れい

執筆者:またよし れい

1983年、東京都葛飾区生まれ。アメリカのカレッジを卒業後独立。

2010年よりブログを立ち上げ、現在はブログ発信を中心に世界を旅しながら仕事をしている。

著書に『C言語すら知らなかった私がたった2か月でiPhoneアプリをリリースするためにやったこと』、『Facebookコミュニティ成功の法則』などがある。

これから起こる事を予想できる人間は居ません。唯一わかっているのは、人間は誰でも必ず死ぬという事だけです。僕は何度も言っていますが、「今」を楽しめない人は、この先の人生も楽しめないと思います。人生は「今」の連続で、その延長線上に未来はあるのです。過去に嫌な思い出があっても、「今」を楽しく生きる事で、過去の事実は変えられなくとも、過去の意味は変わってくるんではないでしょうか?

詳しいプロフィールはこちら>>>