Sharing URL's from Wordpress with Open Graph on Facebook - facebook

When the URL's from my site diipad.com are copied and paste or shared directly from my site, facebook doesn't process the URL and it only display the same URL i mean the excerpt and thumbnail doesn't appear.
but if i paste the same link on http://developers.facebook.com/tools/debug it doesn't show any error and it does process the URL's ive checked my HTML structure and it's Ok, the metadata is the one included on the facebook wordpress plugin Open Graph.
Plaese i need help sorry for my bad english.
HERE AN IMAGE OF THE ERROR

Just because the FB debugger doesn't complain about your HTML code, doesn't mean it's all there (it doesn't raise errors for missing tags).
There are many Open Graph plugins for WordPress (just search for "Open Graph" on wordpress.org to see). You might want to give this one a try: http://wordpress.org/extend/plugins/nextgen-facebook/
js.

Related

Facebook sharing website issue with thumbnail

When I share a page from my website, I have ANY thumbnail attached to my post on Facebook. But, if I preview my page with the Facebook debug tool, Facebook is showing me the thumbnail.
You can try it here developers.facebook.com/tools/debug/og/object/
In the input URL put this page: http://www.team-exodia.fr/forum/threads/ouverture-de-la-section-garrys-mod-darkrp.6641/.
Now you see the thumbnail if the page is shared.
But now if you share this you didn't see the image preview on Facebook.
(https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.team-exodia.fr%2Fforum%2Fthreads%2Fouverture-de-la-section-garrys-mod-darkrp.6641%2F)
This issue is all of my page on my forum. I don't understand.
Does anyone know what's happening here? Thanks.
It works fine for me, although you do not have any Open Graph tags on your website. You should ALWAYS include them, the debugger tells you about that too. Here´s a nice list of the needed ones: http://ogp.me/
Dont´t forget to refresh the URL(s) in the debugger after changing it, the Facebook cache can be tricky.

Facebook Like/Share (Mostly) not working on my Wordpress blog

Facebook LIKE/SHARE functions are generally not working on my wordpress blog. I cannot LIKE or SHARE any new posts, but oddly if I have already LIKED a page, the SHARE function works fine.
The problem with SHARE is that the normal sharing window pops up, but there is no metadata populated in it. I've looked at the metadata in my blog posts and as best I can tell it is populated correctly by Wordpress. Additionally, I cannot find any differences in the metadata or code between posts that I have previously LIKED and ones that I have have not.
I've tried running the FB debugger/linter for a number of posts on my site and each one returns the message:
Error Linting URL: An internal error occurred while linting the URL.
I've tried googling this error, but cannot find any useful advice on what might be causing it.
Here is a sample post for people to examine this problem:
http://erb.kingdomnow.org/michael-pollan-talks-about-his-new-book-cooked-video/
Thanks...
You should use Open Graph tags (see "Use proper Open Graph tags and large images to generate great previews" and "Using Self-Hosted Objects") in the header of your webpages to help Facebook determine what metadata needs to be shared.
Since you are using WordPress, you could either edit the template file in your theme that defines page headers (normally header.php) or use Facebook's official plugin.

Facebook share image or favicon not showing from GAE app redirected link

I have a website hosted on GAE but I use my own domain name have it redirect to my-app.appspot.com. When I facebook share this link, I can't see any image associated with it but when I use share the direct my-app.appspot.com link it works fine..
Same thing with the favicon, the small icon on the tab in the browser doesn't show when I use the link the redirects to my app!
You have 2 problems in one ;-)
The favicon issue is related to caching in the browser.
If you see the favicon on one page myapp.appspot.com and not on www.example.com which redirect to myapp.appspot.com, it is also a problem with cachine
Of course, you can clear your browser's cache (see preferences/options menu)
but a sure way is to open the same page with another browser.
Share button
Look at what facebook see at
http://developers.facebook.com/tools/debug
enter your domain
This information is fetched once every 7 days (i.e if you correct your html correctly you will have to force the open graph to update)
For the correct info to appear in the facebook debug tool, you need to
1/ configure your button
2/ enter the open graph tags in the header.
Because you are redirecting your www.example.com domain to your appspot website, if you look at the html you will see that your appspot is included in a html tag. In other words, the html header are NOT the one from your GAE template, but rather from the redirect wrapper.
To make all of this work, use the appspot URL in the FB button code and the open graph tags.
http://developers.connect.facebook.com/docs/reference/plugins/like/
The Open graph tags represents only the content of your FB object.
The code of your FB button is key to query the open graph.
The 2 URLs must be the same! (well, the same until you fully understand how to populate AND query the open graph !)

Facebook Share preview showing CSS

Hey everyone I was working on a Wordpress site in a dev environment and when I shared a page on Facebook I would see a nice preview image and some of the text. When I moved the site to production now I don't see the image and the preview text is a bunch of CSS code.
Here are two links to test with
Dev - http://www.facebook.com/share.php?u=http%3A%2F%2Fssb.thejspot.ws&title=Sunset+Beach+Golf+Company
Live - http://www.facebook.com/share.php?u=http%3A%2F%2Fssbeachgolf.com&title=Sunset+Beach+Golf+Company
You don't have any open graph tags defined for either site. You're lucky on the dev site that you were getting what you want.
Either code the open graph tags into your theme or get a plugin (I like Wordpress SEO) that adds the tags for you.
Also, take a look at the output from the Facebook debugger for each of your URLs. That is the first place you should start when you're not getting the results you want.

No Title - Wordpress facebook share

I have created my website using wordpress 3.4.1 and, I tried sharing my webpage in facebook. I do not get any thumbnail or the basic blog description in the facebook post. Instead I get "No Title". I know this question has been asked a number of times in wordpress forums. But, most of them are leading to dead ends. Can some one help me in this regard.
PS: I tried using the facebook debugger (http://developers.facebook.com/tools/debug) I get the following
Error Parsing URL: Error parsing input URL, no data was scraped.
You need to add OpenGraph tags to your page, or even easier, finf a WordPress plugin to do it for you. Run the page through the debugger again and the issues should be fixed.
Just like what Niraj said you need to make sure you have the open graph meta tags on your blog. Here is a plugin which will add them http://wordpress.org/extend/plugins/facebook-open-graph-meta/.