facebook like button описание сайта

Question

Я добавил кнопку Facebook как my website, следуя 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"/> 

Но это не имело никакого значения.

Answer 1

Используйте метатег описания opengraph. Вы также можете добавить заголовок, если только название вашей страницы не будет отображаться на Facebook.

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

Для получения дополнительной информации см. https://developers.facebook.com/docs/opengraph/objects/.