Facebook can't seem to find the value I pass in meta og:image.
The url is: https://glouton.ca
And the debugger, even after I do recollect, I still have a warning.
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
What am I doing wrong? I feel like it worked last week...
Your current tags are valid. The problem is caching, either on their side, on yours or one somewhere in between, because they aren't getting the current version of your site.
I also inspected your page in the Facebook debugger, and found that they're using an outdated version of your page. The result they're collecting for your link is available here : (The link to access this is present around the bottom of the debugger page)
https://developers.facebook.com/tools/debug/echo/?q=https%3A%2F%2Fglouton.ca%2F
At the time of writing this message, the code looks like this :
<!DOCTYPE html>
<html><body>
<p>tyle="height:100%">
</p>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-109094225-1"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109094225-1');
</script><meta name="description" content="Glouton est un moteur de recherche intelligent qui permet de trouver des recettes par mot clé ou ingrédient. Des nouvelles recettes sont indexées automatiquement chaque jour.">
<meta charset="utf-8">
<meta property="og:url" content="https://glouton.ca">
<meta property="og:type" content="website">
<meta property="og:title" content="Glouton, les meilleures recettes du Québec">
<meta property="og:description" content="Glouton est un moteur de recherche intelligent qui permet de trouver des recettes par mot clé ou ingrédient. Des nouvelles recettes sont indexées automatiquement chaque jour.">
<meta property="og:image" content="https://glouton.ca/site/images/social.png">
With that many errors in the file, no wonder their parser can't find the og:image correctly. You should check it out again in some time.
Related
I'm not very good when it comes to setting up a server on Amazon but together with a friend I set up an EC2 with cPanel and IPv6 enabled. The website is http://tomeofheroes.com . The issue I'm having is that when I'm trying to post this website on a social platform I get a directory listing instead of the actual index page. I have setup all the proper og tags so that's not the issue.
This is the facebook developer link for example: https://developers.facebook.com/tools/debug/og/object/?q=http%3A%2F%2Fwww.tomeofheroes.com%2F
Here are my og tags:
<meta property="og:type" content="website" />
<meta property="og:title" content="Tome of Heroes">
<meta property="og:description" content="Competitive & High Skill-Cap PvP on your mobile device.">
<meta property="og:image" content="http://www.tomeofheroes.com/images/og_image.png">
<meta property="og:url" content="http://www.tomeofheroes.com/">
<meta name="twitter:title" content="Tome of Heroes">
<meta name="twitter:description" content="Competitive & High Skill-Cap PvP on your mobile device.">
<meta name="twitter:image" content="http://www.tomeofheroes.com/images/og_image.png">
<meta name="twitter:card" content="http://tomeofheroes.com/images/twitter_card.png">
<meta name="twitter:site" content="#TomeOfHeroes">
Again, I'm not very experienced when it comes to setting up the server properly but as far as I can tell it seems to work fine, it just doesn't work on social networks. In any case, if someone has any idea of what's wrong, I'd really appreciate it! Please try and explain it in basic terms, thanks in advance!
I am getting this error when I did my OG check at facebook
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.dreampiece.com.au%2Findex.php%3Fmain_page%3Dproduct_info%26cPath%3D2_7%26products_id%3D459
Object at URL 'http://www.dreampiece.com.au/index.php?main_page=product_info&cPath=2_7&products_id=459' of type 'product' is invalid because the given value '' for property 'og:url' could not be parsed as type 'url'.
This is my page source,
<meta property="og:type" content="product" />
<meta property="og:url" content="" />
<meta property="og:description" content=" Product Details: Total Qty: One Pc Materials: Alloy Electroplate & Rhinestones Size: Pendant - 2.5 cm x 1.6 cm; Length - 40.6 cm (Ext 7.2 cm) Country of Origin: Japan Colour: Golden " />
<meta property="og:site_name" content="DreamPiece Accessories" />
<meta property="fb:admins" content="120867161308451" />
<meta property="og:image" content="http://www.dreampiece.com.au/images/Products/m02040.jpg" />
Could it caused by the blank og:url? I am using code as below,
<meta property="og:url" content="<?php echo $canonicalLink; ?>" />
Yes, that's what's causing it - are you sure your code is actually outputting a value there? It almost certainly isn't if Facebook's crawler is showing nothing in the og:url meta tag
I appreciate this could be construed as a somewhat lame question but the issue has me utterly perplexed. I simply cannot get the like button count to show up for a particular domain. The exact same code on an alternative domain works fine.
The problematic domain is www.gold.org. I have made four test cases, each using code basically verbatim from the FB website. In each example the url to be liked points to the domain's homepage (unless specified).
http://www.gold.org/test.php - HTML 5 implementation, this page also contains links to the other examples and open graph info.
I have taken time to ensure that the correct OG tags are in place (using the facebook debug tool), that each site has admin ids and have even gone as far as to implement facebook/insights for each site. The gold.org domain has used addthis.com analytics for sometime and I have recently upgraded the code to use native social button code. Insights reports show enough traffic to warrant the count being displayed, and an fql query for the gold.org homepage currently reports a count of 86.
Below is some sample code from the gold.org domain, for those unable/unwilling to check the examples above. The test case in the goldinspirations.com domain is the same, but with relevant urls and OG tags for that site.
If anyone could shed light on this I would be entirely grateful. I have read many other questions/answers related to this issue here on the FB stackoverflow site, and I believe I have implemented everything correctly. Feel free to shoot me down in flames if I have missed somethingm, I promise to slap my forehead and say DOH.
Many thanks
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FB Test</title>
<meta name="robots" content="index,follow" />
<meta name="copyright" content="Copyright (c) 2012 World Gold Council" />
<meta name="author" content="http://www.gold.org" />
<meta name="publisher" content="World Gold Council" />
<meta property="og:title" content="Homepage > World Gold Council"/>
<meta property="og:description" content="The World Gold Council – the market development organisation of the gold industry and voice of authority for gold" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.gold.org/"/>
<meta property="og:image" content="http://www.gold.org/assets/static/www.gold.org/img/favicon-apple.png"/>
<meta property="og:site_name" content="World Gold Council"/>
<meta property="fb:admins" content="100001681197681,536819656" />
</head>
<body>
<script>
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fb-root"></div>
<div class="fb-like" data-href="http://www.gold.org" data-send="true" data-layout="button_count" data-width="300" data-show-faces="false" data-font="arial"></div>
</body>
</html>
http://www.gold.org/test.php > 702 likes
http://www.gold.org/test2.php > 702 likes
http://www.gold.org/test3.php > 3.1m likes
http://www.goldinspirations.com/test.php > 92 likes
http://graph.facebook.com/?ids=http://www.gold.org > 702 likes
http://graph.facebook.com/http://gold.org > 702 likes
This does concern me: http://graph.facebook.com/10150203036463274 doesn't display much information on your likes or shares like others tend to list like: http://graph.facebook.com/cocacola
How do I specify the product image that I want the send button to display. I would like it to display the product on the product page but it seems to just pick up random images from the page.
You'll need to add some og:tags to your page. Please read the Open Graph Protocol Documentation for details on the different tags and what they mean.
A quick example :
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
Once you have placed the correct og:tags and set their values, you can use the URL Debugger to see how facebook views your URL.
I have 661 people on my page, but only one appears on my wall.
Anyone know why?
You have to set OpenGraphs for your pages.
Then facebook will know which image to set as a thumbnail, title and description.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
this is an example of an OpenGraph