Facebook OG 不显示（分享帖子时）答案

【问题标题】：Facebook OG not displaying (when sharing a post)Facebook OG 不显示（分享帖子时）
【发布时间】：2017-03-18 15:16:06
【问题描述】：

我有这个网站页面 - http://1k.lt/mamos-ismintys/，当我试图通过下面的 FB 分享按钮分享它时，它只显示我的旧 WordPress 主题图像和基本网站数据。

长话短说，我已将静态 HTML/CSS/JS 上传到 WordPress 站点文件夹（通过 Filezilla），它从 WordPress 帖子指向此静态 HTML 模板。页面的最终 URL - http://1k.lt/mamos-ismintys/

所以现在，当我尝试分享它时，它只会显示来自默认 WordPress 模板的旧图像。

我尝试通过https://developers.facebook.com/tools/debug/og/object/ 对其进行调试，并且它可以正确显示所有内容。

这是我index.html文件的内容：

<!DOCTYPE html>
<html >
   <head>
      <meta charset="UTF-8">
      <meta property="og:url"                content="http://1k.lt/mamos-ismintys/" />
      <meta property="og:type"               content="article" />
      <meta property="og:title"              content="Mamos išmintys" />
      <meta property="og:description"        content="...." />
      <meta property="og:image"              content="http://1k.lt/wp-content/uploads/2017/03/koveris-2.jpg" />
      <title>Mamos išmintys</title>
      <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
      <link rel="stylesheet" href="css/style.css">
   </head>
   <body>
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) return;
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8&appId=(this is my fb app id)";
         fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      </script>
      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <a href="http://www.1k.lt" ><img src="css/logooo.png" style="width: 140px; padding: 16px;" /> </a>
      <div class="container">
      <div id="content">
         <p id="title" style="margin-top: 0px;"><b>Mamos išmintys</b></p>
         <div id="center" style="margin-top:0px;">
            <button id="gen" onclick="genQuote()">Prašyk išminties</button> <br/>
            <!-- <p id="question">What you say?</p> -->
            <div class="answer" style="margin-top: 61px;">
               <img src="css/ellipse.png" style="width: 66px; padding-top: 40px;"/>
               <p id="quote" style="padding-left: 1em; margin-top: 15px;">Spausk "Prašyk išminties"<br/>- <em>Mama</em></p>
               <p></p>
            </div>
            <div data-h
               ref="http://1k.lt/mamos-ismintys" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F1k.lt%2F&amp;src=sdkpreparse"><img src="fb-share.png" style="width: 190px;" /></a></div>
         </div>
      </div>
      <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
      <script src="js/index.js"></script>
   </body>
</html>

感谢任何帮助。

编辑：

我刚刚使用https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2F1k.lt%2Fmamos-ismintys%2F 运行，它说：应明确提供“fb:app_id”属性，指定应用 ID，以便分享到 Facebook 的故事将正确归因于该应用。或者，可以在打开分享对话框时在 url 中设置 app_id。

【问题讨论】：

标签： javascript html wordpress facebook facebook-opengraph

【解决方案1】：

将此添加到您的 <head> 标记以克服错误：共享应用程序 ID 不见了。

<meta property="fb:app_id" content="YOUR_APP_ID" />

希望这会有所帮助！

【讨论】：

感谢您的回答并对我在代码中出现的格式错误表示歉意。即使调试器不再抛出任何错误，一旦我单击提到的“共享 FB”按钮，它仍然显示以前的 WP 主题作为图像，并且没有标题或此特定页面的描述。可能是 WordPress 问题而不是我的代码吗？谢谢。
@DeimantasBrandišauskas：我只是在 fb 上分享你的网站，我认为问题已经解决。这是截图screencast.com/t/dqRuN9LY3U
感谢您的帮助劳纳克。问题已解决。