I'm trying to implement a 'like button' on my web site, and the preview function when you post the website link on facebook and it appear the title, description, image, etc.. etc.. I followed every step on facebook developers site, but it still doesn't work! Can someone help me please? Here's my code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="pt-BR">
<meta property="og:title" content="Hostel Rosa dos Ventos"/>
<meta property="og:type" content="hotel"/>
<meta property="og:url" content="http://www.hostelrosadosventos.com.br"/>
<meta property="og:image" content="http://www.hostelrosadosventos.com.br/Content/images/thumb_facebook.jpg"/>
<meta property="og:site_name" content="RV Hostel"/>
<meta property="fb:admins" content="100001714162833,1043531878"/>
<meta property="og:description" content="Hostel localizado em Morro de São Paulo - BA"/>
<title>Hostel Rosa dos Ventos</title>
[...]
</head>
<div id="fb-root"></div>
<script>
// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
ref.parentNode.insertBefore(js, ref);
} (document));
</script>
and where i want the button:
<fb:like href="http://www.hostelrosadosventos.com.br" width="450" height="80" show_faces="false"/>
whats wrong ?
When i try to debug it on
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.hostelrosadosventos.com
It says that my meta tags are not there... i'm actually freaking out