Facebook分享链接是不是显示了帖子内图片的缩略图?

时间:2011-03-20 作者:janoChen

通常,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(); ?>

EDIT:

我添加了所有必要的元标记和链接:

<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标记和属性:

有什么建议吗?

6 个回复
最合适的回答,由SO网友:zeo 整理而成

<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-获取打开的图形标记”

还有很多WP插件可以帮助您生成开放图标签。

SO网友:Dave Romsey

Facebook在共享页面时会缓存页面信息。您可以使用URL Linter 刷新缓存并查看FB在页面上的确切信息。linter在这些问题上帮了我不少忙。

SO网友:Bainternet

您需要将图像源元标记添加到文档的头标记中。

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

SO网友:Rutwick Gangurde

开放图形是一条必由之路!放置开放图形元标记,然后使用Facebook Linter检查您的所有数据是否正确通过。

SO网友:Keith Crusher

只需删除\'http://www.“从URL的前面以及最后一个尾随“/”开始,应该可以。为我修复了它!

SO网友:Chris

我尝试了OG标签和几乎所有在互联网上被建议过的东西,但都没有奏效。这几乎让我发疯了,所以最后我写了自己的一点业余代码,终于可以工作了。它只是简单地发布标题和图片,并在用户fb墙上摘录。这对我很管用,所以我为它提供了一个教程https://www.facebook.com/imperialantiques?v=app_100783790015943

结束