Retrieval of image from the URL in linked in - linkedin

How does linked in retrieves the image from the URL? Is there any tag for it?
As i tried to post the url link in the post window of linked in, it automatically displayed the image available in the particular URL, in what basis does the image is retreived. as there is any tags does linked in searches for it to display.
Please help me on the same

It uses opengraph:
sample open graph meta tags
(snippet from https://developer.linkedin.com/docs/share-on-linkedin)
<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="My Shared Article Title" />
<meta property="og:description" content="Description of shared article" />
<meta property="og:url" content="http://example.com/my_article.html" />
<meta property="og:image" content="http://example.com/foo.jpg" />
</head>
<body>
…
</body>
</html>

Related

Facebook doesn't show Open Graph image

When I see like an Facebook post, when you linked like Youtube, Soundcloud etc., you get an picture. But when I do it and I post my website, it doesn’t compute.
But it doesn’t show in Facebook. The picture is 300x300 so what I did wrong?
<meta property="og:image" content="https://www.statospro.se/img/StatosLogoad.jpg" >
For Facebook you can use the og meta properties.
<meta property="og:title" content="YOUR PAGE TITLE">
<meta property="og:type" content="website">
<meta property="og:url" content="https://WWW.YOUR-URL.HERE">
<meta property="og:image" content="https://WWW.YOUR-URL.HERE/AND-THE-PATH-TO-YOUR-IMAGE.JPG">

Sharing article on LinkedIn with description and image

Why is it that I can't have both an image and a description, when I share an article on Linkedin? They are both defined in my metatags and I can see both in the preview, but the final post will only have the image, and if there is no image it will have the description.
<meta property="og:description" content="Some description">
<meta property="og:title" content="Some title">
<meta property="og:image" content="/path_to_image">
I have read their documentation but it doesn't mention that it is not a possibility to have both.

og:site_name ignored for facebook comments plugin?

I'm using Facebook's comment plugin, and I have point to a page with open graph tags set up.
When a user makes a comment on my page using the plugin, all of the og tags are used by facebook in the wall post, except og:site_name, which should go in the caption of the link but instead the domain of my site is appearing.
example HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>My Title</title>
<meta property="og:type" content="article" />
<meta property="og:site_name" content="My Site Name" />
<meta property="og:title" content="My Title" />
<meta property="og:url" content="http://www.example.com" />
<meta property="og:image" content="http://www.example.com/some_image.png" />
<meta property="og:description" content="This is a description" />
<meta property="fb:app_id" content="FB_APP_ID" />
</head>
<body>
.....
</body>
</html>
But here's what I end up seeing on Facebook:
example
Note the caption says "www.example.com" instead of "My Site Name" which I expected to see there.
Anyone know why OG would be ignoring my tag?
Thanks in advance,
DW
Not a fix but a possible reason.
There's an opened issue in the Facebook Bug DB:
Incorrect site name appearing in shared links on Facebook
Unfortunately, it seems to be a low priority issue.

Redirect to a url for facebook like

I have a page for like grap meta tags.
<!DOCTYPE html>
<html>
<head>
<title>#Model.Title</title>
<meta property="og:title" content="#Model.Title"/>
<meta property="og:image" content="#Model.Image"/>
<meta property="og:url" content="#Model.Url"/>
<meta property="og:description" content="#Model.Description"/>
<meta property="fb:app_id" content="#Model.AppId"/>
</head>
<body>
</body>
</html>
Also i have a property RedirectUrl which when user click to link should redirected to.
How could I do in this page? Because this page is done just for meta tags. I want take user to another page when click to liked url?
<meta http-equiv="refresh" content='0; url=#Request.QueryString["ReturnUrl"]' />
Or use js and document.location.

Facebook Like Button Text in feed?

With the facebook iframe like button, am I able to specify what text shows up in a users stream?
When I use a plugin for a wordpress blog post it shows up at
USERNAMe likes POST TITLE on BLOG NAME
but when I try and put it on another page with the straight up iframe code, i just get:
USERNAME likes http://www.pagename.com/bla/bla/bla
How can I specify what text shows up?
Do you have open graph tags on your page, like:
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta property="og:image" content="..." />
<meta property="og:site_name" content="..." />
<meta property="og:title" content="..." />
<meta property="og:url" content="..." />
<meta property="og:description" content="..." />
<meta property="og:type" content="article" />
</head>
More about those here.

Resources