初めて書いたブログ記事をFacebookでシェアした時の、全く関係のないピクセル化された画像が表示されてしまった時のフラストレーションを今でも覚えています。何時間もかけてコンテンツを作成したのに、クリックされる前に誤って表示されてしまうのは落胆しました。
これは、ウェブサイトがソーシャルメディアプラットフォームに表示すべき内容について明確な指示を与えていない場合に発生します。そのガイダンスがないと、Facebookは推測するしかなく、しばしば間違った推測をします。
ここWPBeginnerでは、Open Graphメタデータを使用してソーシャルシェアの外観を制御する方法を習得しました。このガイドでは、私たちが使用している実績のある方法を順を追って説明しますので、コンテンツが共有される際に常に最高の見た目になるようにすることができます。

下のクイックリンクを使用して、最も関心のある方法に直接ジャンプできます:
重要: 以下のいずれか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の公式Sharing Debuggerツールを使用することです。投稿またはページの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でも私たちを見つけることができます。

デニス・ムトミ
AIOSEOで、アイキャッチ画像のない投稿にデフォルトのOpen Graph画像を設定できるのは良いですね。
アイキャッチ画像を設定していない古いブログ記事がいくつかあるので、私の全身ロゴ(私自身の写真も編集したもの)をOpen Graph画像として指定できるのは助かります。
これにより、アイキャッチ画像を追加する時間がなくても、投稿がソーシャルメディアで適切に共有されるようになります。
ダニエル
これは確かに役立ちますが、SEO Yoastのインターフェースはもはやこのようには見えません。更新が必要です。
WPBeginnerサポート
インターフェースが更新されたことをお知らせいただきありがとうございます。記事を更新する際に更新を検討します
管理者
イジー・ヴァネック
チュートリアルありがとうございます。AIO SEOにOpen Graphを追加していましたが、AIO SEOがそれがないと表示するのでまだ驚いています。SEO評価でリフレッシュをクリックする必要があることに気づくまで約30分かかりました。これにより、プラグインは新しいWordPress設定をダウンロードし、新しいSEO分析を実行します。とても簡単なことなのに、こんなに時間がかかりました。
ハリー・ゴールドハーゲン
こんにちは、コードスニペットをありがとうございます。試すのを楽しみにしています。一つ質問があります。これにより、Facebookが各ブログ投稿のサムネイル画像(「サムネイル」のことですか?)と抜粋を取得できるようになりますか、それとも行19で指定されたサイト全体のロゴ画像のみを使用しますか?Blog2Socialを試しましたが、投稿にサムネイル画像と抜粋がなく、見栄えが悪かったです。ありがとうございます!
WPBeginnerサポート
コードスニペットは、投稿のアイキャッチ画像をアイキャッチ画像に設定する必要があります。
管理者
キス・アッティラ
こんにちは、
素晴らしいコードです。しかし、なぜ og:url と og:image が変更されないのでしょうか。デフォルトで画像が設定されていない投稿で試しましたが、FBデバッガーで確認すると、og:image 部分に追加した画像を取得するのではなく、フッターのロゴが選択されてしまいます。
タイトルは機能しており、元のものから変更され、og:description も貼り付けました。最も重要なメタタグはすべてですが、画像と URL だけです。
なぜでしょうか?
ありがとうございます。
アティラ
WPBeginnerサポート
コードと一致するように更新されない最も一般的な理由ですので、WordPressサイトのキャッシュをクリアしたことを確認してください。
管理者
rehman
こんにちは、カスタム投稿タイプのOGタグを追加するためにコードをどのように変更できますか?if ( !is_singular()) をif ( is_singluar( array( ‘post’, ‘publications’) ) ) に変更しようとしましたが、ウェブサイトで致命的なエラーが発生しました。誰か助けてくれませんか、ありがとう
WPBeginnerサポート
カスタム投稿タイプで動作するようにコードを変更する必要はなく、それらでも動作するはずです
管理者
ガブリエーレ・ビアジニ
こんにちは、提案されたすべての解決策を試しましたが、スキーマにいくつかのパラメータが不足しています。
必須フィールドが不足しています: id
必須フィールドが不足しています: price
必須フィールドが不足しています: availability
プラグインまたはfunction.phpコードの更新で解決策はありますか?
WPBeginnerサポート
それはあなたがあなたのサイトで販売している製品のマークアップであり、All in One SEOにはあなたの製品にそのマークアップを追加するオプションがあります。
管理者
リチャード・S
わあ、これは本当に私に効きました、あなたは素晴らしいです!
WPBeginnerサポート
当社のガイドがお役に立てて嬉しいです
管理者
エヴレーン
またやってくれましたね – ソリューションを探していて、あなたはそれを届けました!最高です
WPBeginnerサポート
当社のガイドがお役に立てて嬉しいです
管理者
エディ
これはSMSテキストメッセージのURLプレビューにも有効ですか、それともFacebookだけですか?
WPBeginnerサポート
SMSメッセージ専用ではありませんが、マークアップはそれにも役立ちます。
管理者
インドラニル・ポール
Yoast SEOの設定を使用した場合、Facebook共有で完璧な結果が表示されるまでに時間がかかりますか?それとも数分以内に機能し始めますか?
WPBeginnerサポート
これは、サイトのキャッシュとFacebook側のキャッシュによって、かかる時間が異なります。
管理者
インドラニル・ポール
すべてのソーシャル共有サイトでこの問題に直面しています。
WPBeginnerサポート
すべてのソーシャルサイトで設定した内容が表示されない場合は、Yoastのサポートに連絡して、プラグインに問題がないことを確認してください。
ウダヤ・バスカ
こんにちは
Facebookで投稿を共有すると、投稿のアイキャッチ画像がこのようになります。
しかし、WhatsAppで共有すると、リンクにアイキャッチ画像が表示されません。助けてください。
WPBeginnerサポート
メタデータを追加するためにYoastを使用している場合は、まずYoastに連絡して既知の問題がないことを確認することをお勧めします。
管理者
コリン
プレビューでの私のタイトルは次のようになります:
%%title%% %%page%% %%sep%% %%sitename%%
これをどうやって修正すればいいですか?
プラモード・シン
こんにちは、助けてください
Facebookが私のサイトをブロックしました。Facebook開発者アプリでも、Facebookがブロックしたため、サイトをリンクできません。
Facebookでウェブサイトのブロックを解除する方法を教えてください
セイディ
こんにちは
チャイルドテーマを使用する場合、親テーマのfunctions.phpをコピーして、新しく作成したfunctions.phpに上記のスクリプトを追加し、チャイルドテーマフォルダにアップロードする必要がありますか?それとも、親テーマのfunctions.phpにスクリプトを追加するだけでよいですか?
Sadieさん、お読みいただきありがとうございます
WPBeginnerサポート
Sadieさん、
functions.php ファイルのいずれかに追加できます。
管理者
Max
カードに表示される「投稿者…」を削除するにはどうすればよいですか?
現在、サイト名 | サイト名 By と表示される問題があります
最初のウェブサイト名だけが表示され、二重に表示されないようにしたいのです。
ローラ
これは自己ホスト型ウェブサイトで使用しています。wordpress.com上にないサイトの場合、置き換えるべきUSER IDはどうすればよいですか?
スラージ
こんにちは。
大きな問題があります!!
Facebookで投稿を共有すると、投稿のアイキャッチ画像が表示されます。
しかし、WhatsAppで共有すると、リンク付きのアイキャッチ画像が表示されません。助けてください。
マリック・アディル
全て順調ですが、まだ一つ問題があります。Facebook IDを追加するにはどうすればよいですか?このコードを使用した後、以下のFacebook IDメッセージが表示されます。
「fb:app_id」プロパティは明示的に指定する必要があります。アプリIDを指定すると、Facebookに共有されたストーリーがアプリに正しく帰属するようになります。または、共有ダイアログを開く際にurlでapp_idを設定することもできます。
エリック・ヘッパーレ
この記事は楽しめましたが、2018年1月の時点でこの*手動コード*オプションは完全に機能しないようです。例えば、デフォルトの画像プロパティが機能することは確認しましたが、新しい投稿を作成する際に、「open graph (og)」メタデータを編集できるフィールドはどこにも表示されません。
何か提案はありますか?よろしくお願いします!
Mahesh Yadav
素晴らしい情報をありがとうございます。しかし、一つ質問があります。
私たちのサイトにFacebook Graphメタデータを追加することは、どれほど役立ちますか?
そして、それが非常に役立つ場合、どのような目的で役立つのでしょうか?
エルサ
このプラグインでホワイトスクリーンの死が発生しました。明らかに何かとの競合か、メモリ超過です。
ジン・ミラー
ウェブサイト全体ではなく、WordPressサイトの特定のページでサムネイル画像を 変更したい場合はどうすればよいですか?例えば、サイトのイベントページを共有したいのですが、ユニークで関連性のあるサムネイル画像を使いたいのです。助けてください?
ニッキー
ジンさん、こんにちは。質問の答えはもう得られましたか?私も同じ情報を探しています。
ありがとうございます!
ヴィック
こんにちは、WordPress SEO by Yoastを含めたいのですが、最新バージョンが私のWordPressバージョン(4.2.2)と互換性があるかどうかわかりません。有効にしても安全かどうか知っていますか?
ありがとう、皆さん
マーティン
Facebookのプロフィールが公開されていないと、FacebookユーザーIDをここで使用することはできませんか?
マーティン
テーマに手動で追加するためのコードを追加しました。しかし、うまくいきません。FacebookのユーザーIDにアクセスするには、私のプロフィールは公開されている必要がありますか?
WPBeginnerサポート
Martinさん、こんにちは
はい、動作します。
管理者
ジョーダン・カーター
これは今日でも有効ですか?試してみたところ動作しましたが、コードで次のことに気づきました:「xmlns:fb=”http://www.facebook.com/2008/fbml”‘;」
2008年は少し古すぎませんか?今日使うべき新しいプロトコルはありますか?
ワーグナー・ルンゴフ
こんにちは、投稿ありがとうございます。1つ疑問が残りました。各投稿のメタタグは、説明していただいた関数によって動的に構築されると理解しました。しかし、その関数で呼び出される変数がどこで定義され、格納されているのかが分かりません。property=”og:type” content=”article”/ のように固定文字列で定義する場合。しかし、property=”og:title” content=”‘ . get_the_title() . ‘” のように使用する場合、get_the_title() 関数はどこから値を取得するのでしょうか?コードが各パラメータに対して適切なメタデータを取得できるように、各投稿の値を事前にどのように定義できますか?
ジョーダン・カーター
get_the_title() は投稿のタイトルを取得します。別のものを使用したい場合は、メタボックスから値を取得することもできます。Advanced Custom Fieldsプラグインを使用している場合は、get_field(“my_field”) のようになります。通常のWordPressカスタムメタフィールドの場合は、get_post_meta($post->ID, “my_field”, true) のようになります。get_post_meta() を参照してください。
ヨランダ
説明が分かりやすいです!Facebookは幅と高さの両方で最低200pxのサイズを必要とするため、それ以外の場合は投稿の別の画像が使用されるため、アイキャッチ画像のサイズを確認するコードをどこに追加できるか考えています。
何かお手伝いいただけると幸いです!
モフシン・ラフィク
わかりやすく説明されており、驚くほどうまく機能します。
デヴィン
Yoastを使ってメタデータを有効にし、Pinterestでリッチピンを使用できるようにしようとしています。このチュートリアルに書かれている通りに実行しましたが、Pinterestは私の投稿を認識しません。他に試せるプラグインはありますか?
ミシェル
Yoastプラグインを追加しましたが、ソーシャルオプションがありません。助けてください。この問題で私は途方に暮れています。
ブレント・ワトキンス
ここでも同じ問題です。
グレンフォード
Yoastをインストールしたら、「SEO » ダッシュボード » タイトルとメタディスクリプション」の下、さらにその中の「ソーシャル」を確認してください。
ソーシャル設定で、Facebookタブの「Open Graphメタデータを追加」を有効にしてください。
グザビエ
このオプションは、プラグインのv4.6にはありません。
SEO >> ダッシュボードの下には、ダッシュボード、一般、機能、会社情報、ウェブマスターツール、セキュリティのタブがあります。タイトルとメタやソーシャルに関する言及はありません。
これは、Facebookのソーシャルプロフィールを設定していないからですか?OGの設定ができるだけで、これは必要ないはずです!
WPBeginnerサポート
こんにちは、グザビエさん、
まず、SEO » 機能ページに移動し、「高度な設定ページを表示する」オプションの下にある「有効化」をクリックする必要があります。これにより、Yoast SEO の高度な設定ページが表示されます。詳細については、Yoast SEO のインストールとセットアップ方法に関する記事をご覧ください。
ジョー・バレット
検索結果テンプレートにソーシャル共有を追加したので、各抜粋に共有ボタンがありますが、共有されるメタデータがめちゃくちゃで、これを制御できません。各メタディスクリプションが異なる20件の結果が同じページにある場合、これをより良く機能させる方法はありますか?
ジョヴァンナ
こんにちは、助けていただけますか?コードをfunctionsに追加しましたが、headに何を追加すればよいですか?
ベンジャミン・S
ホームページを除外するための良い改善策もここにあります:
if (is_front_page()){ echo ""; echo ""; echo ""; }else{ echo ""; echo ""; }
ベンジャミン
ありがとうと言いたいです!…これはとても役に立ちます、あなたは最高です!
WPBeginnerサポート
お役に立てて嬉しいです。WordPress のヒントやチュートリアルについては、Facebook でフォローしてください。
管理者
ローラ・K
Yoastプラグインをダウンロードし、ホームページ用に設定しましたが、Facebookでウェブサイトを入力しても、指定した画像や記述したテキストスニペットが表示されません。
また、提供されたリンクでFacebookのURLを見つけることもできません。エラーが表示されるだけです…
デバッグを試しましたが、Facebookページはデバッグできず、キャッシュもないと表示されます。
ということで…今のところ何も機能していません!
WPBeginnerサポート
デバッグツールにWordPressサイトのURLを入力する必要があります。
管理者
コートニー
こんにちは。
SEO Yoastを持っていますが、新しい画像をアップロードしましたが、Facebookでまだ機能していません……???
マッシモディファ
ありがとうございます。ヘッダーに手動でオープングラフを追加しました。完璧です!! ありがとうございます!!
D
FacebookをWordPressページに接続するプロセスについて、この非常に詳細な説明をいただき、ありがとうございました。他のサイトや推奨事項に従って、何日も試していました。今晩、Google検索からあなたのページを見つけ、うまくいきました。やったー!本当にありがとうございます。
アマンダ・ポール
この情報ありがとうございます。非常に分かりやすかったです。Yoastプラグインをアップロードし、すべての手順に従って保存しましたが、サムネイルはまだ空白のボックスのままです。反映されるのに時間がかかりますか?FacebookまたはWordPressにログアウトして再度ログインする必要がありますか?
マフムド・アヤズ
こんにちは!このリンクを私の名前に置き換えると http://graph.facebook.com/syedbalkhi このエラーが発生しました
{ "error": { "message": "(#803) Cannot query users by their username (mahm0od)", "type": "OAuthException", "code": 803 } }
何か解決策はありますか?
ダニエレ・ベサーナ
皆さん、こんにちは。og:descriptionで問題が発生しています。共有ページでは基本的にすべてのフォーマットが失われています。改行が尊重されていませんが、これを制御するにはどうすればよいですか?
よろしくお願いします!
JC
同じ問題を抱えています。og:description が欠落しています。
アメリーヤ
私もです。何か助けになりますか?
AC
同じ問題を抱えており、localhostで作業しているためFBデバッガーを使用できません…
マーク
これは私にはうまくいきました:
$metadesc = strip_tags(get_post_field(‘post_content’, $post->ID)); echo "";
(私の投稿は非常に短いコンテンツでした)
キム・マッキャン
以下は抜粋から取得したものです。og:titleの下に追加してください
WPBeginnerスタッフ
Facebook デバッグツールを使用してページを確認してください。
https://developers.facebook.com/tools/debug 通常、デバッグツールでページを確認すると Facebook のキャッシュが更新され、新しい画像が表示されるようになります。
BK
返信のお時間をいただきありがとうございます。試してみます!
BK
ありがとうございます。サイトから直接ソーシャルボタンを使用してリンクを共有したいのですが。しかし、例えばFacebookの共有ボタンをクリックすると、画像と説明は以前の情報を使用しています。Yoast SEOを使用して画像と説明を更新し、その投稿の画像と説明を特別にカスタマイズしたにもかかわらず。私が間違っていることは何ですか?
ナレン・パテル
本当にありがとうございます。この情報がとても欲しかったです。
ロビン
ありがとうございます。どれくらいこのことを理解しようとしていたか分かりません。レシピの場合はZiPLISTで簡単にできましたが、記事の場合は理解できませんでした。
マリア
こんにちは!解決方法がわからない問題があります。ブログや特定のページからFacebookにリンクを共有しようとすると、「ページが見つかりません」というメッセージが表示されるか、理解できない記号の付いたリンクが表示されます。オブジェクトデバッガーでリンクを確認したところ、次のメッセージが表示されました:必須プロパティ「og:title」がタイプ「string」として提供されていません。どうすれば解決できますか?
サリフ・クランガラ
@Syed Balkhi。----- 質問があります。すべてのタグを設定し、警告なしでクリーンなデバッグテスト結果を得た後、誰かが私のウェブページで使用しているFacebookいいねボタンをクリックすると、Facebookタイムラインフィードに表示されず、最近のアクティビティセクションにのみ表示されます。なぜですか?いいねボタンをクリックしたときにニュースフィードに直接表示されるように、他に何か追加する必要がありますか??????
アナス・カーン
素晴らしいチュートリアルです。Google PlusのOpen Graphメタに関するチュートリアルはありますか?