facebook喜欢按钮网站描述答案

【问题标题】：facebook like button website descriptionfacebook喜欢按钮网站描述
【发布时间】：2012-04-09 18:20:18
【问题描述】：

我在my website 中添加了一个 Facebook 赞按钮，关注 these instructions。基本上，我添加了这个 HTML：

<div class="fb-like" data-href="http://www.festivals.ie" 
    data-send="false" data-width="100"data-show-faces="false" data-font="verdana"     
    data-layout="button_count">
</div>

还有这个 JavaScript：

(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/all.js#xfbml=1&appId=29208799875673";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

当按下按钮时，会出现如下弹窗：

弹出窗口包含一些描述网站的文本（以红色圈出）。此文本似乎是从页面上出现的第一个非空 <p> 元素复制而来（从顶部开始）。

有没有办法可以将其更改为更好地描述网站的内容？我尝试添加一个

<meta name="description" content="my website description"/>

但这并没有什么不同。

【问题讨论】：

标签： javascript facebook facebook-like facebook-likebox

【解决方案1】：

使用 opengraph 描述元标记。您可能还想添加标题，除非您的页面标题始终是您希望在 Facebook 上显示的内容。

<meta property="og:title" content="..." />
<meta property="og:description" content="..." />

更多信息请参见https://developers.facebook.com/docs/opengraph/objects/。

【讨论】：

他们建议在标题标签之外添加 og:title 标签