为什么 Facebook 在 Wordpress 网站上分享不稳定？答案

【问题标题】：Why is Facebook sharing erratic on a Wordpress site?为什么 Facebook 在 Wordpress 网站上分享不稳定？
【发布时间】：2014-10-14 12:37:49
【问题描述】：

我有一个奇怪的问题。

我们为客户开发的 Wordpress 网站 www.oasisplace.com.my 在分享博客文章时遇到问题。

在每篇博文的底部都有一个 Facebook 分享图标。

如果单击 Facebook 共享对话框，则会出现。

对于某些用户，特色图片会替换为 Facebook 图标本身。对于其他一些人来说，它只是一个空白图像。但是对于我和一些开发团队来说，帖子通常会与可见的特色图片共享。

有什么办法可以解决这个问题吗？

我的假设是在从登台服务器（具有不同的站点 URL）迁移到正式部署的生产服务器的过程中搞砸了。

谢谢。

【问题讨论】：

是否正在创建og: 标签？
@TecBrat 是的。我有建议尝试 og:property 吗？
是的，“Will”的答案可能最终是正确的

标签： php facebook wordpress wordpress-theming facebook-social-plugins

【解决方案1】：

如果你包括

<link rel="image_src" href="http://www.oasisplace.com.my/path/to/image.jpg"/>

或

<meta property="og:image" content="[image url]"/>

Facebook 应该始终如一地接受它。

将这些内容放入 WordPress 网站的标题中可能是一个皮塔饼。

http://werewp.com/wordpress/how-to-integrate-facebook-open-graph-protocol-into-your-wordpress-theme/ 使用 header.php 内部的辅助循环（或您的

部分所在的任何位置）。似乎效率低下，但可能有效。

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns#" <?php language_attributes(); ?>>
<?php if (have_posts()):while(have_posts()):the_post();endwhile;endif;?>
>
<?php if (is_single()) { ?>
    <meta property="og:title" content="<?php single_post_title(''); ?>" />
    <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
    <meta property="og:type" content="article" />
    <meta property="og:image" content="<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>" />
<?php } else { ?>
    <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
    <meta property="og:description" content="<?php bloginfo('description'); ?>" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="<?php bloginfo('template_url') ?>/path/to-your/logo.jpg" />
<?php } ?>

我已经开始在我这些天建立的所有网站上包含 Yoast SEO 插件。原因之一是它为我们处理 Facebook 标头内容。它使用合理的默认值，并允许您在任何给定的帖子上覆盖这些默认值。

【讨论】：

嗨@Will 我已经尝试安装 Yoast SEO 插件并启用了相关区域，但第二个帖子似乎仍然只共享图标。将 URL / 永久链接放入 Facebook Developer 调试中，Facebook 服务器似乎将三个图像拉入 og:image，包括 Facebook 共享图标。然而，以前的作品与正确的特色图像一起正常工作。还有什么需要做的吗？