I have created a link on a site that when clicked goes here:
http://www.keli-annpye-beshara.ca/?SMIDS=200899a1028301a28863a227638&t=THE+LIGHT+IS+OUT
When I view the source of this page I see:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:title" content="THE LIGHT IS OUT"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.keli-annpye-beshara.ca"/>
<meta property="og:site_name" content="THE LIGHT IS OUT"/>
<meta property="og:description" content="36 x 60 Acrylic on canvas SOLD"/>
<meta property="og:image" content="http://www.keli-annpye-beshara.ca/assets_d/28863/portfolio_media/lwlm_the-light-is-out---small_108.jpg"/>
When the page shows up on Facebook to be shared, only, canonical domain is displayed and none of the OG tags are working. When I pass the URL through facebook's litner, they say:
Admins And App ID Missing: fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Like Button Tag Missing: og:title is missing. The og:title meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Like Button Tag Missing: og:type is missing. The og:type meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Open Graph Warnings That Should Be Fixed
Inferred Property: The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
When I click the link to view the page as Facebook' scraper does, they see only the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:image" content="http://www.keli-annpye-beshara.ca/assets_d/28863/web_media/lm_kap-website-pic_135.jpg">
I can tell from this, that they are not scraping the page with the URL parameters in place. This is the default content that displays if no SMIDS parameter is passed.
AFAIK, Facebook will do this with any URL with query strings. Try using an URL shortener. As per the details Facebook is not grasping, I use them on a 'sharer' link ('http://www.facebook.com/sharer/sharer.php'). There's many other posts that talk about this same issue here.
Related
How does linked in retrieves the image from the URL? Is there any tag for it?
As i tried to post the url link in the post window of linked in, it automatically displayed the image available in the particular URL, in what basis does the image is retreived. as there is any tags does linked in searches for it to display.
Please help me on the same
It uses opengraph:
sample open graph meta tags
(snippet from https://developer.linkedin.com/docs/share-on-linkedin)
<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="My Shared Article Title" />
<meta property="og:description" content="Description of shared article" />
<meta property="og:url" content="http://example.com/my_article.html" />
<meta property="og:image" content="http://example.com/foo.jpg" />
</head>
<body>
…
</body>
</html>
I have added the following code to a magento site to update the FB thumbnail image.
1column.phtml
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
head.phtml
<meta property ="og:image" content="www.rekinza.com/images/rekinza-fb_logo.jpg"/>
However, Facebook still picks up a random image from the homepage when I put the link in a FB post.
I tried verifying if my changes are getting reflected in the website, so I checked using view-source and found the below result
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<meta property ="og:image" content="www.rekinza.com/images/rekinza-fb_logo.jpg"/>
head.phtml
<meta property ="og:image" content="www.rekinza.com/images/rekinza-fb_logo.jpg"/>
Please help ! Ive spent way too manyu hours trying to figure this out.
Thank you !
First of all, correct the URL and make sure there is no misplaced whitespace, with http or https (if you got a certificate):
<meta property="og:image" content="https://www.rekinza.com/images/rekinza-fb_logo.jpg"/>
Then, check out the specifications for Open Graph images: https://developers.facebook.com/docs/sharing/best-practices#images
I'm using Facebook's comment plugin, and I have point to a page with open graph tags set up.
When a user makes a comment on my page using the plugin, all of the og tags are used by facebook in the wall post, except og:site_name, which should go in the caption of the link but instead the domain of my site is appearing.
example HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>My Title</title>
<meta property="og:type" content="article" />
<meta property="og:site_name" content="My Site Name" />
<meta property="og:title" content="My Title" />
<meta property="og:url" content="http://www.example.com" />
<meta property="og:image" content="http://www.example.com/some_image.png" />
<meta property="og:description" content="This is a description" />
<meta property="fb:app_id" content="FB_APP_ID" />
</head>
<body>
.....
</body>
</html>
But here's what I end up seeing on Facebook:
example
Note the caption says "www.example.com" instead of "My Site Name" which I expected to see there.
Anyone know why OG would be ignoring my tag?
Thanks in advance,
DW
Not a fix but a possible reason.
There's an opened issue in the Facebook Bug DB:
Incorrect site name appearing in shared links on Facebook
Unfortunately, it seems to be a low priority issue.
I have a page for like grap meta tags.
<!DOCTYPE html>
<html>
<head>
<title>#Model.Title</title>
<meta property="og:title" content="#Model.Title"/>
<meta property="og:image" content="#Model.Image"/>
<meta property="og:url" content="#Model.Url"/>
<meta property="og:description" content="#Model.Description"/>
<meta property="fb:app_id" content="#Model.AppId"/>
</head>
<body>
</body>
</html>
Also i have a property RedirectUrl which when user click to link should redirected to.
How could I do in this page? Because this page is done just for meta tags. I want take user to another page when click to liked url?
<meta http-equiv="refresh" content='0; url=#Request.QueryString["ReturnUrl"]' />
Or use js and document.location.
This is a weird problem, never faced before & hope I'll never face it again. Our website worldocricket.com is running on wordpress. Its related to news website so we are using social plugins like facebook's like & twitter's tweet buttons etc..
We created some new pages on our site, they are outside of the wordpress folder but on the same domain & are are connected with wordpress using [wp-load.php]. They all are working fine but when we tried to create facebook like button for one of our new pages; using fb developers tool (like button creator) www.developers.facebook.com/docs/reference/plugins/like/ , it spoiled our lunch.
On adding page url " wwww.worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php " in 'URL to Like' box, it showed like counts in preview, on clicking 'like' & 'send' buttons, it revealed that it is liking/sending the main url of the site ( www.worldocricket.com ) which we don't want to, the url we added (or we want to be shared) was different. I thought that was a temporary problem but even after 24-36 hrs we got the same results.
We added og:title / og:type / og:url / og:image in the header after googling.
<meta property=”og:title” content=”ACC Asia Cup 2012”/>
<meta property="og:url" content="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php" />
<meta property=”og:site_name” content=”World Of Cricket”/>
<meta property="og:image" content="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/temptaby/images/asiacup12logo.jpg"/>
But it also proved to be useless. We then used fb debugger ( www.developers.facebook.com/tools/debug ), it showed that it is fetching right url but there is wrong Canonical URL. So we used <link rel="canonical" href="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php"> but the result was same. :/
Our website : http://worldocricket.com
We want like button on http://worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php
Question is : How to get facebook social plugins (like , share , send) working correctly on our site's respective page?
According to the debugger, when the crawler reaches http://worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php it's finding multiple og:url tags, I've verified this in curl:
<meta property="og:title" content="ACC Asia Cup 2012"/>
<meta property="og:site_name" content="World Of Cricket"/>
<meta property="og:url" content="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/accasia312.php" />
<meta property="og:image" content="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/temptaby/images/asiacup12logo.jpg"/>
<meta itemprop="name" content="ACC Asia Cup 2012">
<meta itemprop="description" content="Best Cricketing event in Asia organized by Asian Cricket Council (ACC).">
<meta itemprop="image" content="http://worldocricket.com/categories/special/tournaments/asia-cup/2012/temptaby/images/asiacup12logo.jpg">
<meta name="generator" content="WordPress 3.3.1" />
<meta property="og:title" content=""/>
<meta property="og:type" content="article"/>
<meta property="og:url" content=""/>
<meta property="og:image" content=""/>
<meta property="og:site_name" content="World Of Cricket"/>
<meta property="fb:admins" content="1789905767"/>
<meta property='og:site_name' content='World Of Cricket' />
<meta property='fb:app_id' content='189072694472072' />
<meta property='og:locale' content='en_US' />
Make sure you're only returning one set of tags and they're valid