I understand this is the main facebook developer community; I wanted to as a question and see if anyone can help?
I built a wordpress photo portfolio blog - http://shutterliving.com/movember-moustache/
I have the official facebook plugin installed and I have its own LIKE button running at the top and bottom of the page.
I also have the ‘TFG social share’ plugin installed:
wordpress.org/support/plugin/twitter-facebook-google-plusone-share
I am now wondering if I have managed to set it up correctly as I am encountering some unexpected behavior.
When I preview an unpublished post, the LIKE counter (for the official plugin) is at 0, however the ‘TFG social share’ plugin shows a 12 count? Why is there a discrepancy? How can the post get a like count if it has yet to be published? When I create a new post and save it as a draft, then preview it, both LIKE counts are at 0.
When I go to the debugger tool and input my URL I get errors that I don’t really understand, but a bit of googling told me they were not serious errors. Not sure though on how to fix them? Any idea?
Also when I click on my URL link in the Fetched URL and the Canonical URL, it takes me to a ‘Page not found’ page? Is this normal? Should it not take me through to my homepage?
Response Code 200
Fetched URL shutterliving.com
Canonical URL shutterliving.com
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:image' property should be explicitly provided, even if a value can be inferred from other tags.
Meta Tag <meta property="og:locale" content="en_US" />
Meta Tag <meta property="og:site_name" content="shutterLIVING" />
Meta Tag <meta property="og:type" content="website" />
Meta Tag <meta property="og:title" content="shutterLIVING" />
Meta Tag <meta property="og:description" content="Jamie A Cowan's PhotoBlog and Portfolio" />
Meta Tag <meta property="fb:app_id" content="178646462271083" />
I also associated the INSIGHTS analytics to my web page, however the information it shows is not accurate, ie it says I have only 55 LIKES on my page, however I have much more Likes that that
http://shutterliving.com/movember-moustache/
This leads me to believe I have set something up incorrectly.
Can anyone help with any issue
Jamie.
Related
I'm currently working on Web app which allows to share on Facebook.
My app contains a few questions and then generates a picture(depends from previous answers to my questions) and opens results page.
I want to share the content of result page and I'm using OG metatags to specify what is shared on FB.
For example:
<meta property="og:title" content="My app" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.myapp.com/step=share&shareid=hi43uib23ni" />
<meta property="og:image" content="http://www.myapp.com/images/hi43uib23ni.jpg" />
I have also included FB APP id and some image sizing tags.
The problem is that when I share results on FB and than click on my POST, it brings me back to http://www.myapp.com/step=share&shareid=hi43uib23ni but what i need is http://www.myapp.com
The idea is that I share my results on FB and inform others about this app. And when they click on my post they actually have ability to do the test by themselves..not to see my results...Any suggestions on this issue?
You can redirect human visitors that arrive at the address http://www.myapp.com/step=share&shareid=hi43uib23ni either
via JavaScript (which the FB scraper does not care about), location.href="…", or
server-side – in that case, you need to implement an exception for the FB scraper, so that it does not get redirected (because then it would read the OG meta data from http://www.myapp.com/, and that’s not what you want.)
The scraper can be recognized by the User-Agent header it sends – see Like button social plugin FAQ, I think the exact value the scraper sends is mentioned in there.
Alright so I have set my meta tags exactly how it says on the facebook developer page, and the scraper even shows the data that will be showed to be correct, but when using the facebook share button on my website http://www.etdigitaldesign.com/, all that it shares is the website url, it doesn't include any of the information from the meta tags, that the scraper says it should. No site name, no description, no image. just the website URL.
This is really confusing to me because the scraper says the share button should be showing the proper info, and I'm using a copy/pasted code snippet from the fb developers page, so I can't see what my error could possibly be...
here is what the scraper shows:image at http://i.imgur.com/zNIyhfg.png since I can't post images yet.
and here's my meta code:
<meta property="og:url" content="http://www.etdigitaldesign.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ET Digital Design" />
<meta property="og:description" content="Currently doing a grand opening special, making several free websites to get my name out there. Visit the site if you are interested!" />
<meta property="og:image" content="http://www.etdigitaldesign.com/images/etlogobig.png" />
All facebook's examples have self-closing meta tags, so try that and then re-scrape, if that still doesn't work add a fake parameter eg http://example.com/?20 and scape
At the moment the title and image are showing, just not the description. It shows HHTP status 206,which is partial content, but that's not a problem
Okay, I can not figure this out for the life of me. I created a new site, and wanted to add the open graph meta tags like on my old site (which is working fine). When I added these to my new site and tested them in facebook debugger, it says that they are not present. I get this back when I test it:
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.
Inferred Property The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Also, it is not finding the image even though it is there as well. Here is the code from my site as follows:
<meta property="fb:admins" content="100002683693547" />
<meta property="og:title" content="JDerry Art" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.jderry.com/2015" />
<meta property="og:image" content="http://www.jderry.com/2015/images/link.jpg" />
<meta property="og:description" content="Art and Illustration by J. Derry" />
<meta property="og:site_name" content="JDerry Art" />
my new site URL is: http://www.jderry.com/2015/
I have tried all suggestions for similar issues on here and other forums, as well as tried moving the order of the tags to no avail...
Any and all help will be greatly appreciated as this is starting to drive me nuts as there appears to be no definite answer and all suggested solutions yield the same problem. Thanks in advance.
P.S. My old site was xhtml and my new site is HTML5, not sure if that has any influence on this issue?
When you are using Open Graph Object Debugger . make sure you check the time last scraped and make sure its up to date with the changes on your website.
you can click on fetch new scrape information , to get the new data. and right now your open graph tags are working fine .
These are the raw tags that we found
Meta Tag <meta property="fb:admins" content="100002683693547" />
Meta Tag <meta property="og:title" content="JDerry Art" />
Meta Tag <meta property="og:type" content="website" />
Meta Tag <meta property="og:url" content="http://www.jderry.com/2015" />
Meta Tag <meta property="og:image" content="http://www.jderry.com/2015/images/link.jpg" />
Meta Tag <meta property="og:description" content="Art and Illustration by J. Derry" />
Meta Tag <meta property="og:site_name" content="JDerry Art" />
I was having the same problem, and what was causing it for me was that the content of og:url was just mywebsite.com, and not http://www.mywebsite.com.
The problem for me was that I had ipv6 enabled for my site and I didn't had a proper configuration in my web server settings.
HEY GUYS HERE'S MY ANSWER, i HOPE IT WORKS FOR YOU AS WELL: I try'ed every sugestion I can get my hands on, and what worked for me was this:
go to: https://developers.facebook.com/tools/debug/og/object/
Once you are there, paste the URL from the web page you wish to share in the box, and hit the button "retrieve information from the new extraction"
After you do this, it will appear some information, WHAT YOU ARE GOING TO NEED from this information, is the "og:update_time" element, on the right side of this element you will have a number, you are going to need to add this element along with this number to your meta information, someting like this:
meta property="og:updated_time" content="1496821331"
every number for every page is UNIQUE, but I find that if you put the same number in more than one web page it still works, but you may wanna put the specific number for each web page you are going to need (NOTE: in my experience,
you DONT need to have the image in the same directory as the meta is, actually, I use an image from google images and work out just fine!)
this is an example of the og:updated_time
I hope this can help you guys.
How I fixed this issue:
Turns out that the facebook scraper was timing out before it could get the content. You can check if this is happening to you with this tool. It will give a red error message if it is indeed timing out.
I'm making a wordpress site so I fixed this with the "Super Cache" plugin, which caches the content so that the facebook scraper can load it fast enough to not timeout. You still have to scrape multiple times (up to 4) with the sharing debugger for all the content to come through and work because the image loading is asynchronous.
So I'm building a dynamic website with backbone and I want to allow users to share links (like www.example.com/posts/1). The problem is fb crawler don't process javascript so the approach I took is I created a separate page in the backbend that purely serves the facebook meta tags.
There's a fb_meta/posts/[id] page that serves the following:
<meta property="og:title" content="Cool post"/>
<meta property="og:description" content="test"/>
<meta property="og:url" content="http://www.example.com/posts/10"/>
<meta property="og:site_name" content="Test site"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://test.jpg"/>
The problem with this was the url tag pretty much tells facebook to ignore everything on this page and process the link defined in the url tag. (see here)
So I tried the change og:url to og:href.
And cool! Facebook now reads in all my meta tags correctly and processed the images. BUT it somehow can't link the shared post to the link i defined in og:href. According to the fb open grab debugger, the href type is invalid:
"
Extraneous Property Objects of this type do not allow properties named 'og:href'.
Parser Mismatched Metadata The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: 'og:href'
"
My question is wether it's possible to let fb craw a separate meta page, and have the og meta tags to tell fb to link to the actual page?
Thanks
I have a website where I'd like to have a facebook like button, with the button being customized so it shows a specific picture, description, etc.
All of that is done and it works, however I used regular img, description, title meta tags instead of the og tags we are supposed to use.
Facebook complains when I lint the website with http://developers.facebook.com/tools/debug.
Here are some error messages:
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.
and etc for all of the other tags...
Here is the problem: When I did add and configure the tags as shown in examples provided on the web, not only did it not work, I recieved another error:
Meta Tags In Body: You have tags ouside of your . This is either because
your was malformed and they fell lower in the parse tree, or you accidentally
put your Open Graph tags in the wrong place. Either way you need to fix it
before the tags are usable.
Here is my html config:
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"
xmlns:og="http://opengraphprotocol.org/schema/">
...
<meta property="og:url" content="..." />
<meta property="og:site_name" content="..." />
<meta property="og:type" content="..." />
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
<meta property="fb:app_id" content="..." />
...
NOTE: My fb-root tag and the other fb provided like button code is at the very bottom of the page along with the other script's.
NOTE: I did zero configuration on open graph's website, or on facebook's open graph section of my app, in facebook developers, however I don't think that this is an issue because in fb's instructions, they said to add a like button only copying/pasting code is needed and no actual open graph configuration was needed.
Here is the site URL: http://darehut.com
NOTE: My tag code is actually inside the head element in my source, but for whatever reason, they get rendered outside!
Thanks for your help!!
Meta Tags In Body: You have tags ouside of your . This is either because
your was malformed and they fell lower in the parse tree, or you accidentally
put your Open Graph tags in the wrong place.
That message is missing the word <head> before the first period.
What it means, is pretty simple: Either you put your OG meta tags outside of your <head> element, or your HTML is malformed.
And next time you ask a question like this, please include the URL to the document you’re having trouble with – that way, we can have a look at it ourself and we’ll be able to answer more specific.