web-dev-qa-db-ja.com

Facebookの共有リンクが投稿内の画像のサムネイルを表示していませんか?

通常facebook shareは投稿するためにサイトから画像を取得してサムネイルとして表示します。

あなたが私のテストページのfacebookリンクでこの共有を押してもそうではありません。

これは私のテストサイトです: http://alexchen.info/taiwantalk/ /

これはコードです:

<?php
/**
 * Template Name: Front Page
 * @package WordPress
 * @subpackage Prominent
 * @since Prominent 1.0
 */
get_header(); ?>
<div id="tagline">
    <div class="container">
    </div><!-- .container -->
</div><!-- #tagline -->
<div id="content">
    <div class="container">
        <div id="mainbar">
            <?php while ( have_posts() ) : the_post(); ?>
                <div class="content-block-2">
                    <?php the_content(); ?>
                </div>
                <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>
            <?php endwhile; ?>
            <?php /* Display navigation to next/previous pages when applicable */ ?>
            <?php if (  $wp_query->max_num_pages > 1 ) : ?>
                <?php next_posts_link( __( '&larr; Older posts', 'twentyten' ) ); ?>
                <?php previous_posts_link( __( 'Newer posts &rarr;', 'twentyten' ) ); ?>
            <?php endif; ?>
        </div><!-- #mainbar -->
    </div><!-- .container -->
</div><!-- #content-bottom -->
<?php get_footer(); ?>

編集:

必要なメタタグとリンクをすべて追加しました。

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="title" content="Article headline here" />
<meta name="description" content="Article summary here" />
<title><?php
    /*
     * Print the <title> tag based on what is being viewed.
     * We filter the output of wp_title() a bit -- see
     * twentyten_filter_wp_title() in functions.php.
     */
    wp_title( '|', true, 'right' );
?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link rel="image_src" href="http://alexchen.info/taiwantalk/wp-content/uploads/2011/03/cheating.png" />

しかし、これが示されている唯一のものです。

asdasd |台湾トーク http://alexchen.info/taiwantalk/2011/03/ ...

これらのHTMLタグと属性を使用することができます。

助言がありますか?

2
janoChen

<meta property="og:image" content="http://alexchen.info/taiwantalk/wp-content/uploads/2011/03/cheating.png" />

http://developers.facebook.com/docs/reference/plugins/like/ にアクセスして、「ステップ2 - Open Graphタグを取得する」を参照してください。

Open Graphタグを生成するのに役立つ、たくさんのWPプラグインもあります。

8
zeo

Facebookはページを共有するときにそのページに関する情報をキャッシュします。 URL Linter を使ってキャッシュを更新し、FBがあなたのページに持っている情報を正確に見ることができます。リンターは私にこれらの問題をかなり助けてくれました。

3
Dave Romsey

あなたはあなたのドキュメントのheadタグにimage source metaタグを追加する必要があります。

<link rel="image_src" href="http://site.com/image.jpg" />
1
Bainternet

Open Graphはその道です。開いているグラフのメタタグを配置してから、Facebook Linterを使用してすべてのデータが正しく送信されているかどうかを確認します。

0

最後の末尾の「/」と同様にURLの先頭から「http:// www。」を削除するだけで動作します。修正しました。

0
Keith Crusher