How do I test if my Open Graph tags are working correctly?

The best way to check your tags is with Facebook's official Sharing Debugger tool. Just enter the URL of your post or page, and the tool will show you a preview of how it will look when shared and list any errors or warnings it finds.

What is the best image size for a Facebook Open Graph image?

For the best results on high-resolution displays, Facebook recommends using images that are at least 1200 x 630 pixels. It's important to maintain an aspect ratio of 1.91:1 to prevent your image from being cropped awkwardly.

Why is Facebook showing the wrong image even after I set one?

This is usually a caching issue. Facebook saves the Open Graph data it first sees for a URL. If you update the image, you need to tell Facebook to check again by running the URL through the Sharing Debugger tool and clicking the 'Scrape Again' button.

Do Open Graph tags affect my website's SEO?

While Open Graph tags don't directly impact your search engine rankings, they have a strong indirect effect. A compelling and professional-looking social share leads to higher click-through rates and more traffic, which are positive signals for search engines.

WPBeginner»Blog»Themes»How to Add Facebook Open Graph Meta Data in WordPress Themes

WordPressテーマにFacebook Open Graphメタデータを追加する方法

編集スタッフ | 2025年11月18日 | 読者開示

Shares 535 Share ChatGPT Perplexity LinkedIn WhatsApp Email

初めて書いたブログ記事をFacebookでシェアした時の、全く関係のないピクセル化された画像が表示されてしまった時のフラストレーションを今でも覚えています。何時間もかけてコンテンツを作成したのに、クリックされる前に誤って表示されてしまうのは落胆しました。

これは、ウェブサイトがソーシャルメディアプラットフォームに表示すべき内容について明確な指示を与えていない場合に発生します。そのガイダンスがないと、Facebookは推測するしかなく、しばしば間違った推測をします。

ここWPBeginnerでは、Open Graphメタデータを使用してソーシャルシェアの外観を制御する方法を習得しました。このガイドでは、私たちが使用している実績のある方法を順を追って説明しますので、コンテンツが共有される際に常に最高の見た目になるようにすることができます。

WordPressテーマにFacebook 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のビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。

WPBeginnerで今すぐ人気！

開示：当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

編集スタッフについて

WPBeginnerの編集スタッフは、WordPress、Webホスティング、eコマース、SEO、マーケティングで16年以上の経験を持つSyed Balkhiが率いるWordPress専門家のチームです。2009年に開始されたWPBeginnerは、現在、業界最大の無料WordPressリソースサイトであり、WordPressのWikipediaと呼ばれることもあります。

222 CommentsLeave a Reply

WPBeginnerスタッフ

2014年6月9日午後8:55

アイキャッチ画像を設定しましたか？コード内のデフォルトの画像URLをご自身の画像URLに置き換えましたか？

Reply
Ikix

2014年6月9日午前8時57分

こんにちは。あらゆる手を尽くしましたが、FacebookにブログのURLを投稿したときにサムネイル画像が表示されません。おっしゃる通りにコードを追加しましたし、たくさんのプラグインをダウンロードしましたが、Facebookには画像が表示されません！助けていただけますか？お願い！

Reply
Jason C.

2014年5月29日午後2:32

Facebookのサムネイルオプションに単一の画像を追加することについてはどうですか？アイキャッチ画像は問題なく取得していますが、投稿内の他の画像は取得していません。簡単なコードで手動で追加する方法はありますか？

Reply
WPBeginnerスタッフ

2014年5月22日午後3:50

申し訳ありませんが、プラグインはもう利用できません。記事を更新し、新しい情報を含めました。これでWordPressサイトにFacebook Open Graphメタデータを追加するのに役立つことを願っています。

Reply
adepush

2014年5月21日午後12:11

こんにちは、あなたのプラグインはまだWordPress.orgで利用可能ですか？

http://wordpress.org/plugins/facebook-open-graph-meta-in-wordpress/

a.

Reply
M

2014年4月29日午後1:45

サイドバーから画像が取得されてしまい、functionsファイルに設定した画像が使われていないのですが？

Reply
damian

2014年4月6日午前9時49分

og:descriptionはどうですか？

Reply
ムサディク

2014年3月31日午後7時20分

こんにちは、

上記のコードにFacebookをどのように含めることができますか？これにより、記事を直接プロフィールタイムラインとFacebookページに公開できるようになります。ありがとうございます。

Reply
Hassan

2014年3月16日午後2時41分

私の投稿をFacebookで共有しても、最後のInstagramの写真しか表示されないので、うまくいきません

Reply
Loes Liemburg

2014年2月10日午前11時19分

こんにちは、このプラグインをインストールしましたが、設定メニューにOGオプションが表示されません。更新して待っていましたが、何も表示されません。何が間違っていますか？

Reply
マヌエル・ゴメス

2013年12月1日午後4時16分

この行は、画像が中サイズを使用することを意味しますか？

$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘medium’ );

「big」に置き換えたら、大きな画像が使われますか？Facebookでリンク投稿を新しいフォーマットで見たいのですが、そうすればもっとクリック数を増やせると思います。

ありがとうございます！

Reply
Alexandra

2013年9月29日午前7時20分

ありがとうございます！コードは完璧に動作しました！

Reply
- M
  
  2013年10月8日午後3時28分
  
  残念ながらこれは私にはうまくいきませんでした。WPのヘッドソースコードに出力されているのさえ確認できません。サイトにプラグインを追加したくないので、コードの方法を使用しています。
  
  htaccessファイルをチェックしましたが、パーマリンク宣言以外は空白なので、問題は発生していません。
  
  キャッシュプラグインもありません。何も設置していません。何かアイデアはありますか？
  
  Reply
  - M
    
    2013年10月8日午後4時42分
    
    実はこれは機能したのですが、デバッガーツールを使用しても、タイムラインにリンクを投稿してもog:imageが表示されないようです。
    
    JSONに存在しても、本当に奇妙です。デバッガーは投稿を表示しますが、共有プレビューには画像がありません。誰か何かアイデアはありますか？
    
    Reply
Attila

2013年7月20日午後6時25分

サイード様、こんにちは。
WordPressとFacebookを使い始めてから、グラフのメタ情報を抽出するために多くのプラグインを使用してきましたが、「Facebook Open Graph Meta for WordPress」がこれまでのところ最もシンプルでありながらプロフェッショナルなプラグインだと言えます。

ただ、小さな問題があります…Facebookデバッガーで投稿リンクをデバッグすると、生のOpen Graphドキュメント情報が正しく表示されません。コンテンツはハンガリー語なので、特殊文字が含まれています。

例：
メタタグ：

誰かこれを修正する方法を教えていただけると幸いです。

事前に感謝し、良い仕事を続けてください。

敬具

Reply
- JessDelAngel
  
  2014年5月23日午後6時42分
  
  こんにちは！
  
  この問題の解決策は見つかりましたか？
  
  Regards
  
  Reply
Jim

2013年4月9日午後7:41

うまく動作しました – ありがとうございます。プラグインなしで統合する最良の方法は、これであることに変わりありませんか？

Reply
- 編集スタッフ
  
  2013年4月10日午前10時56分
  
  これには、WordPress SEO by Yoast プラグインを使用しています。
  
  Reply
  
  管理者
ally

2012年9月7日午前8時08分

このコードを長年使用していますが、最近問題が発生しており、画像が常にプルされるわけではありません。リンターを使用してこのエラーを見つけました：

推論されるプロパティ 'og:description'プロパティは、他のタグから値を推論できる場合でも、明示的に提供する必要があります。

説明タグを追加したところ、画像の問題は解決したようですが、記事の内容が表示されなくなりました。

これを解決する方法はありますか？コンテンツの最初の数行だけを表示したいのです。

ありがとう

Reply
- 編集スタッフ
  
  2012年9月7日午前9:31
  
  YoastのSEOプラグインを使用すれば、これは組み込まれています。
  
  Reply
  
  管理者
  - Goob
    
    2013年6月13日午後5時52分
    
    YoastのSEOプラグインには、単一ページのog:descriptionが組み込まれていないようです。
    
    Reply
    - 編集スタッフ
      
      2013年6月16日午後10時16分
      
      はい、組み込まれています。デフォルトではメタディスクリプションがプルされますが、Yoast SEOメタボックスから説明を変更するオプションもあります。
Theo

2012年6月19日午後6時02分

こんにちは。

WordPressでは、投稿と固定ページで異なる「og:type」を設定することは可能でしょうか。現状（私の理解では）WordPressのすべてのものに対して、「og:type」がarticleに設定されています。

ページの「og:type」を「website」に設定し、投稿を「article」に設定したい場合はどうなりますか？

Any suggestions or help much appreciated

ありがとう

Reply
- 編集スタッフ
  
  2012年6月19日午後6時33分
  
  条件付きステートメントを使えば、間違いなく可能です。
  
  Reply
  
  管理者
編集スタッフ

2012年3月16日午前7:24

投稿のサムネイルは、「注目の画像」機能を使用して添付する必要があります。

Reply

管理者
seitanist

2012年2月8日午後3時36分

なぜか説明してもらえますか

global $post;

は必要ですか、そして生成されたコードのどこに配置されますか？

Reply
- wpbeginner
  
  2012年2月9日午前9時12分
  
  @seitanist はい、global $post が追加されている理由は、このコードがページの
  タグの外、ループの外で追加されているためです。正しい情報を取得するには、global $post を呼び出す必要があります。これにより、これらのタグがすべて機能します。
  
  Reply
seitanist

2012年2月8日午後1時43分

これは素晴らしい काम をしました！ありがとう！！！

Reply
編集スタッフ

2012年1月26日午前10時09分

Yoast のプラグインでソーシャル機能を無効にし、Otto の Simple Facebook Connect プラグインをダウンロードしてみてください。それを有効にするだけで、基本部分は処理されます。

Reply

管理者
Cno

2012年1月16日午後8時03分

こんにちは、すべてうまくいきました！特定のブログ投稿のリンクをFacebookのウォールに投稿すると、正しいサムネイル、説明、サイト名が表示されます。しかし、Facebook上の投稿には、ブログタイトルのすぐ下にサイトの完全なURLも自動的に表示されます。代わりに、サイトのURLではなく、特定のブログ投稿のパーマリンクを表示したいです。これにより、WordPressでその特定の投稿の「いいね！」を統合できます。お願いします！誰か？

Reply
StephanePerez

2011年11月15日午前5:00

こんにちは、プラグインをインストールしようとしましたが、致命的なエラーのため有効化できませんでした：Cannot redeclare add_opengraph_doctype()…/fbogmeta.php の 24行目

何をすればいいの？

ありがとうございます！

Reply
techhogger

2011年10月26日午後12時28分

指示通りにtechhogger.comのブログにコードを貼り付けましたが、問題は解決しないようです。AdSenseコードが説明エリアに表示されているのがわかります。助けてください。

Reply
- waqaslone
  
  2012年1月22日午前8時31分
  
  @techhogger 同じ問題です…解決策が見つかったら教えてください。
  
  Reply
  - wpbeginner
    
    2012年1月23日午前9時41分
    
    @waqaslone@techhogger 説明を表示するには、抜粋を使用する必要があります。または、OttoのSimple Facebook Connectプラグインを使用して、Baseをオンにするだけでもかまいません。これで全て解決します。
    
    Reply
    - techhogger
      
      2012年1月23日午前10時09分
      
      @wpbeginner@waqaslone@techhogger
      
      すべてやりました。あなたが言ったプラグインも試しました。私のブログから任意の投稿を共有してみてください、そうすれば何が起こっているのか正確にわかるでしょう。ある程度、説明セクションからコードが表示されるのを削除することができました。しかし、今ではFacebookで共有する際に、投稿の説明とサムネイルが見えなくなっています。助けていただければ幸いです。
    - wpbeginner
      
      2012年1月24日午前9:23
      
      @techhogger@waqaslone 私たちはこのページで共有されている方法を自身のウェブサイトで使用しています。すべて正常に動作します。List25ではSFCを使用しており、問題なく動作しています。なぜあなたがこれらの問題を抱えているのか分かりません。SFCはコンテンツを解析して説明文を抽出する非常にスマートな方法を持っています。ですから、説明文を抽出することは間違いありません。画像もすべて抽出します。これは、あなたのサイトで別のプラグインが干渉している可能性が非常に高いです。いいねボックスやいいねボタンを追加するWPプラグイン、またはその他のFacebookプラグインをお持ちですか？
    - techhogger
      
      2012年1月24日午前9時28分
      
      @wpbeginner@waqaslone あなたの最後の返信の後、もう一度共有してみました。そして同じことが起こります。投稿の説明ではなく、ブログの説明として投稿タイトルと説明しか表示されず、サムネイルも表示されません。ソーシャル共有にはDigg Diggプラグインを使用しています。
    - wpbeginner
      
      2012年1月24日午前9時33分
      
      @techhogger@waqaslone OttoのSimple Facebook Connectプラグインを有効にしてください。functions.phpに追加したコードを削除してください…
    - techhogger
      
      2012年1月24日午前10:04
      
      @wpbeginner@waqaslone 今は動作していると思います。プラグインを再度ダウンロードして設定しました。そして今、動作しているようです。確認して、すべて問題ないか教えていただけますか。
ChristopherJosephDowney

2011年10月22日午後4時57分

Blogger では HTML にメタタグを入れることに慣れていました。WordPress に切り替えたところ、この点では頭痛の種になっています。編集できる HTML がなく、CSS にも慣れていないからです。このプラグインは素晴らしいのですが、正しく動作していないようです。私の質問はこうです。3つの異なる ID があるようです：私の Facebook プロフィール、私の Facebook ファンページ（私のブログがリンクしているもの）、そして開発者デバッガーページに表示される私の OG デバッガー ID です。プラグインにはどの ID を使用する必要がありますか？プラグインにどの ID を入れても、「デバッグ」をクリックするとサムネイルが更新されず、常に広告の GIF のいずれかになっています。HTML でメタタグを使用していたときのように、複数のデフォルトサムネイルを持つことはできますか？

Reply
RobKara

2011年9月29日午後8時04分

ユーザーが私の WordPress ページ「object」にアクセスしたとき、そのページを見ているのが Facebook ユーザーの場合、Facebook のユーザー ID をどのように取得できますか？ Facebook はクエリ文字列経由で signed_request または Facebook ユーザー ID を送信しますか？

Reply
- wpbeginner
  
  2011年9月30日午前4:54
  
  @RobKara この質問は、この記事の範囲を超えるため、Open Graphフォーラムで尋ねるべきです。
  
  Reply
MetalPhil

2011年9月19日午後4時33分

それで、この stuff を自分のウェブサイト (AngryMetalGuy.com) にインストールしたのですが、動作しません。全く理由が分かりません。イライラと混乱の極みです。もし、どうか、どうか、どうか、どうか、おねがいします、助けていただけたら最高です。

Reply
- MetalPhil
  
  2011年9月19日午後4時33分
  
  ところで：ずっと前にインストールしましたが、まだ動作しません。1ヶ月以上この問題に悩まされています。私を殺しています。
  
  Reply
  - lizbizz
    
    2011年9月19日午後4:39
    
    ブログでFacebook OG Metaプラグインを無効にし、代わりにSimple Facebook Connectプラグインをインストールしたところ、サイトと投稿のすべてが正常に機能するようになりました！
    
    WPbeginners. com の指示と情報（必ず正確に従ってください）をこの投稿で参照してください：https://www.wpbeginner.com/plugins/how-to-install-and-setup-simple-facebook-connect-for-wordpress/
    
    Reply
lizbizz

2011年9月17日午後1時55分

これはFacebook共有ボタンの問題を解決しましたが、今度はHootsuiteのHootletを使用してサイトからFacebookに投稿を共有しようとすると、説明テキストボックスが空になります。サムネイルとURLは正しく表示されますが、記事のプレビューテキストは表示されません。以前は機能しており、他のサイトでも機能しているので、プラグインをインストールしたときに発生したと思います…助けてください？

Reply
SaijoGeorge

2011年9月7日午前9時00分

@wpbeginner Facepalm … Thanks for the quick replay mate

Reply
wpbeginner

2011年9月6日午前8時14分

@SaijoGeorge 投稿で定義された抜粋のみが出力されます。抜粋を指定しない場合は、何も表示されません。

Reply
SaijoGeorge

2011年9月6日午前2時06分

Great plugin .. the only issue I seem to be having is that the meta property=”og:description” spits out some random data . Thr url for a sample post is 1800pocketpc.com/watch-out-for-windows-phone-7/22453/ similar issue on another blog bestwp7games.com/crazy-horses-match-maker-a-path-drawing-game.html ( here og:description comes out to be blank ) I am using thesis variations on both of those sites .. was wondering if any of you guys have come across this issue

また、これらのページのmeta descriptionタグは正しいデータを表示しているようです

Reply
wpbeginner

2011年9月2日午後1:08

@CarlosDeGuzman リンターの更新には時間がかかります。

Reply
CarlosDeGuzman

2011年9月2日午後12時47分

Hi wpbeginner! I installed the plugin on my site, ww w.swimbikerun.ph and it’s not working. I’m still getting these errors on the linter. Also no thumbnails are showing when you share a post on fb. Hope you can help

また、説明も表示されていません

警告

必須プロパティがありませんog:titleが必要です

必須プロパティがありませんog:typeが必要です

必須プロパティがありませんog:urlが必要です

必須プロパティがありませんog:imageが必要です

Reply
wpbeginner

2011年8月17日午後1:57

@ReyCalantaol SEOとは関係ありません…Open GraphデータはFacebook用です…

Reply
wpbeginner

2011年8月14日午前3時39分

@arabsciences@Tia Peterson Meta Descriptionを追加する必要があります。当社のプラグインがそれを行います…

Reply
wpbeginner

2011年8月14日午前3時39分

@arabsciences@Tia Peterson Meta Descriptionを追加する必要があります。当社のプラグインがそれを行います…

Reply
wpbeginner

2011年8月14日午前3時39分

@Tia Peterson はい、リポジトリ経由で再インストールする必要があります。

Reply
wpbeginner

2011年8月14日午前3時39分

@Tia Peterson はい、リポジトリ経由で再インストールする必要があります。

Reply
Tia Peterson

2011年8月13日午後11:59

@arabsciences@wpbeginner Nope.

Reply
arabsciences

2011年8月13日午後10時47分

Hi

1つのSEOプラグインでaalから説明をプルするにはどうすればよいですか？

私には機能しません

Reply
arabsciences

2011年8月13日午後10時43分

@Tia Peterson@wpbeginner

All in one seo pluginを使用していますが、descriptionをurl linterに表示させることができませんでした

Reply
arabsciences

2011年8月13日午後10時39分

@Tia Peterson@wpbeginner

投稿の最初の300文字を表示する修正方法を見つけました。

og:descriptionを次のように変更するだけです：

<meta property=”og:description” content=”<?php echo strip_tags(get_the_excerpt($post->ID)); ?>” />

Reply
ClyoBeck

2011年8月9日午後11時03分

OK、元のテーマファイルに戻り、元の functions.php ファイルをアップロードしました。ダメでした。まだ画面が真っ白です。テーマをアップグレードすれば役立つのではないかと考えています。functions.php ファイルに入力したコードが、何らかの方法で他の何かを変更してしまったのではないかと疑問に思っています。それは可能ですか？

Reply
wpbeginner

2011年8月9日午後10:04

@ClyoBeck functions.php ファイルの末尾に余分なスペースがないことを確認してください…

Reply
ClyoBeck

2011年8月9日午後10:03

皆さん、こんにちは。

プラグインをダウンロードすればよかったのに。代わりに上記のコードをfunctions.phpファイルにコピー＆ペーストしてしまい、ブログが表示されなくなりました。

サーバーに入り、notepadでphpファイルをコピーした後、古いファイルをアップロードしました。それでもうまくいきません。

これを修正するにはプログラマーを雇う必要がありそうです。

何かアドバイスはありますか？

Reply
Livefyre

2011年8月9日午前11時39分

@wpbeginner ありがとうございます。アップデートはまだ来ていないようです。WPプラグインリポジトリから再度プラグインをダウンロードして再インストールすればよいでしょうか？

Reply
wpbeginner

2011年8月4日午後5時00分

@Tia Peterson この問題と別の問題の修正をアップロードしました。15分以内に公開されるはずです（SVNの更新が完了次第）。

Reply
wpbeginner

2011年8月4日午後12:40

@SteveJoseph@joshuatj リンター（正確な番号は不明ですが）でも、投稿にその数の「いいね！」があると、説明/タイトルなどがリセットされなくなります…もし私が正しければ、その数はそれほど高くありません…

Reply
SteveJoseph

2011年8月4日午前11時35分

@wpbeginner @joshuatj wpbeginnerさん、返信ありがとうございます。プラグインは3日以内に使用したので最新バージョンだと確信していましたが、うまくいきませんでした。自己解決するというご提案に従いますが、現在の解決策は最適とは言えません。ブログの「紹介」セクションから説明を引っ張ってきており、読者に私について伝えるのに役立ちますが、なぜ記事や共有アイテムをクリックすべきかをサポートするにはほとんど役立ちません。幸いなことに、正しい画像と投稿の見出しは表示されますが、投稿自体の説明は表示されません。

Facebook がオープングラフをこれほど宣伝していたので、それが機能し、しっかりと完成していることを確認しただろうと想像していました。重ねて感謝します。

Reply
Tia Peterson

2011年8月4日午前11時28分

こんにちは！なぜか、プラグインが説明文を取得しません。最初は、「抜粋」フィールドから説明文を取得していることに気づき、毎回そのフィールドを使用するようにしました。今では、それからも取得しません。理由がわかりません。最新バージョンのプラグイン、StudioPress News Child Theme for Genesis、およびWordPressバージョン3.1を使用しています。

こちらが最新の投稿です。このURLをFacebookに貼り付けると、画像とタイトルのみが表示されることを示しています。ソースコードでは、Open Graphプラグインの説明フィールドが完全に空になっています。http://www.bizchickblogs.com/2011/08/what-do-you-know-about-naturopathy.html

ご協力ありがとうございます！

Reply
wpbeginner

2011年8月2日午後4時24分

@SteveJoseph Facebookは古い投稿の更新に少し時間がかかりますが、自動的に修正されます。

Reply

« Older Comments

Newer Comments »

« 1 2 3 »