1

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

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

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

http://michelleglauser.blogspot.com

4

2 回答 2

1

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

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

我查看了您网站的 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 标签放在一起。

于 2012-04-06T22:54:05.407 回答
1

这是我刚刚在我正在开发的 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 ?>"/>

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

于 2012-04-06T22:59:48.647 回答