facebook喜欢按钮网站描述

Question

我已按照my website向these instructions添加了类似Facebook的按钮。基本上，我添加了这个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"/>

但它没有任何区别。

Answer 1

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

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

有关详细信息，请参阅https://developers.facebook.com/docs/opengraph/objects/。