我的django博客应用程序facebook分享按钮错误的图像

时间:2016-04-15 21:56:17

标签: django facebook heroku

我目前在heroku上有一个博客应用程序,带有Facebook分享按钮。我用谷歌搜索了一些帖子听到和其他网站,并得出结论,我应该在我的头脑中使用元标记。所以在通过facebook url调试器运行我的url并看到这些结果后

Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
    Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.

我做了这个

{% block fb_meta %}
     <!- Search for these meta tags -->
        <meta property="og:title" content="{{ post.title }}" />
        <meta property="og:image" content="{{ post.image_url }}" />
        <meta property="og:description" content="{{post.body}}">
        <meta property="og:site_name" content="ysite"/>
        <meta property="og:url" content="http:mysitedotcom{{ post.get_absolute_url }}" />
        <meta property="og:type" content="article" />
        <meta property="og:locale" content="en_US" />
        <!-- Author info -->
        <meta property="article:author" content="https://www.facebook.com/profile.php?id=100013675372228" />
        <meta property="article:publisher" content="https://www.facebook.com/profile.php?id=100013675372228" />
        <!-- End -->
    {% endblock fb_meta %}

在我的详细信息页面上,这在我脑海中

{% block fb_meta %}
{% endblock fb_meta %}

即使删除了它,它仍然无效并显示错误的图片。当我检查我的控制台时,标签中的所有内容都会显示

像这样

enter image description here

我的问题是什么?感谢所有帮助

编辑这是我在facebook调试器输入网址时的输出

enter image description here

另一个问题确实有关吗?

1 个答案:

答案 0 :(得分:1)

以下一直在为我工作。我一直在获取新的刮擦信息,这些信息具有更新图片的效果,以及将来可能需要此信息的其他人,以下内容来自面子书文档

  1. 使用URL调试器预先缓存图像 通过URL调试器运行URL以预取页面的元数据。如果更新一段内容的图像,也应该这样做。

  2. 使用og:image:width和og:image:height打开Graph标签 使用这些标记会将图像指定给爬虫,以便它可以立即呈现它而不必异步。