Some social sites use Open Graph tags. This helps identify shared pages and to call which image to display on your social site's post.
Add a meta tag for the image to use this as your Open Graph image. Add this tag with your image address in the head section of the page
Grab the image's address
- Select and right click the image you'd like to use as your Open Graph image.
- Select "Copy Image Address”.
- Paste this image address in a text editor or in a note on your machine to save it for a later step.
Add the OpenGraph code code to your page
- Navigate to the "Page" tab in the Editing Menu
- Click the <head> section to manage third party scripts.
- Paste the below code below the first line of code: “<meta property="og:image" content=“ “
Click the <head> section to Manage third party scripts and paste the below code below the first line of code:
<meta property="og:image" content="
4. Go to the image address you saved from step 3 in “Find your image”
5. Select the image and copy using CMD+C (on Mac) or CTRL+C (on Windows)
6. Paste it right after the <meta property> tag we've added in the head section of our page.
7. To close this off, type "/> right after the image address you've just entered.
8. Click “Save and Close” from the editor
9. Save the page using the shortcut CMD+S (on Mac) or CTRL+S (on Windows)
Your Open Graph image should now be display the image you've selected.
Often sites such as Facebook ask you to refresh the cache on their end to activate the changes you’ve made.
You can use Facebook's debugger to get rid of the older Open Graph data.