Facebookのようなボタンのウェブサイトの説明

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/を参照してください。