Javascript 使用Facebook OG元标记_Javascript_Jquery_Html_Facebook

Javascript 使用Facebook OG元标记

javascript jquery html facebook

Javascript 使用Facebook OG元标记,javascript,jquery,html,facebook,Javascript,Jquery,Html,Facebook,我正在我的网站上集成Facebook共享，我正在努力让og元标签正常工作。当前，当我单击共享按钮时，会打开一个对话框，但共享对话框中的信息不是我在meta标记中指定的信息。相反，标题是页面标题，没有图像，描述是页面上的一段，如下所示：我怎样才能获得meta标签中指定的信息以下是相关的html： <head> <meta property="og:url" content="url" /> <meta property="og:title" co

我正在我的网站上集成Facebook共享，我正在努力让og元标签正常工作。当前，当我单击共享按钮时，会打开一个对话框，但共享对话框中的信息不是我在meta标记中指定的信息。相反，标题是页面标题，没有图像，描述是页面上的一段，如下所示：

我怎样才能获得meta标签中指定的信息

以下是相关的html：

<head>
    <meta property="og:url" content="url" />
    <meta property="og:title" content="Dope Clothing" />
    <meta property="og:description" content="South African streetwear by South African streetwear lovers" />
    <meta property="og:image" content="Images/logo_thumbnail.png" />
</head>
<body>

    <div id="fb-root"></div> 
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '1471809223084795',
          xfbml      : true,
          version    : 'v2.1'
        });
      };

      (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_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

<div id="share">
  <div class="share-box"><div class="facebook-share">f</div></div>
</div>

您是否尝试过使用OpenGraph调试工具？我现在刚试过，因为某些原因，它没有拾取我的元属性，而且它看到了我头脑中的元链接和身体中的元链接？！不久前我也遇到了同样的问题，在我添加了“”标记之后，一切都很顺利。我知道这是默认值——试试看……试试看，还是没有运气：(

$('.facebook-share').click(function() {
    FB.ui({
        method: 'share',
        href: 'http://www.website.com/index.php',
        }, function(response){});
});