Question

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

 <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>

请告诉我解决方案。

Answer 1

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

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

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

您可以在https://developers.facebook.com/tools/debug

在Facebook上调试您的网站

发布缩略图图像时不显示在Facebook上分享

1 个答案: