在 Facebook 上分享时未显示发布缩略图答案

【问题标题】：Post thumbnail image not showing when share on facebook在 Facebook 上分享时未显示发布缩略图
【发布时间】：2014-06-18 01:42:58
【问题描述】：

我正在尝试开发这个博客http://www.racecarwow.com。我已将 youtube 视频缩略图用于发布缩略图。在单个帖子中，有一个 facebook 分享按钮。当我点击它时，它没有显示帖子缩略图。它仅在共享期间显示所有帖子缩略图的修复图像。我已将以下代码用于帖子缩略图

 <a class="thumbnail" href="<?php the_permalink(); ?>">
    <img class="img-responsive"  src="http://img.youtube.com/vi/<?php echo $youtube_code; ?>/hqdefault.jpg" alt="<?php the_title()?>" />
 </a>

这里$youtube_code 来自自定义字段。我也尝试过这种方式

 <a class="thumbnail" href="<?php the_permalink(); ?>">
    <?php if($post_img_src){?>
        <img src="<?php echo $post_img_src[0] ?>" alt="<?php the_title();?>" class="img-responsive">

    <?php } else{?>

    <img class="img-responsive"  src="http://img.youtube.com/vi/<?php echo $youtube_code; ?>/hqdefault.jpg" alt="<?php the_title()?>" />
   <?php }?>
    </a>

我使用以下代码分享帖子

 <a class="btn btn-block btn-social btn-facebook" href="https://www.facebook.com/sharer.php?u=<?php echo urlencode(get_permalink($post->ID)); ?>&t=<?php echo urlencode($post->post_title); ?>"target="_blank">

  <i class="fa fa-facebook"></i> Share on facebook
 </a>

请告诉我解决方法。

【问题讨论】：

标签： php facebook wordpress

【解决方案1】：

您需要将您的缩略图放在 Facebook 可以为每个帖子读取的元标记中：

<meta property="og:image" content="http://img.youtube.com/vi/<?php echo $youtube_code; ?>/hqdefault.jpg" />

我认为您有一个包含 Facebook 元标记的插件，您可能需要编辑该插件才能让您的自定义缩略图与其他元信息一起显示。

您可以在 Facebook 上调试您的网站 https://developers.facebook.com/tools/debug

【讨论】：