Question

当我将Facebook上的链接发布到我制作的博客文章时，没有任何正确的图片显示出来。我试图在我的博客代码中添加og标签到各种各样的东西，没有任何工作。救命！

我尝试了linter，这就是我得到的。推断属性：应明确提供'og：description'属性，即使可以从其他标记推断出值。推断属性：应明确提供'og：image'属性，即使可以从其他标记推断出值。

我是否必须开始在每个帖子中添加og标签？

http://michelleglauser.blogspot.com

Answer 1

当您在Facebook上发布/分享链接时，该链接有一个网址，Facebook需要为每个网址添加og标记。

例如http://michelleglauser.blogspot.com和http://michelleglauser.blogspot.com/2012/04/links-to-love-week-14-2012.html是两个不同的网址，如果你想控制facebook呈现它们的方式，每个网址都必须有og标记。

我看了一下你网站的html代码，看起来你确实提供了og：title，og：type和og：url，但og：image和og：description因某些原因被注释掉了，就是它们在代码中看起来像这样：

<!--
/*
<meta property="og:image" content="http://s191.photobucket.com/albums/z72/MichemilyG/Blog/?action=view&current=Circles-and-Dots-and-Other-Distractions-Michelle-Glauser-Blog-Header-Flat.jpg"/>
<link rel="http://s191.photobucket.com/albums/z72/MichemilyG/Blog/?action=view&current=Circles-and-Dots-and-Other-Distractions-Michelle-Glauser-Blog-Header-Flat.jpg" href="thumbnail_image" / >
<meta property="fb:title" content="Circles and Dots and Other Distractions"/>
<meta property="og:description" content="Michelle Glauser"/>
...

您需要将这些标记与其他og标记放在一起。

Answer 2

这是我刚刚开发的wordpress网站上实现的一个例子（博主有点不同）。基本上，它会检查您当前所在页面是否有相关的英雄形象。如果是，则使用该英雄图像。如果没有，则使用徽标图像。这样，当我'喜欢'我的一篇博文（甚至来自首页，而不是来自博客帖子本身）时，Facebook会ping该网址并查找关联的og：image和og：description标签。

<?php
    wp_reset_query();
    $fb_image = ui::getImage(290, 121, "align left");
    if(!$fb_image){
        $fb_image = ui::logo();
    }
?>

<meta property="og:site_name" content="<?php ui::title(); ?>"/>
<meta property="og:title" content="<?php the_title(); ?>"/>
<meta property="og:url" content="<?php the_permalink(); ?>"/>
<meta property="og:image" content="<?php echo $fb_image ?>"/>

这是每页btw的“头部”部分

我无法让Facebook抓取我发布到我博客的链接

2 个答案: