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

【问题标题】：I can't get Facebook to scrape links I post to my blog我无法让 Facebook 抓取我发布到博客的链接
【发布时间】：2012-04-06 22:36:12
【问题描述】：

当我在 Facebook 上发布指向我所做的博客文章的链接时，没有显示正确的图片。我尝试将 og 标签添加到我的博客代码中的各种内容中，但没有任何效果。帮助！

我尝试了 linter，这就是我得到的。推断属性：应显式提供“og:description”属性，即使可以从其他标签推断出值。推断属性：应显式提供“og:image”属性，即使可以从其他标签推断出值。

我必须开始为每个帖子添加 og 标签吗？

http://michelleglauser.blogspot.com

【问题讨论】：

标签： facebook image hyperlink blogger scrape

【解决方案1】：

当您在 facebook 上发布/分享链接时，该链接有一个 url，facebook 需要为每个 url 提供 og 标签。

例如http://michelleglauser.blogspot.com和http://michelleglauser.blogspot.com/2012/04/links-to-love-week-14-2012.html是两个不同的url，如果你想控制facebook呈现它们的方式，每个url都必须有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 标签放在一起。

【讨论】：

我不确定你们俩在说什么。 Faris，我必须更改每个帖子的代码吗？ Nitzan，什么是“注释掉”？如果不是这样，代码应该是什么样子？非常感谢您的帮助！
您不必为不同的页面生成不同的“代码”，但只有这样做才有意义。因为您的每篇文章可能都有不同的标题和描述？也许与它相关的不同图像？至于“注释掉”，HTML Comment 告诉解析器（和浏览器）“不介意”这些标签之间的任何内容，并且您有一些代码被忽略，其中一些是开放图形标签，它们是“需要”，因此您需要取出 cmets 标签。

【解决方案2】：

这是我刚刚在我正在开发的 wordpress 网站上实现的一个示例（blogger 有点不同）。基本上，它会检查您所在的当前页面是否有相关的英雄图像。如果是这样，它将使用该英雄图像。如果不是，则使用徽标图像。这样，当我“喜欢”我的一篇博文（甚至是来自首页，而不是来自博文页面本身）时，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 ?>"/>

顺便说一句，这在每个页面的“头部”部分中

【讨论】：