Links on Social Media/metadata - metadata

I have done several searches trying to find a solution with no luck. I'm hoping someone here can help.
For a while I was having a problem with my links on Facebook not showing the thumbnail or the description to my blog posts. They just showed a standard description and always linked to my home page. I was able to fix that issue by changing the metadata to the following:
<meta property="og:type" content="article" />
<meta property="og:url" content="<?= "http://www.calsots.com".$_SERVER['REQUEST_URI']; ?>" />
<meta property="og:title" content="<?= urldecode($_GET['title']) ?>" />
<meta property="og:description" content="<?= urldecode($_GET['description']) ?>" />
<meta property="og:image" content="<?= $_GET['image'] ?>" />
Now, I'm having an issue with G+. When I post a link the thumbnail doesn't show and there is no description. Any thoughts on how to fix this? I do have additional metadata for G+.
<meta itemprop="name" content="">
<meta itemprop="description" content="">
<meta itemprop="image" content="">
I have tried changing the content to calls, direct descriptions, I've left it blank and I even removed it but nothing is working.

The markup for the Google+ fragment you've provided isn't a full schema.org microdata set. Although it provides the data, you haven't shown if the page itself is setup correctly to indicate the itemscope and itemtype. You should also avoid the meta tags themselves, if possible, instead indicating the itemprop attribute on existing page elements.
See http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 for more information about microdata in general, http://schema.org/docs/gs.html#microdata_how for details about how to markup your page with microdata, and https://www.google.com/webmasters/tools/richsnippets for the structured data testing tool, which can help determine how Google sees your page.

Related

Facebook sharing image (og:image) not working the first time despite having og:image:width and og:image:height

I'm building an image on the fly to attach to page to be shared on facebook. Everything seems to be going great until it hits the share dialog. Facebook doesn't seem to be scraping, because the image isn't showing up. If I refresh that dialog page, it does load the image (having crawled it from the first go?).
I've read several pages that say I need only specify og:image:width and og:image:height to allow for immediate rendering, but that doesn’t seem to be working. Here are my meta tags:
<meta property="fb:app_id" content="###"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="###" />
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="My Page Description" />
<meta property="og:image" content="http://the-domain/the-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />
Am I missing something here?
For these kinds of issues, I recommend checking out the debugging tool that Facebook provides. It's great for quick identification of show stopping errors like you're receiving.
https://developers.facebook.com/tools/debug/
Just a couple of things to keep in mind, sometimes the image or page will time out if Facebook finds that it's taking longer than 1s to fetch the data. I've also found issues with my own implementations if the og:url is different than the page you're expecting Facebook to fetch. The two values must match, because ultimately it's the og:url value that facebook is trying to scrape.

How does Facebook Sharer select description when sharing my URL?

I am using below code on my site.When I try to share on facebook , it always pics my meta keywords content and not picking my og:descption . Is there any way I can make facebook to pic my og:description ?
<META NAME="Description" CONTENT="Are you ready to take risks or are you more comfortable with safe rewards? Heres how to know whether you are suited for a corporate job or start-up.">
<META NAME="Keywords" CONTENT="interview techniques,interview answers,sample interview questions,job interview,interview questions,interview tips,interview techniques,behavioral interview,phone interview,interview skills,interviews">
<meta property="og:title" content="Are you suited for a startup or a corporate job?" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://media.monsterindia.com/cmsimages/1454311052.jpg" />
<meta property="og:site_name" content="Job Hunt on Monster" />
<meta property="og:description" content="Are you ready to take risks or are you more comfortable with safe rewards? Here's how to know whether you are suited for a corporate job or start-up."/>
Try removing apostrophe (') from your (Here's) word in og:description content text ... hope this helps

Tips for share content of my website on facebook

I have a job portal website and on that I have a facebook button named as share in fb. I want that when user clicks on that button the that specific job description of my webpage should share on his wall.
<a rel='nofollow' href='http://www.facebook.com/share.php?u=http://testing.com/current_openings.php?JobId=".$jobiid."' target='_blank'>share in fbk</a>
Above link go to share page,but its content is coming from webpage about us page,not specific content.
Set the meta tags for each site you want to be shareable.
Put them in the HTML Header like this
<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />
The properties include descriptive meta-data about the article that we specifically want to present when

Dynamic Facebook Post

I am attempting to create a facebook share button on Page-A that will post a dynamic unique link to Page-B. I have accomplished this however I am unable to control the image that the post shows. When using the button on Page-A the post shows correctly, however once posted the image is of a completely different image found on Page-B. I have included the following on both Page-A and Page-B. (note the extra # is because of cold fusion escaping)
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb##">
<meta property="og:title" content="PaceButler Referral Program" />
<meta property="og:site_name" content="PaceButler" />
<meta property="og:url" content="http://www.pacebutler.com/referral.cfm?Referalcode=#GetProfile.referralCode#" />
<meta property="og:description" content="The lifeblood of our business is New Customers. When you refer a New Customer to PaceButler, we'll pay you what we pay them for the 1st shipment of cell phones they send in (see Program Details). This is an easy way to make some real money!" />
<meta property="og:image" content="http://www.pacebutler.com/images/referral/PB-Referral-Logo-Large.png" />
<meta property="og:type" content="website" />
thanks,
Mark
What I found was that after a few days facebook did eventually clear the images that it had stored in its cache.

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.