1

私はこのコードを使用して、ワードプレスサイトにFacebookの共有ボタンを配置しています。

    <a target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?><?php the_title(); ?>">
        <img src="<?php bloginfo('template_url'); ?>/images/facebook.png"/>
    </a>

問題は、Facebookアイコンをクリックすると、投稿を共有するためのウィンドウが開きますが、投稿のタイトルのみが表示され、そこにある画像は表示されないことです。

次のようになります。

ここに画像の説明を入力してください

投稿にある画像も共有するようにコードを修正するにはどうすればよいですか？

4

2 に答える 2

1

ヘッダーにオープングラフタグが必要です

画像の場合:

<meta property="og:image" content="LINK_TO_IMAGE" />
于 2012-10-23T09:23:58.953 に答える
1

rrikesh が述べているように、facebook のオープン グラフ メタ タグを使用する必要があります。例えば：

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>

Facebook プロトコルはhttps://developers.facebook.com/docs/opengraphprotocol/で確認できます。

また、ユーザーが Facebook に URL を配置すると、関連情報がキャッシュされ、将来の投稿が高速化されます。このキャッシュを更新するには、次の開発者ツールを使用します。

https://developers.facebook.com/tools/debug

楽しみ

于 2012-10-23T10:57:21.107 に答える