facebook debugger tools does not scrape correct data - facebook

around a year ago I make a php script to echo the description and title and image to be loaded in meta tag.
I also used facebook og:image, og:description in meta property and it works. there used to be some problems but I just need to copy paste the URL into facebook debugger, click debug and scrape again and it is fixed.
now those steps does not fixes my issue, I have checked the echoed description and image from Chrome's view-source and it returns the correct strings
the problem is when I copy paste the URL into debugger, the RAW data, one of it is correct while the other is not, and the OG properties that constructed is even worse.
this is the view-source from chrome
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta property="og:description" content=" Dapatkan kesempatan menjadi dealer/reseller mesin fotocopy kami dengan harga yang murah terjangkau">
<meta property="og:image" content="http://images.rajafotocopy.com/raja.png">
this is the RAW data from facebook
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:description" content=" PT.Buana Citra Abadi Sewa mesin fotocopy & Jual Mesin Fotocopy new/rekondisi murah import hub : 0815 7813 8888" />
<meta property="og:image" content="http://images.rajafotocopy.com/raja.png" />
<meta name="webcrawlers" content="all" />
<meta name="rating" content="general" />
<meta name="spiders" content="all" />
this is the constructed OG properties
og:description PT.Buana Citra Abadi Sewa mesin fotocopy & Jual Mesin Fotocopy new/rekondisi murah import hub : 0815 7813 8888
og:image http://headers.rajafotocopy.com/cibo.png
now please look at og:description and og:image, in view source the og:description and og:image shows the correct strings.
but in RAW data only the og:image is correct.
and in constructed og properties both are wrong.
From this question I think it is because of the code 206, the partial content loaded. so how do I force facebook to scrape fully, not partially? the link to that forum cannot be reached anymore. from this answer it says code 206 it shouldn't be a problem?

Related

Open Graph Facebook _ NextJS app : all my metadata appears on the page view source but Facebook complain that it found nothing

I have all my metadata in my NextJS app, they are put on the root page, so the metatada appear well on my view source's page. But my Facebook open graph seems to don't reach them for an unknown reason to me.
Here my ReactJS:
<Head>
<title> Test 02 </title>
<meta property="og:title" content="An awesome endless memories's title" />
<meta property="og:url" content="somepath/digital-marketing/website-digital-gq" />
<meta property="og:description"
content="Sean Connery found fame and fortune as the
suave, sophisticated British agent, James Bond." />
<meta property="og:site_name" content="IMDb" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:locale:alternate" content="cn_CN" />
<meta property="og:image" content={localImage} />
<meta property="og:image:width" content="1600" />
<meta property="og:image:height" content="800" />
</Head>
Facebook's Sharing Debugger returns me
Inferred Property The 'og:image' property should be explicitly
provided, even if a value can be inferred from other tags. Missing
Properties The following required properties are missing: og:url,
og:type, og:title, og:image, og:description, fb:app_id
Could Not Connect To Server Check that the webserver is running, and that there
are no firewalls blocking Facebook's crawlers.
Curl Error Curl error: 56 (RECV_ERROR)
Honestly, I don't have even the beginning of a clue on this story, really, if someone has any hint, would be great,
thanks
Answer - thanks to the hints in the comments.
when you use some URI for your Facebook Open Graph, be sure to target a vali URL, seems to be exclusively the root page of your component in case of NextJS, other languages/libraries/framework could probably follow a similar pattern.
You can set it directly in the facebook sharing link in your code as following:
https://www.facebook.com/sharer/sharer.php?u=[your_operational_url]
you are not obliged to encode the URL if I trust the result of my tests. So just the text of your URL should be enought.
Good builds.

Facebook, how to share a link thats just an image,

This Facebook post https://www.facebook.com/damnlolcom/posts/812448255487528 looks like a photo post but is actually link, it clicks through to an external site.
I have tried sharing a link, removing all og metatags from my site except image path but it doesn't look like that.
The closest I can get is the default link behaviour without any title description, so just an image with the url besides/below rather than displayed over the top of the bottom of the image.
So what sort of post is this?
Thanks for any help.
Check out the url in linter .
raw tags found on page
Meta Tag <meta property="fb:app_id" content="172220699476208" />
Meta Tag <meta property="og:site_name" content="Damn! LOL" />
Meta Tag <meta property="og:title" content="Turns Out My Friend's Mom Is A Racist" />
Meta Tag <meta property="og:description" content="Click for your daily dose..." />
Meta Tag <meta property="og:url" content="http://www.damnlol.com/turns-out-my-friends-mom-is-a-racist-47206.html" />
Meta Tag <meta property="og:image" content="http://www.damnlol.com/pics/998/d6c09d2cc01d04bc5e47483e85774aee.jpg" />
Meta Tag <meta property="og:type" content="article" />
Everything looks normal here . They are not using anything special . It is just facebook presents links in slightly different designs on feed on different times .
ps : try setting property="og:type" content="article"

Am I generating these facebook opengraph meta tags correctly?

Im trying to generate fb opengraph meta tags on my site, so that it can be picked up by the facebook scraper, but scraper isnt picking up my data.
Here's a screenshot of my scraper data
And here is the PHP code that I'm inserting into my page to generate the meta tags.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta property="fb:app_id" content="APP _ID" />
<meta property="og:site_name" content="Moodle Deliverable"/>
<meta property="og:title" content="Communities Discussion Forum!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://54.201.93.242/moodle" />
<meta property="og:image" content="http://www.india-forums.com/tellybuzz/images/uploads/D38_Vivek-Oberoi_0.jpg" />
<meta property="og:site_name" content="Moodle Deliverable" />
<meta property="fb:admins" content="admin number" />
</head>
</html>
I've used a dummy image link and supplied the rest of the required parameters. But as you can see the scraper says the og:type data is missing/
Can anyone help me with this?
If you want to add some parameters to the object url, please make sure you change the og:url parameter too.
The facebook scraps the og tags from the og:url that you mentioned.

Like buttons not working in several articles

The facebook like plugin (used as iframe) still not working for the website i work.
I'm aware for the problems that ocurred last week but I don't even have the debugger working for the URLs.
Example:
simple article
In the image below you can see where the fb:like button should appear.
The same URL of the article above at the facebook URL debugger (link) show no response about the open graph tags - and all the meta tags are ok in my point of view:
<meta property="og:url" content="http://extra.globo.com/famosos/zilu-assume-pela-primeira-vez-que-esta-separada-de-zeze-di-camargo-vida-continua-5767649.html"/>
<meta property="og:title" content="Zilu assume pela primeira vez que está separada de Zezé Di Camargo: ‘A vida continua’" />
<meta property="og:locale" content="pt_BR">
<meta property="og:type" content="article" />
<meta property="og:image" content="http://extra.globo.com/incoming/5767648-1c6-157/w107h60-PROP/zilu-zeze-dicamargo.jpg"/>
<meta property="og:site_name" content="Extra Online" />
<meta property="fb:app_id" content="205680889447721"/>
<meta property="fb:admins" content="100000043813964" />
Actually, there is one non-closed meta tag og_type but it isn't the real problem (meta at w3schools - section Differences Between HTML and XHTML and the page doctype is HTML).
There is a possibility of a problem not in the website but at facebook?
I would try to put the Like button iFrame outside of the <div
id="fb-root">, it does not belong there. Put it below the <div
id="fb-root"> and use a div with another id if you need to wrap it.
For the debug tool problem I would try to place my og meta data above
anything else right behind <meta http-equiv="content-type"
content="text/html; charset=utf-8"> so that nothing odd happens
before the Facebook bot scrapes the info it needs.

Facebook OGP not working correctly

I'm trying to show a thumbnail when a link to my site is shared on Facebook but it's not working properly. I have tried using the Facebook object debugger and I get the following warnings:
The og:url property should be explicitly provided, even if a value can be inferred from other tags.
The og:title property should be explicitly provided, even if a value can be inferred from other tags.
These are the meta tags I'm using:
<meta property="fb:app_id" content="227018187387679" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Tree Removal Gone Wrong" />
<meta property="og:type" content="video.other" />
<meta property="og:url" content="http://www.asopao.com/video/2611" />
<meta property="og:image" content="http://www.asopao.com/media/videos/tmb/2611/1.jpg" />
The URL is http://asopao.com/video/2611/tree-removal-gone-wrong
What am I doing wrong?
According to the linter:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fasopao.com%2Fvideo%2F2611%2Ftree-removal-gone-wrong
You're missing those tags.
Here's exactly what your server is sending to facebook:
http://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fasopao.com%2Fvideo%2F2611%2Ftree-removal-gone-wrong
These are the only meta tags you're sending.
<meta charset="utf-8" />
<meta name="robots" content="noodp, noydir" />
<meta name="description" content=" Facebook is a social utility that connects people with friends and others who work, study and live around them. People use Facebook to keep up with friends, upload an unlimited number of photos, post links and videos, and learn more about the people they meet." />