Optimizing Your Pages for Social Networks to display correct Link Previews on Sharing
- Firstly move to the head section of your post in html that is enclosed between <head> and </head> . If your post doesn't contain such tags then you need to create them and insert this small code in between them like this.
<html>
<head>
<meta property="og:image" content="your desired image url" />
</head>
</html>
<html>
<head>
<meta property="og:image" content="Your desired image url" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
</head>
</html>
<html>
<head>
<meta property="og:image" content="desired image url 1" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image" content="desired image url 2" />
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
<meta property="og:image" content="desired image url 3" />
<meta property="og:image:width" content="100" />
<meta property="og:image:height" content="100" />
</head>
</html>