Question

我正在尝试使用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.

以下是我的来源的代码段。

<!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。

Answer 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>

Facebook Open Graph调试问题

1 个答案: