Facebook Open Graph 调试问题答案

【问题标题】：Facebook Open Graph Debug IssuesFacebook Open Graph 调试问题
【发布时间】：2016-03-25 19:43:26
【问题描述】：

我正在尝试使用 FB 的开放图形标签，并使用https://developers.facebook.com/tools/debug/og/object/ 来验证我的标记。结果给了我三个错误。

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.
fb:app_id hasn't been included in the meta tags. 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.

这是我的源代码 sn-ps。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<meta http-equiv="content-type" content="text/html,charset=utf-8"/>

<head>
<title>I am Saving For</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no">
        <meta property="og:title" content="Live Richer">
        <meta property="og:description" content="I Am Saving For">
        <meta property="og:type" content="website">
        <meta property="fb:app_id" content="944869545605682">
        <meta property="og:url" content="http://www.livericherchallenge.net/">
        <meta property="og:image" content="http://lh3.googleusercontent.com/5188mjZW9WTa9PQRefM4YEqkH8Ry_ztq6flrPHlrX5zV4eCtnQtsGxpjJtV2pBHQG3S9ANBXLLFtDb-eMIkLVgs=s0">

        <link rel="stylesheet" href="font/fonts.css">
        <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.livericherchallenge.net%2F" target="_blank">FACEBOOK</a>
</body>
</html>

我的元标记有什么问题？我正确输入了 url、title 和 app_id。

【问题讨论】：

标签： facebook-opengraph meta-tags facebook-sharer

【解决方案1】：

但是，您正在加载它们似乎并没有呈现在最终页面中。

这就是 Facebook 如何看待您的页面 https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.livericherchallenge.net%2F

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>www.livericherchallenge.net</title>
</head>
<frameset rows="100%,*" border="0">
<frame src="http://livericher.leadpages.co/live-richer-2016/" frameborder="0">
<frame frameborder="0" noresize>
</frameset>
<!-- pageok --><!-- 04 --><!-- -->
</html>

这就是我在 Chrome 查看源代码中看到的方式

查看源代码：http://www.livericherchallenge.net/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
  <title>www.livericherchallenge.net</title>

</head>
<frameset rows="100%,*" border="0">
  <frame src="http://livericher.leadpages.co/live-richer-2016/" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

<!-- pageok -->
<!-- 01 -->
<!-- -->
</html>

【讨论】：

这并不能解决为什么我的元标签没有被正确读取的问题。还是我在这里错过了一个原因？
@AngrySpartan 你在后台使用了我不知道的东西。我只能看到调试器显示的内容。您的标签显然格式不正确。
你发布的代码不是我去那个网站时看到的@AngrySpartan