Facebook 'og:image' 属性应该明确提供,即使可以从其他标签推断出一个值

问题描述 投票:0回答:2

我在 Facebook 分享帖子时遇到问题。当我尝试分享我的网站 Facebook 黑色图像的任何帖子链接时。我还从 Facebook 调试器获取数据,并发现此错误“即使可以从其他标签推断出值,也应显式提供 'og:image' 属性。” 我正在使用带有默认 Open Graph 的 WordPress 主题

        <!--Facebook Open Graph-->
<?php if ( defined('WPSEO_VERSION') ) {}else{?>
<!--FB page title-->
<meta property="og:title" content="<?php if (! function_exists('bp_is_active') ) {if (is_single() || is_page()) {echo esc_attr(get_the_title());} else {bloginfo('name');}}else {if (is_single() || is_page() && !is_buddypress()) {echo esc_attr(get_the_title());} elseif(is_buddypress()){wp_title();} else {bloginfo('name');}} ?>" />
<!--FB description-->
<meta property="og:description" content="<?php if (is_single()) {echo substr(strip_tags($post->post_content), 0, 200); echo '...';} else {bloginfo('description');} ?>"/>
<!--FB url-->
<meta property="og:url" content="<?php if ( is_home() || is_front_page() ){echo esc_url(home_url('/'));} else{the_permalink();} ?>"/>
<!--FB image-->
<meta property="og:image" content="<?php if (is_single()) {$fbthumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'slider-three'); echo esc_url($fbthumb[0]);} else {echo esc_url(get_option('exm1_facebook_default'));}?>" />
<!--FB type-->
<meta property="og:type" content="<?php if (is_single()) { echo "article"; } else { echo "website";} ?>"/>
<!--FB site name-->
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<?php } ?>
<?php wp_head(); ?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.10&appId=546337812226292';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

当我在 Facebook 上调试时,Fabook 调试器向我显示 og.image url,我尝试查看图像,但看起来找不到页面。我还使用 EWWW Image Optimizer 插件进行图像优化。我不知道我现在做什么以及为什么 WordPress 不在默认网址上显示图像。请帮我。网站:http://urdukhabrain.pk

wordpress facebook facebook-graph-api
2个回答
0
投票

如果您查看页面的源代码,您会发现缺少

og:image
标签:

view-source:http://urdukhabrain.pk/

您需要确保您的代码正确填充

og:image
标签。

检查以下文档中的使用对象


0
投票

以下是我的一些经验:

  1. 请始终注意,图像名称的字符数可能是一个问题。将其减少为 12 个字符的名称并通过调试重新测试:https://developers.facebook.com/tools/debug/
  2. 使用 Facebook 的图片推荐:1200 x 630
© www.soinside.com 2019 - 2024. All rights reserved.