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

时间:2017-11-20 18:05:43

标签: wordpress facebook facebook-graph-api

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

        <!--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网址,我尝试查看图片,但它看起来没有找到页面。我也使用EWWW Image Optimizer插件进行图像优化。我不知道我现在做什么以及为什么wordpress没有在默认网址上显示图片。请帮我。网站:http://urdukhabrain.pk

1 个答案:

答案 0 :(得分:0)

如果您查看网页来源,则会看到og:image标记丢失:

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

您需要确保代码正确填充og:image代码。

检查Using Objects的以下文档。