初めて書いたブログ記事をFacebookでシェアした時の、全く関係のないピクセル化された画像が表示されてしまった時のフラストレーションを今でも覚えています。何時間もかけてコンテンツを作成したのに、クリックされる前に誤って表示されてしまうのは落胆しました。
これは、ウェブサイトがソーシャルメディアプラットフォームに表示すべき内容について明確な指示を与えていない場合に発生します。そのガイダンスがないと、Facebookは推測するしかなく、しばしば間違った推測をします。
ここWPBeginnerでは、Open Graphメタデータを使用してソーシャルシェアの外観を制御する方法を習得しました。このガイドでは、私たちが使用している実績のある方法を順を追って説明しますので、コンテンツが共有される際に常に最高の見た目になるようにすることができます。
下のクイックリンクを使用して、最も関心のある方法に直接ジャンプできます：
- AIOSEOでFacebook Open Graphメタデータを追加する
- Yoast SEOを使用してFacebook Open Graphメタデータを設定する
- コードを使用してFacebook Open Graphメタデータを追加する
- Facebook Open Graphに関するよくある質問
- FacebookとWordPressに関する追加リソース
重要: 以下のいずれか1つの方法を選択してください。複数のSEOプラグインを使用したり、プラグインがアクティブな状態でコードを手動で追加したりすると、競合するOpen Graphタグが作成され、予期しない共有結果が発生する可能性があります。最も簡単で包括的なセットアップについては、AIOSEOを使用した方法1をお勧めします。
方法1：AIOSEOでFacebook Open Graphメタデータを追加する
All in One SEO は、300万以上のウェブサイトで使用されている人気のWordPress SEOプラグインです。これにより、検索エンジンだけでなく、FacebookやTwitterなどのソーシャルプラットフォーム向けにウェブサイトを簡単に最適化できます。
まず、無料のAll in One SEOプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化したら、All in One SEO » Social Networks ページにアクセスする必要があります。ここで、FacebookページのURLとその他のすべてのソーシャルネットワークを入力できます。
次に、ページ上部のFacebookタブをクリックすると、Open Graph Markupがデフォルトで有効になっていることがわかります。
記事にOpen Graph画像がない場合、デフォルトのFacebook OG画像を選択するには、「画像のアップロードまたは選択」ボタンをクリックできます。
下にスクロールすると、サイト名、説明、その他の設定をカスタマイズできます。完了したら、青い「変更を保存」ボタンをクリックすることを忘れないでください。
サイト全体のOpen Graphメタタグを設定したので、次のステップは個々の投稿やページのOpen Graphメタデータを追加することです。
デフォルトでは、AIOSEOは投稿のSEOタイトルとメタディスクリプションをOpen Graphのタイトルとディスクリプションとして使用します。また、各ページと投稿のFacebookサムネイルを手動で設定することもできます。
投稿またはページを編集し、エディタの下にある「AIOSEO設定」セクションまで下にスクロールします。ここから「ソーシャル」タブに切り替えると、サムネイルのプレビューが表示されます。
ここで、タイトルと説明だけでなく、ソーシャルメディアの画像を設定できます。
「画像ソース」フィールドまでスクロールダウンするだけです。アイキャッチ画像を使用するか、カスタム画像またはその他のオプションをアップロードするかを選択できます。
方法2：Yoast SEOを使用してFacebook Open Graphメタデータを設定する
Yoast SEOは、WordPressサイトにFacebook Open Graphメタデータを追加するために使用できる別のWordPress SEOプラグインです。
まず最初に行うべきことは、Yoast SEOプラグインをインストールして有効化することです。詳細は、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効にすると、Facebook Open Graphデータはデフォルトで有効になります。
これは、Yoast SEO » 設定に移動し、ソーシャル共有セクションまでスクロールすることで確認できます。これで、Open Graphデータ機能が有効になっていることを確認できます。
設定を保存するか、続行して他のFacebookソーシャルオプションを構成できます。
Facebookページやインサイトに使用している場合は、FacebookアプリIDを提供できます。また、ホームページのOpen Graphメタタイトル、説明、画像も変更できます。
最後に、投稿またはページに画像が設定されていない場合に使用されるデフォルトの画像を設定できます。
Yoast SEOのプレミアムバージョンでは、個々の投稿やページにOpen Graphメタデータを設定することもできます。投稿またはページを編集し、エディタの下にある「Yoast SEO」セクションまでスクロールダウンするだけです。
ここから、その特定の投稿またはページにFacebookのサムネイルを設定できます。投稿タイトルや説明を設定しない場合、プラグインはSEOのメタタイトルと説明を使用します。
これで投稿またはページを保存でき、プラグインがFacebook Open Graphメタデータを保存します。
方法3: コードを使用してFacebook Open Graphメタデータを追加する
この方法では、通常、コードをテーマのfunctions.phpファイルにコピー＆ペーストする必要があります。しかし、カスタムコードをWordPressに追加するのをより簡単かつ安全にするために、代わりにWPCodeプラグインを使用してコードを追加することをお勧めします。
WPCodeには、基本的なOpen Graphタグを追加するためのものを含む、すぐに使えるコードスニペットのライブラリも付属しているため、数回クリックするだけで済みます。
まず、無料のWPCodeプラグインをインストールして有効化します。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。
アクティベート後、WordPressダッシュボードからCode Snippets » + Add Snippetに移動できます。
ライブラリから「Add basic Open Graph Tags」スニペットを検索してください。見つけたら、カーソルを合わせ、「スニペットを使用」ボタンをクリックします。
その後、WPCodeがコードを自動的に追加し、サイト全体のヘッダーを挿入方法の場所として設定します。
これで、スニペットを「アクティブ」に切り替えて「更新」ボタンをクリックするだけです。これで、WordPressのヘッダーにFacebook Open Graphメタデータが表示されるようになります。
上級ユーザーの場合は、以下のコードをテーマのfunctions.phpファイルにコピー＆ペーストすることもできます。
この操作ではテーマファイルを直接編集する必要があるため、変更を加える前に必ずテーマファイルをバックアップしてください。
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Your Site Name Goes Here"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
17行目の「Your Site Name Goes Here」にサイト名を追加してください。その後、19行目のデフォルトの画像URLを独自の画像URLのいずれかに変更する必要があります。
ロゴ画像を配置することをお勧めします。これにより、投稿にサムネイルがない場合にサイトのロゴが使用されます。
また、13行目に独自のFacebookアプリIDを追加する必要があります。Facebookアプリをお持ちでない場合は、コードから13行目を削除できます。
Facebook Open Graphに関するよくある質問
私たちは何千ものユーザーがソーシャルシェア設定をセットアップするのを支援してきましたが、いくつかの質問が頻繁に寄せられます。ここでは、Facebook Open Graphメタデータを追加することに関する最も一般的な質問への回答を示します。
1. Open Graphタグが正しく機能しているかどうかをテストするにはどうすればよいですか？
タグを確認する最善の方法は、Facebook公式のシェアデバッガーツールを使用することです。投稿またはページのURLを入力するだけで、共有されたときの表示プレビューと、見つかったエラーや警告のリストが表示されます。
2. FacebookのOGP画像に最適な画像サイズは何ですか？
高解像度ディスプレイで最良の結果を得るために、Facebookでは少なくとも1200 x 630ピクセルの画像を使用することを推奨しています。画像が不格好に切り抜かれるのを防ぐために、アスペクト比1.91:1を維持することが重要です。
3. 画像を設定した後でも、Facebookが間違った画像を表示するのはなぜですか？
これは通常、キャッシュの問題です。Facebookは、URLに対して最初に見たOGPデータを保存します。画像を更新した場合、シェアデバッガーツールでURLを実行し、「もう一度スクレイピング」ボタンをクリックして、Facebookに再確認するように指示する必要があります。
4. OGPタグは私のウェブサイトのSEOに影響しますか？
OGPタグは検索エンジンのランキングに直接影響しませんが、強力な間接的影響を与えます。魅力的でプロフェッショナルな見た目のソーシャルシェアは、クリック率の向上とトラフィックの増加につながり、これらは検索エンジンにとってポジティブなシグナルとなります。
FacebookとWordPressに関する追加リソース
この記事がWordPressにFacebook Open Graphメタデータを追加するのに役立ったことを願っています。FacebookをWordPressで使用する方法に関連する他のガイドも参照することをお勧めします。
- WordPressユーザー向けの最高のFacebookヒントとチュートリアル
- WordPress から Facebook に自動投稿する方法
- WordPressでFacebookコメントをインストールして設定する方法
- WordPressでカスタムFacebookフィードを作成する方法
- WordPressでFacebookページのレビューを表示する方法
- WordPressでFacebookのサムネイルが正しく表示されない問題を修正する方法
- プロフィールページに著者のTwitterとFacebookを表示する方法
- WordPressでFacebook広告ランディングページを作成する方法
- WordPressでFacebookとInstagramのoEmbed問題を修正する方法
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
wpbeginner
@SteveJoseph@joshuatj Josh、最後にプラグインを確認したのがいつか分かりませんが、私たちのプラグインは og:description を完全にサポートしています。バージョン0.1.2から存在しています。変更履歴はこちらです：http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In バージョン0.1.3では、Yoastのプラグインの説明コードを探すように説明コードを改善しました。それが存在しない場合は、投稿の抜粋があればそれを取得します。
SteveJoseph
@joshuatj 良い点ですね。リンクと助けを再度ありがとうございます。大変感謝しています。リンターとYoastプラグインの間で大丈夫だと思います。では、ごきげんよう。
joshuatj
@SteveJoseph または、Facebook が Lint を実行するまで待つこともできます。
SteveJoseph
@joshuatj 以前リンターを試しましたが、最初の投稿しか修正されませんでした。残りは古いコピーが表示されたままです。しかし、ユニークなページごとにリンターを実行すると正しい情報が表示されることに気づきました。あなたが投稿した内容と同じです。面倒ですが、今のところこれを使うか、あなたが提供したリンクを見て、そのプラグインが私に合うかどうか確認する必要があります。本当にありがとう、友よ！乾杯。
joshuatj
@SteveJoseph おっと、おっしゃる通りです。タイプミスをしていました。「Yoast」のことでした。http://yoast.com/wordpress/seo/But 実際には、Yoastはog-descriptionの問題を解決する以上のことをするので、あなたが望むものではないかもしれません。私はあなたのサイトのためにURL Linter (http://developers.facebook.com/tools/lint/) を使用しました。この説明が表示されているようです。「Future Tomorrowは、Steve Josephの集合的なオンライン愛称、ポートフォリオサイト、ブログです。14年以上のクリエイティブな経験を複数の分野にわたって持ち、「クリエイティブであること」をはるかに超える知識を持っているので、共有すべきことはたくさんありますが、学ぶべきことはさらにあります。」これは説明フィールドに表示したいものですか？もう一度「Facebookで共有する」を試してみてください。
SteveJoseph
@joshuatj JoshuaTJさん、返信ありがとうございます。残念ながら、「Yeost Facebook Plugin」または「Yeost Plugin」で検索しても、この可能な解決策を案内するのに役立つ結果は見つかりませんでした。直接のリンクはありますか？
「Yoast」で検索してみましたが、あなたの返信にタイプミスがあったのかもしれませんが、それでも解決策は見つかりませんでした。さらなる助けがあれば幸いです。お時間をいただきありがとうございます。
joshuatj
@SteveJoseph このプラグインは説明を扱っていないと思います。Yeost のものを試してみてはどうですか？
SteveJoseph
リンクがなくてすみません – http://futuretomorrow.net/blog/ – 投稿のいずれかで「Facebookで共有」をクリックすると、何が起こっているかが視覚的にわかります。重ねて感謝いたします。
SteveJoseph
こんにちは、
プラグインとコードの両方の方法を試しましたが、どちらも機能しませんでした。ブログから「Facebookで共有」をクリックすると、タイトル、URL、画像は正しいのですが、説明が古く間違っています。「説明」が正しく表示されるように、コードまたはプラグインのアップデートはありますか？よろしくお願いします。
よろしくお願いします、
Steve
joshuatj
プラグインは素晴らしいです！wpbeginner さん、ありがとうございます！しかし、<meta property=”og:description” content=””> メタタグに「説明」コンテンツを追加できるとさらに素晴らしいでしょう。
展開
すみません、サイトはこちらです http://societyofsocialpreneurs.com/blog
展開
このプラグインをありがとうございます！ブログがBuddypressサイトでもあり、投稿の抜粋を取得できません。何か提案はありますか？
jaffa
@wpbeginner 返信ありがとうございます。
このスレッドで私が一番の迷惑になっていることに気づいていますが、これが最後の質問になります：
サイトでcatch that imageとtim thumb関数を使用していますが、これをアイキャッチ画像を探すコードの代わりにこの関数に実装する方法、または実装できるかどうかを知りたいです。
フィーチャー画像を使用しない場合もあるので、スクリプトが投稿内の最初の画像を探し、それがなければデフォルト画像を使用するという機能があると便利です。
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn なるほど。試してみましたが、アイキャッチ画像のない投稿で、投稿画像がある場合、FB Lint は「画像のURLはRFC2396に準拠しておらず、正しく表示されません。」と表示されます。デフォルト画像の欠如も問題です。とにかく、ありがとうございました。
wpbeginner
@jaffa これらのメタタグがない場合、ユーザーがあなたのブログのいいねボタンを使って投稿に「いいね！」をすると（FBはランダムな画像を選択します）…。彼らがリンクを自分のFacebookプロフィールに投稿すると（その場合、オプションが表示されます）…ほとんどの場合、人々はいいねボタンをクリックしてから、実際にリンクをコピーしてFacebookのステータスボックスに貼り付けます。このプラグインは実際にその問題を解決します。
wpbeginner
@dbrabyn リポジトリにあるプラグインは実際にそれを実行します。アイキャッチ画像を探し、アイキャッチ画像が見つからない場合は投稿の最初の画像にフォールバックします。この投稿のスニペットはそうしません。プラグインを使用してください。
jaffa
wpbeginner のおかげで、ついにこれを機能させることができました！
ただ、コンテンツに画像がないページを共有するとデフォルト画像が使用されますが、これは可能ですか？デフォルト画像を複数指定することはできますか？
また、ウェブサイトのホームページを共有すると、ページ上のすべての画像から選択できますが、通常のページを共有するとデフォルト画像しか使用できません。ページ上のすべての画像を表示する方法はありますか？
ありがとう
dbrabyn
この機能が、投稿の最初の画像、次にアイキャッチ画像、次にデフォルト画像を取得するようにする方法はありますか？ get_the_imageのように。
jaffa
@wpbeginner そうします！
Thank you so much
wpbeginner
@jaffa お問い合わせフォームからメールをお送りいただければ、確認して、正常に動作するようにサポートいたします。
jaffa
@wpbeginner ここでの記事に満足していないわけではありません。ただ、うまく機能させることができないのです。このサイトはいつも参考にしています。なぜなら、このサイトのおかげで非常に助けられ、WPについて多くのことを学べたからです。
Open Graph が機能せず、オンラインで他の場所を探し始めましたが、さらに混乱する記事ばかりでした。もう一度試すためにここに戻ってきました。何か間違ったことをしたか、テーマに問題があって機能しないのかもしれません。それが「自分で解決する」という意味でした。
皆さんの返信と助けに感謝します。
ありがとうございます。
wpbeginner
@jaffa 必要なければアプリは不要です。個人アカウントからいいねボタンのアナリティクスを取得できます。記事がすべてを説明しているので、何も理解する必要はありませんが、それでも満足できない場合は、さらに調査してください。
jaffa
@wpbeginner OK、ありがとうございます！
他の記事ではアプリが必要だと示唆されていたので混乱していました。まあ、自分でなんとかします。
wpbeginner
@jaffa このチュートリアルのために Facebook アプリケーションを作成する必要はありません。どちらにしても機能します。このチュートリアルとは関係のない他の理由で、私たちのページにアプリがあります。
jaffa
@wpbeginner 返信ありがとうございます。とても混乱していました :s
このオープングラフが正しく機能するためには、Facebookアプリケーションを作成する必要がありますか？ このページのソースコードを確認したところ、「fb:app_id」フィールドがありますが、上記のコードには含まれていませんか？
たくさんの質問をして申し訳ありません。Open Graph に関するドキュメントがあれば、いくつか質問を見つけて、回答を見つけて共有したいと思います。
ありがとう
wpbeginner
@jbjb3077 Look at our article about showing custom fields anywhere on the site. Custom Fields 101 article covers that on our site
wpbeginner
@jaffa アプリIDとは異なります…。あなたの個人ユーザーIDは異なります。
jaffa
これは非常に愚かな質問かもしれませんが、これが機能するためには、まずFacebookアプリケーションを作成する必要がありますか？ 私は通常のFacebookページしか持っておらず、それ以外は何もなく、このコードを何度も試しましたが、まだ機能させることができません。リンターツールで実行すると、「無効なアプリID」というエラーが表示されます。
上記のユーザーIDの例は、アプリIDと同じですか、それとも違いますか？
jbjb3077
@jbjb3077 これを確認してください…
mark.bravura
早速のご返信ありがとうございます。そして、それが私の質問の核心です… Facebook Open Graph Meta For WordPressプラグインは、抜粋/説明データがないこと以外は、すべてのメタデータを正しく取得しています。そのため、手動で調整する方法を考えています。何か提案はありますか？
wpbeginner
@mark.bravura 投稿タイトルがタイトルとして、抜粋が説明として、アイキャッチ画像（サムネイル）がサムネイルとして取得されます。これらのいずれかを変更すると、ogデータを変更できます。
mark.bravura
早速のご返信ありがとうございます。では、OGデータを手動で微調整（アクセス/変更）する簡単な方法はありますか？
wpbeginner
@mark.bravura 情報は実際にはすでにデータベースに保存されています。このプラグインはそれを出力するだけです。
mark.bravura
こんにちは、
OGメタデータプラグインを使用している場合、タグはどのPHPファイルに保存されますか？ありがとうございます！
Liverpoolfcblog
こんにちは、wpbeginner @wpbeginner さん、コードは正常に動作しています。ありがとうございます。
質問があります。個々の記事をFacebookのリンターで確認したところ、すべて問題ありませんでした。しかし、ホームページを通すと、次のようなメッセージが表示されます。
必須プロパティが見つかりません og:title が必須です
必須プロパティが見つかりません og:type が必要です
必須プロパティが見つかりません og:url が必要です
必須プロパティがありません og:image は必須です
コードでこれに気づきました：if ( !is_singular()) //投稿またはページでない場合 return;
上記の4つを追加すると、Facebookが私のサイトをどのように認識するかに影響しますか？例えば、ウェブサイトとして分類され、タイトルが表示されますか？
Cheers.
編集スタッフ
is_singular アイテムを削除して、ホームページに表示することができます…ほとんどすべての WordPress ブログは、投稿ページからのみ共有されます。また、いいねボタンが目立つページでもあります。
管理者
jbjb3077
こんにちは、私の投稿画像はカスタムフィールド（サムネイル）にあります。以前のバージョンではハックしていましたが、今回はそれを追加する方法がわかりません。助けてください。これは私が置き換えたコードです
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //投稿にアイキャッチ画像がある場合 $thumbnail_src = get_post_meta($post->ID, “thumb”, true); echo ‘<meta property=”og:image” content=”‘ . esc_attr( $thumbnail_src[0] ) . ‘”/>’; } else{ echo ‘<meta property=”og:image” content=”mysite image in a path.jpg”/>’; } echo “n”;
Danny Foo
関数メソッドを実行した後も、サムネイルの問題がまだ発生しています。
ところで、xmlns:ogを更新する必要がありますか？Facebookのopengraphドキュメントでは、次のように記載されています。http://ogp.me/ns#
Nurul Imam
ありがとうございます…この機能をテーマに追加することに成功しました
jaffa
@Elliot – テーマは投稿のサムネイルをサポートしています。Twenty Ten の子テーマを使用しています。
ここに、サムネイルサポートを追加するためにfunctions.phpにコードのコピーを追加しました。
http://pastebin.com/7Cw480Xy
ここで何か間違ったことをしたのでしょうか？
jaffa
ありがとう、Danielさん。それを追加したことで、以前受け取っていたエラーは削除されましたが、タイトル、URL、画像、タイプがそこにあるにもかかわらず、それらが欠落していると表示されます。
間違った画像も表示されています。記事の画像ではなく、ページ内のランダムな画像を取得しているようです。
これがなぜ機能しないのか全く分かりません。プラグインの使用は避けたいと思っていましたが、それが唯一の方法かもしれません。
皆さん、ご協力ありがとうございます。
Daniel Chenery
Oh! I have that issue too. I popped the info in my header.php, lint the homepage = Works
Link a post page = Broken
I just gave up and ignored it!
jaffa
手助けしてくれてありがとう、ダニエル。
私も諦めることになりそうです。こんなことに時間をかけすぎるわけにはいきません。
私にも機能したらクールだったのに。
ウェブデザイン担当のElliott
再度テストする前にリンターツールで再スキャンしたと思われますが、コードをfunctions.phpまたはheader.phpに入力しましたか？
jaffa
はい、アドバイスに従ってリンターツールを使用しましたが、うまくいきませんでした。
そして、コードをfunctions.phpに配置しました。
ウェブデザイン担当のElliott
テーマは投稿のサムネイルをサポートしていますか？
jaffa
コードをfunctionsファイルに追加し、LikeおよびSendボタンを追加する方法に関する記事に従いましたが、すべて問題ないように見えました。しかし今日、クライアントが最新の記事へのリンクをFBウォールに投稿したとき、記事と一緒に画像を選択するオプションがありませんでした。
何が間違っていたのか、どうすれば修正できるのか理解できません。FBコードを追加したことが原因だと推測しています。それ以外は何も変更していません。
何が問題なのか、何か考えはありますか？
編集スタッフ
はい、画像を選択するオプションがなくなります。コードが画像をピックアップします。投稿のサムネイルを選択し、それをその記事の画像として送信します。
管理者
jaffa
返信ありがとうございます。
そのオプションが削除されるとは知りませんでした。しかし、サムネイル画像を含んでいるのに、なぜサムネイルが表示されなかったのか、まだ理解できません。画像が全くありませんでした。
ソースを表示すると、og:imageフィールドに画像のリンクが表示されます。
うまくいくといいのですが、プラグインを試す必要があるかもしれません。
もう一つだけ質問があります。テーマで様々な場所で使用するために、いくつかの異なるサムネイルサイズを定義しました。そのため、'medium' サイズの画像を呼び出す代わりに、定義したサムネイルのいずれかを呼び出すように設定する必要がありますか？
長くて分かりにくいコメントですみません、初心者です！
ウェブデザイン担当のElliott
Facebook will scrape your site every 24hrs or so… so if you’ve made any changes on your site facebook will need to catch up – 24hrs or so later. But, you can force facebook to re-scrape your site by using the linter tool. Before testing the Send button again run anyone of your url’s through http://developers.facebook.com/tools/lint/ to force Facebook to refresh the details, hopefully this should resolve the image issue
jaffa
Elliottさん、ありがとうございます。リンクしていただいたLinterツールは非常に役立ちました。
URLを渡した後、表示されたエラーメッセージは次のとおりです。
fb:admins フィールドに無効な ID が含まれていました。私のページ ID は 15 文字ですが、上記の例で使用されているのは 10 文字だけです。
もう一つのメッセージは以下の通りです。
fb:adminsフィールドにApp IDを入力しました。fb:app_idであるべきです。
上記のコードにapp_id用の追加フィールドが必要ですか？
少し混乱しています…
Daniel Chenery
@Jaffa あなたがする必要があるのは、
を追加することです。これでうまくいくはずです。
Daniel Chenery
申し訳ありませんが、
codeタグでタグが保持されると思いましたが、そうではないようです。もう一度投稿してみます。<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”Your_Profile_ID”/>
Gretchen
デフォルト画像のフィールドが表示されず、IDとサイト名のみが表示されます。何か見落としていますか？
編集スタッフ
デフォルト画像のバグを修正するためにプラグインを更新しました。現在、投稿にサムネイルがあるかどうかを確認しています…ない場合は、投稿の最初の画像を選択します。デフォルト画像の機能を近日中に復活させる予定です。
管理者
Gretchen
素晴らしい！デフォルト画像機能は気に入っています。なぜなら、すべての投稿に画像があるわけではないからです。
素晴らしいプラグインをありがとうございます！
Ayanna Mitchell
プラグインをインストールしましたが、デフォルトの画像を追加する場所がありません。助けてください。
編集スタッフ
Gretchenへの返信をご覧ください。
管理者
Ovidiu
I am curios about this part of the code: add_opengraph_doctype the problem is that that function doesn’t seem to do anything on my install
the rest is working fine but this add_opengraph_doctype doesn’t.
それは必要ですか？また、なぜ私のテーマがそれをトリガーしないのだと思いますか？
編集スタッフ
テーマに、すべてのWordPressテーマが含めるべき標準コード（言語属性）が含まれていない場合、何も機能しません。
管理者
Ovidiu
このコードの追加が欠けています: `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
私のheader.phpの先頭には次のものが含まれています。
`
`
それの何が悪いのですか？何が欠けていますか？
Ovidiu
OK、フィルタリングされているようです… pastebinへのリンクはこちらです: http://pastebin.com/vrsVzFhU
シェリル
WordPressにオープングラフプラグインをインストールしました。設定を構成し、投稿したURLの名前を私の会社の名前に置き換えました。
さて、どうすればいいですか？ 送信ボタンを「いいね！」ボタンの下に表示するには、次に何をすればよいですか？
編集スタッフ
送信ボタンの記事をご覧ください。SmartSharingプラグインも使用できます。
管理者
Thnok
functions.php のどこにコードを追加する必要がありますか？ 一番上ですか、それともどこですか？
プラグインが機能しません。
Preston
これは素晴らしいです。Facebookが本文から抜粋を読み込むようにするには、どうすればよいですか？プラグインは本文にはアクセスせず、著者名、カテゴリ、日付を取得します。何か考えはありますか？
ウェブデザイン担当のElliott
うん、最初のif文の後にこれを追加するだけです：
echo ‘<meta property="og:description" content="” />’;
Preston
そのコードを追加しようとしましたが、プラグインを無効にする致命的なエラーが発生しました。なぜなのかわかりません。
ウェブデザイン担当のElliott
コメントでは特定のマークアップが許可されていないようです。Twitterでフォローしていただければ、コードをDMでお送りします。
コンテンツにはwp the_excerpt()関数を含める必要があります。
Gretchen
ウェブサイトのFacebookページがある場合、個人のFacebookプロフィールではなく、そのページのユーザーIDを入力することになると思いますが、よろしいでしょうか？
Chris Bracco
このコードは、シングル投稿とページにのみOGタグを追加します。すべてのページにタグを表示したいのですが、これを達成する簡単な方法が見つかりません。何かアイデアはありますか？
編集スタッフ
アーカイブ、カテゴリ、タグページに個別のいいね/送信ボタンがありますか？いいねボタンは単一の投稿/ページでのみ有効なので、コードはそれを追加します。サイトに追加される唯一の他のいいねボタンは、サイトのFacebookページの（いいねボックス）です。これにはこの情報は必要ありません。
どうしても必要なら、!is_singular の条件文を削除してください。
管理者
Daniel Chenery
header.php に情報を直接入力する方が簡単だと思いませんか？以前、その方法のチュートリアルを読んだ記憶があります。
編集スタッフ
header.php にハードコーディングすることもできますが、それは複数のステップが必要なプロセスです。DOCTYPE を編集してから、他のメタタグを追加する必要があります…これは1ステップのプロセスです。貼り付けて、完了。またはプラグインをインストールして、完了。プラグインを使用すると、テーマを変更してもタグが残るので、さらに良いです。
管理者