All geek questions in one place

LinkedIn does not select the image specified by og: image

DEMO URL - http://maz.node1357.speedyrails.net/webreader/803

There are open image tags on the page where an open image is displayed, although HTTP from S3 has a width of 240 pixels and a height of 320 pixels.

<meta property="og:url" content="http://maz.node1357.speedyrails.net/webreader/803"> <meta property="og:title" content="sharetest_4"> <meta property="og:site_name" content="MAZ"> <meta property="og:description" content="test pdf 10 page"> <meta property="og:image" content="http://s3.amazonaws.com/maz_staging2/staging2env1/issues/00022/webreader/thumbs/ staging2env1_00022_thumb_0001@2x.gif " />

Why is the Video Preview switch displayed here? The first image is similar to the og:image tag, but the second image never loads, although there are many images on the page that are larger than the sizes specified on Linkedin.

I checked some other websites. Linkedin Sharing from this post on Techcrunch doesn’t display the switch - CLICK HERE

But sharing it - CLICK HERE

Both of these URLs have images = 680 pixels wide and> 300 pixels high. Any recommendations on how images obtained from open graphic tags on Linkedin work?

+6
source share
1 answer

In the link to LinkedIn Developer , you need Open Graph in the html tag.

 <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>
+1
source

Source: https://habr.com/ru/post/975831/

More articles:


All Articles