When I try to share a "discussion" (which is merely a link from our website) at linkedin through the "Attach a link", it used to pull a nice image earlier, but it ceased to do so now.
Is there a meta property="og: we should specifically use for linkedin shares to have an image shown?
The LinkedIn share functionality supports a small subset of open graph tags as documented here:
https://developer.linkedin.com/documents/setting-display-tags-shares
Note that at least until recently (and possibly still) re-scraping of existing shared pages is broken, so if you've already shared a page and it got the wrong image you're stuck unless you share it with a different URL.
Add these meta to your webpage head tag.
<meta property='og:title' content='title'/>
<meta property='og:image' content='image/path'/>
<meta property='og:description' content='description'/>
<meta property='og:url' content='your url'/>
While posting on the Linkedin, there is a linkedin cache so if you are going to re-post the same url again, probably the meta will not be picked up. To fix that you can add a parameter at the end of the url while posting on linkedin
e.g original url www.example.com then you can repost this with www.example.com?1
LinkedIn posts can also be designed from scratch using the jssdk. I created a tool that allows me to select what image is displayed, and what caption gets set, when I share a link.
If you want to develop your own, fork my repo:
https://github.com/kaburkett/LinkedIn-Advanced-Share
Related
I am sharing an url "https://timesofindia.indiatimes.com/trend-tracking/jaitley-promises-robust-tax-regime-for-investors/articleshow/62741496.cms?utm_source=linkedin.com&utm_medium=social&utm_campaign=TEST-LINKEDIN" via share api, but no image is picked up from the og:image tag (i.e. meta property="og:image" content="https://example.com" ).
But when i am trying to share the same url from linkedin admin page, it is picking up the image. This means that the image follows all the size-standards and other things required by linkedin.
Then why is the share api not picking up image url from the open graph tag.
If you think your share is properly formatted, but it's not working, first thing I would do is head on over to the LinkedIn Post Inspector, which will examine your URL and look for problems.
But, your URL does look right! Are you sharing like this, with proper URL encoding?
https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftimesofindia.indiatimes.com%2Ftrend-tracking%2Fjaitley-promises-robust-tax-regime-for-investors%2Farticleshow%2F62741496.cms%3Futm_source%3Dlinkedin.com%26utm_medium%3Dsocial%26utm_campaign%3DTEST-LINKEDIN
Because this link works for me! Take a look:
Sometimes you just need another pair of eyes on the same problem! Hope this helps!
Im having issues with my project right now regarding linkedin share. The image(thumbnail) doesnt showed up.
My question is, does the url change could also affect?
For example i added the og tags like this:
https://domain_name.com/wp-content/uploads/2016/10/2_About-Team-Photo_New-1.jpg
but when i open up the source code the url was change to:
https://d2gkdq5vdbd74s.cloudfront.net/wp-content/uploads/2016/10/2_About-Team-Photo_New-1.jpg
Does this change affect the Linkedin Share?
By the way the facebook share has no issues at all.
Please help me. Thank you.
Reggards,
gbl
My hunch is that your page doesn't have the Open Graph prefix on its or tag.
<html lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
I believe I've come across that as an issue with LinkedIn shares in the past. As for the URL change, that shouldn't impact it. I believe I've used images from different domains successfully in the past for Open Graph. Do you have a plugin enabled that might be syncing your assets to CloudFront or S3? That might be the cause of that.
I wrote a plugin a while back that might save you some hassle with all of this -- it comprehensively and intelligently adds all of OG tags needed, including the prefix, and allows you to customize that data as you need per page or globally (if you're a developer, you can do this all programmatically with some built-in filters. It also lacks the confusing configuration and bloat of other 'do it all' plugins, which is one of the main reasons I built it. You should check out:
https://wordpress.org/plugins/complete-open-graph/
The past week, Facebook has been getting every article feature image wrong on my site. The og:image is clearly defined, worked fine for the past few months and even the debugger shows the correct image, yet it chooses to use the same incorrect image across all new articles now.
Article
http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
Facebook Debugger:
https://developers.facebook.com/tools/debug/og/object/
URL: http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
The meta tag, which clearly provides/defines the correct image Facebook should be using:
<meta property="og:image" content="http://www.highwaysindustry.com/wp-content/uploads/2015/05/Causeway-image-1.jpg" />
When on the debugger, if you Fetch New Scrape Information it will fix the issue. However I am currently having to do this on every single article that is posted. Why it's getting the wrong image in the first place I don't know.
In case someone runs the 'fetch new scrape information', here it is at the moment for that URL provided:
https://www.dropbox.com/s/8t4o9h3o1p9uxhv/debugger-fb.png?dl=0
I am using WordPress and Yoast SEO.
There's a warning. And it's going to take some time to update the latest information but for now you might have to fetch new scrape information yourself.
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'http://www.highwaysindustry.com/wp-content/uploads/2015/02/Dorman00001-e1423681471392.jpg' will be used instead.
For some reason LinkedIn won't apply open graph tags. I've tested the OG tags with the Facebook debugger and there were no problems. Here is a link to the page which is serving the OG tags: http://jakonazivo.cz/share/1 . You will have to view a source of this file as its purpose is just to serve the OG tags and then to redirect to the news page on the website.
Any ideas what could be causing this issue with LinkedIn?
There are a few things I can suggest...
You Cannot Use Both Image and Description
As I have stated elsewhere, you cannot use both the image and the description. If you try to use both, only the image will display. Source: Two Week Argument With LinkedIn Developers.
You Should Invalidate LinkedIn Cache
If you're ever unable to figured out why LinkedIn isn't parsing generating the expected preview in its sharing app, then try the LinkedIn Post Inspector. Merely checking my site, then rechecking again a second later, will cause the cache to invalidated after the first attempt, and the new, cached version to be there in the second attempt.
If the LinkedIn Post Inspector is no help, the developers at OpenGraph were wise enough to create the same thing, an OpenGraph Tag Inspector.
If you still think it's the cache, try sharing not example.com, but, example.com/?someFake=Parameter. A different URL will mean a cache miss.
You Should Use OGTags
Finally, be aware that you can only share the following, according to the Official Microsoft LinkedIn Documentation...
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
And be aware: Using og:image means LinkedIn will ignore your og:description tag. You can confirm this yourself by testing with Wikipedia.org (no og:image but an og:description) and GitHub.com (both og:image and og:description tags).
When I try to share my page with AddThis to Linkedin it is working fine from desktop, but even the same URL is not working when I do just the same from iPhone.
To test it:
Open AddThis home page and click share to LinkedIn button. As a result I have http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fwww.addthis.com%2F%23.Tt3z80Hs1Wo.linkedin&title=AddThis+-+Share+Button%2C+Social+Bookmark%2C+Sharing+Plugins+and+Module&ro=false&summary=&source= opened in my browser, which is working fine.
Try to open just the same URL from an iPhone. I have the following error in this case: "We’re sorry. Something unexpected happened and your request could not be completed. Please close this window and try again."
Sounds like LinkedIn API issue. Any ideas how can I fix it?
Thank you.
I was having exactly the same problem this morning. After some digging it turns out that the linkedin http sharearticle API has been deprecated:
https://developer.linkedin.com/comment/9492#comment-9492
, alternatives are the JavaScript API and the REST API which I can't link to as I don't have enough reputation. However they are easy to find on the Linkedin developer pages. Simple JavaScript for a Linkedin share button can be automatically constructed for you here:
https://developer.linkedin.com/plugins/share-button
. Hope that helps!
You're going to want to update your URL format to conform to the Official Microsoft "Share on LinkedIn" Documentation. The format of your URL should be...
https://www.linkedin.com/sharing/share-offsite/?url={url}
Furthermore, parameters like source, title, and summary have all been deprecated, but you can replicate their behavior again by setting the appropriate og: tags in the HTML of your web page, which is good standard anyway. Quoting from Official LinkedIn "Making Your Website Shareable on LinkedIn" Documentation, just put these into your page's HTML:
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
If you make these adjustments, sharing on your page should behave just like it once did!