Linkedin Shows 3 Different Images When Shared

Linkedin shows 3 different images when trying to share. Here are the title 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">

enter image description here

Any ideas how to show only one? Other users (facebook, twitter, google +) work fine.

+4
source share
1 answer

LinkedIn collects 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 using to set the images in CSS and change the img tag to a div.

Add a style similar to:

#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"/>

, . , , .

, .

+1

All Articles