I have problems with my domain and Facebook Open Graph Debugger. It returns a Response Code 0 for this link which is completely accesible.
My HTML source code is valid, I tried hosting the same page in another domain and then Facebook Open Graph Debugger can read the content fine.
Any ideas about this problem? I was using CloudFlare in this domain, but I disabled it 30 hours ago and the problem is still there.
If you scroll down to the bottom of the page and click the "See exactly what our scraper sees for your URL" you'll get an empty page. This suggest that yes, the Facebook scraper is not able to view your page for some reason as you've observed. This is the heart of the problem, and you can safely ignore the other erroneous and inaccurate messages that Facebook debugger displays, including:
Inferred Property The 'og:image' property should be explicitly
provided, even if a value can be inferred from other tags.
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.
Share App ID Missing The 'fb:app_id'
property should be explicitly provided, Specify the app ID so that
stories shared to Facebook will be properly attributed to the app.
Alternatively, app_id can be set in url when open the share dialog.
After looking at your code, it seems that all of your Facebook meta tags are being set correctly.
If you view the link "Open Graph Object Debugger" at the bottom of the page, you will get much more helpful information:
The following will be treated as a redirect by the crawler:
A HTTP redirect
A <link rel="canonical" href=".." /> tag
A <meta property="og:url" content=".." /> tag
The final URL, which we tried to extract metadata from is highlighted in bold
I'm guessing that the Facebook bot is getting confused by one or the other of the following tags being added by the Yoast SEO plugin:
<meta name="robots" content="noodp"/>
<link rel="canonical" href="http://eldoradoexperience.org/chapter/cosmos/" />
I'm not familiar with Yoast SEO plugin, but would suggest either tweaking the settings to remove the <link rel="..."> tag or by removing Yoast entirely and adding the following tags to your page manually:
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Cosmos. Reading the celestial ceiling" />
<meta property="og:description" content="I decided to switch off all GPS electronic devices. I step on the deck and look at my surroundings, in order to understand the workings of the stars." />
<meta property="og:url" content="http://eldoradoexperience.org/chapter/cosmos/" />
<meta property="og:site_name" content="Eldorado experience" />
<meta property="article:author" content="https://www.facebook.com/NarinanVessel" />
<meta property="og:image" content="http://eldoradoexperience.org/wp-content/uploads/2016/04/dorado-33_2.jpg" />
Related
I use to implement Facebook's OpenGRaph protocol on my pages (wordpress) based on All In One SEO plugin.
With each page:
<meta property="og:type" content="article">
<meta property="og:title" content="my_title">
<meta property="og:url" content="http://my_site.jp">
<meta property="og:description" content="my_content">
<meta property="article:published_time" content="my_published_time">
<meta property="article:modified_time" content="my_modified_time">
<meta property="og:site_name" content="my_site_name">
<meta property="og:image" content="http://my_site.jp/wp-content/uploads/2017/05/my_image.png">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">
<meta property="og:locale" content="my_cocale">
But i get these error when checking with Facebook developer debug:
URL returned a bad HTTP response code.
Inferred Property
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
I have ref from: Facebook Open Graph Error - Inferred Property
But I don't have any solution. Have your solution for this problem?
Since your initial link's image issue is now fixed, it's difficult to say what was wrong with it, especially since the snippet you provided seems fine. With the latter link you provided, though, I'm getting this error:
The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
This is because there isn't an explicitly og:description tag available on the page.
Someone unrelated: I'm noticing duplicate twitter:card and related tags. This shouldn't cause Open Graph to not work, but should be resolved.
My hunch is that you're using multiple plugins that might be providing the same thing, causing clashes and unexpected behavior. This is why I tend to stay away from "provide it all" plugins, and instead use plugins that do one thing and one thing well. In your case, this might mean using a simpler, more predictable plugin like Complete Open Graph:
https://wordpress.org/plugins/complete-open-graph/
I'm pulling my hair out on this one. I'm trying to share my ASP.Net Web Forms site on Facebook, but the preview doesn't show the Image or Description I have set up. I found this chunk of code that's supposed to do the trick. I put it in my MasterPage, but it just isn't working:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head id="Head1" runat="server">
<title>MySite</title>
<meta property="og:url" content="http://www.example.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="http://www.example.com/img/fbbanner.jpg" />
...
According to Facebook's Sharing Debugger,
The 'og:image' property should be explicitly provided, even if a value
can be inferred from other tags.
...but, hell if I know what that's supposed to mean. What's funny is, if I remove the meta tags out entirely, I get the same error. When I click on "See exactly what our scraper sees for your URL," I see the meta tags in the rendered code... I'm at a total loss. I can't find an article or an answer that was written in the past several years, so I have a feeling the information I'm getting is outdated. I just can't figure out the magic words...
Update Now, suddenly it works fine. I just clicked "Scraped Again" after I posted this, and it seems to be working. I don't really get it... :(
if you are using any cache plugin, make sure you clear all your caches. Also make sure the image you are using has the recommended facebook size: 1200(w) x 630(h) or 600 x 315. If not it will choose randomly some of your images in the website that are suiting the facebook needs. Read more here
Anybody knows how Telegram makes the rich preview?? It would be very useful to learn about it for a development I am making. It is a server side features, so I think the code is not available. Isn't it?
It uses Open Graph protocol: http://telegram.wiki/manuals/general/link-previews
In some posts, the preview doesn't need any work from you, for example if you have a photo URL link in your post, that is an entity of the message.
But in other cases you need to add some tag in your material, for example when you add one URL that points to an article in your website, you must tag and your HTML tag must change:
<html prefix="og: http://ogp.me/ns#">
your head tag
<meta property="og:title" content="title text" />
<meta property="og:image" content="an image url that exist in your page" />
<meta property="og:url" content="current page url" />
<meta property="og:description" content="description text" />
I need to share dynamically created URLs in website to Facebook and LinkedIn. I am sharing to Facebook properly and all needed og tags have been set. But for LinkedIn, it is not working.
This is my URL: https://www.fourthambit.com/blogs_fa/102048
It is properly parsed in Facebook and preview is shown correctly.
But the same link is not working in LinkedIn.
Am I missing anything else?
All needed meta tags are set:
<meta property="og:title" content="Indian Media: Then.... Now... and Later" />
<meta content="Sensationalism has become synonymous with the Indian Media, especially Television. In 2008 dur..." name="description" />
<meta property="og:description" content="Sensationalism has become synonymous with the Indian Media, especially Television. In 2008 dur..." />
<meta content="Academic network" name="keywords" />
<meta property="og:image" content="https://www.fourthambit.com/article/getarticlephoto/big/ZGNlZQD4/0/102/20150807050217-12217198186.jpg" />
<img src="https://www.fourthambit.com/article/getarticlephoto/big/ZGNlZQD4/0/102/20150807050217-12217198186.jpg" style="display: none !important;" />
<meta property="og:type" content="website" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
This is the ajax call going while I try to view a preview in LinkedIn update status bar text-area.
https://www.linkedin.com/sharing/api/url-preview?url=https://www.fourthambit.com/blogs_fa/102048
The reason to this problem could be the following:
"Unfortunately LinkedIn caches the data it retrieves the first time the link is previewed and keeps it cached for a week!"
and the solution:
"The only way to “clear” the sharing preview cache for LinkedIn is to trick LinkedIn into thinking your page is a different (and new) page.
This is done by adding a made-up parameter to the link. It doesn’t affect your webpage, but it does force the metadata to be re-fetched.
Example:
Original link: http://beantin.se/consultant-resume
"New" link: http://beantin.se/consultant-resume?1
LinkedIn has launched Post Inspector. You can now do the following to clear LinkedIn Preview cache:
Step 1: Visit https://www.linkedin.com/post-inspector/inspect/
Step 2: Enter your url and click on Inspect, You will see the updated preview image
Step 3: Now try sharing your url on LinkedIn
It could be a caching issue, or it could be a misuse of the LinkedIn API.
If you think you have a caching problem, try...
Inspect your webpage at the LinkedIn Post Inspector.
Try sharing not just example.com, but, example.com/?someFake=Parameter. Since the URL is different, it shouldn't hit the cache.
So, if that's it, then why isn't og:description showing???
Because the LinkedIn API supports two levels:
Level 1: If you supplied an image, show image with title/domain.
Level 2: If you supplied a description, but no image, show description with title/domain.
Is it possible to display: title, image, description, url? No, it is not. I gleaned this over two weeks of struggling with the LinkedIn support team (oh the humanity).
I know this has been asked several times but i am really puzzled as this just stopped working for my new links last few days. All the old links that are cached just works fine.
I have my meta tags very neat. facebook debug tool does not report any error/warnings.
Here are my meta tags ..
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta property="fb:app_id" content="820998487913242">
<meta property="fb:admins" content="param.krish.5">
<meta property="fb:admins" content="obtest.obkrish">
<meta prefix="og: http://ogp.me/ns#" property="og:site_name" content="Salefrog.in">
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="website">
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="http://www.salefrog.in/register_fmp">
<meta prefix="og: http://ogp.me/ns#" property="og:title" content="Salefrog.in : Register as a Freelance Marketing Partner (FMP)">
<meta prefix="og: http://ogp.me/ns#" property="og:description" content="Register as a FMP. Join us. Get a FMP login and get paid as you earn credit points. More details in your login upon registration.">
<meta property="og:image" content="http://www.salefrog.in/img/fmp-picture.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">
<meta name="title" content="Salefrog.in : Register as a Freelance Marketing Partner (FMP)">
<meta name="description" content="Register as a FMP. Join us. Get a FMP login and get paid as you earn credit points. More details in your login upon registration.">
<link rel="image_src" href="http://www.salefrog.in/img/fmp-picture.jpg">
</head></html>
Facebook debug tool tells me that it picks up an image but the image preview is not just there at all (looks to be hidden) as shown below.
When i click that "blank" space against the "og:image" , it opens up the image in a separate window so why does not it show up the preview image in the debug tool ?
I attempted changing the picture to different sized one's like 250x250, bigger etc. but nothing really helped. When i place one of the old cached images in the meta tag, it shows up that image. This tells me that old cached images are just fine but the newer images are not showing at all, for some reasons.
I tested using the link http://www.salefrog.in/register_fmp in the debug tool. If you guys can find some error, do let me know as it would really help me save time than i break my head to fix it all by myself.
I fixed the problem. It was due to the .htaccess which was blocking(or not letting the facebook ) to parse the image which was the reason that it threw a blank image , not showed any error.
How i fixed or analyzed the whole problem ?
Since there are no errors reported by the facebook debug tool and nothing seen in the apache logs, i suspected it could be that the tool itself does not sense any error with the whole process hence it must be something to do with the image itself OR something in-between.
Requests from facebook hits my webserver which has a .htaccess to redirect to a separate php that responds back only the meta tags , nothing else.
As there are no errors reported in facebook debug tool or in my webserver httpd logs, it could be two things that is causing the problem.
Image itself (could be the location of the image or the image is
corrupt or its size or aspect ratio or other format)
facebook debug tool has a bug (very unlikely but cant rule out )
(.htaccess) that does the redirection when the request comes from fb
As i have reasonably no doubt with the first two, i went to the 3rd item in the list.
I suspected the requests from fb is not fetching my images possibly due to the redirection happening for the "HTTP GET" to the image requests as well.
SOLUTION
I added the following line in the .htaccess just before the redirect so that all the image requests directly goes to the file, which just fixed the whole problem.
..
RewriteCond %{HTTP_USER_AGENT} ^(facebookexternalhit)
RewriteCond %{REQUEST_FILENAME} !(img|css|jp?g|png|store_images|category_images|fonts|awesome|ttf|tif|custom_images)
..
I know in most cases it might be something to do with the errors in the meta tags or in the image itself. But, in my case , it was not both.
Hope this helps someone out there !!