Linkedin show 3 different image when sharing

Question

Linkedin show different 3 image when trying to share. Here is then head tags

<meta property="og:site_name" content="OkyTalk">
<meta property="og:title" content="OkyTalk ">
<meta property="og:type" content="website">
<meta property="og:url" content="https://okytalk.com/teachers/profile/displayProffesional">
<meta property="og:image" content="https://okytalk.com/media/okytalk/img/share.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="470">
<meta property="og:image:height" content="246">

Any Ideas how to show only one ? Others share(facebook, twitter, google+) works fine.

Answer 1

LinkedIn are picking up the images in the img tag for some reason unlike Facebook etc.

The workaround is to change the images in the img tags on the page you are sharing to set the images in CSS and change to img tag to a div.

Add a style like:

#howitworksstudent{
  background: url(https://okytalk.com/media/okytalk/img/how-it-works-student.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

and change your img tag to:

<div id="howitworksstudent"/>

Not ideal but gets you around the problem. I have tested this and was able to recreate your initial issue so I know it works.

Hope that helps.