I'm trying to get my website show thumbnail while sharing on Facebook or Twitter but I get nothing. I added these meta tags: <meta property="og:title" content="www.yupshare.com" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.yupshare.com" /> <meta property="og:image" content="http://www.yupshare.com/thumbnail.jpg" /> <meta property="og:site_name" content="yupshare"/> <meta property="og:description" content="Yupshare.com is an amazing way to share what you love easily and freely" /> <meta property="twitter:card" value="summary" /> <meta property="twitter:site" value="@yupshare" /> <meta property="twitter:creator" value="@yupshare" /> <meta property="twitter:url" value="http://www.yupshare.com" /> <meta property="twitter:title" value="www.yupshare.com" /> <meta property="twitter:image" value="http://www.yupshare.com/thumbnail.jpg" /> <meta property="twitter:image:width" value="180" /> <meta property="twitter:image:height" value="180" /> HTML: Can anyone tell me what's wrong? Site can be seen here http://www.yupshare.com Thanks
Maybe the image has wrong dimensions. I had to struggle with mine, Facebook refused to display it until it got right width and height. https://developers.facebook.com/docs/opengraph/creating-object-types/#properties
Facebook used caches for URLs, you have to delete cache by its realtime tool - http://developers.facebook.com/tools/debug