Question

我需要将Open Graph标记添加到博客页面。通过使用og:type article来阅读规范（http://ogp.me/）似乎是可行的方法。但是，我发现规范不清楚，我不确定如何正确实现语法。

两个示例网站以不同的方式实现这一点：

来自GitHub的示例:( https://github.com/niallkennedy/open-graph-protocol-examples/blob/master/article-utc.html）

<head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="article:published_time" content="...">

请注意og和article名称空间已注册，og和article用作属性。

BBC新闻报道

<head>
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="og:article:author" content="...">

请注意，没有命名空间注册，og和og:article用作属性。

我在上面看到的变体，仅注册og命名空间，仍然引用og:article作为属性。

<head prefix="og: http://ogp.me/ns#">
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="og:article:published_time" content="..">

选项3是我第一次尝试实现此功能时使用的选项。当我通过Facebook验证工具运行时，我被告知：

此类型的对象不允许名为“og：article：published_time”的属性。

目前，我已经选择了1，虽然这有效，但我想知道确切的正确语法是什么？

Answer 1

查看Facebook开发者页面：https://developers.facebook.com/docs/reference/opengraph/object-type/article

看起来您的示例2和3的格式不正确。 “article”属性都不应以“og：”

开头

以下是我在其中一个网站上的内容，我从FB调试器中得不到任何错误：

<meta property='og:type' content='article' />
<meta property='article:author' content='https://www.facebook.com/YOUR-NAME' />
<meta property='article:publisher' content='https://www.facebook.com/YOUR-PAGE' />
<meta property='og:site_name' content='YOUR-SITE-NAME' />

Answer 2

您可以使用此杀手级的“开放图形文章生成器”工具为您生成代码并帮助回答有关格式/协议的任何问题。

Open Graph Generator | Article

author属性的一个非常有用的提示是...

提供指向作者的Facebook个人资料的URL或带有个人资料类型的开放图形数据的页面。

因此，只要您链接到的页面上有打开图形配置文件标签，您就不必使用Facebook配置文件。而且，如果您对Open Graph Profile标签感到困惑，也可以使用Profile Generator ...

Open Graph Generator | Profile

Answer 3

这是http://ogp.me/#array

的示例

.ts

Answer 4

通过在页面的部分中的HTML文档中添加Open Graph标记来完成Open Graph的实现。您可以手动执行此操作，或者如果您的网站是由CMS驱动的，则可能有此功能可用的功能或插件。如果没有，请与您的开发人员联系。为此，构建功能并不难。

有四个必需的“打开图”属性：

og:url
og:title
og:description
og:image

Answer 5

you can  post this code to your blog or article header


<meta property="article:publisher" content="https://www.facebook.com/author/"/>
<meta property="article:published_time" content="2017-11-26T17:41:45+00:00" />
<meta property="article:modified_time" content="2017-11-27T00:32:23+00:00" />
<meta property="og:updated_time" content="2017-11-27T00:32:23+00:00" />

Open Graph“文章”类型的正确实现是什么？

5 个答案: