Some social media services use Open Graph tags to define what content is displayed when a post is shared.
To choose an image to be shown on your social media posts, Add an image meta tag.
Find 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 meta tag to your page
- Click Settings in the left Side Bar. Then click the Advanced tab.
- Click the <head> section to manage third party scripts.
- Paste the below code below the first line of code: “<meta property="og:image" content=“
- Go to the image address you saved from step 3 in “Find your image”
- Select the image and copy using CMD+C (on Mac) or CTRL+C (on Windows)
- Paste it right after the <meta property> tag we've added in the head section of our page.
- To close this off, type "/> right after the image address you've just entered. See the image below for an example of the code in the <head> editor.
- Click “Save & Close” from the editor
- Save the page using the shortcut CMD+S (on Mac) or CTRL+S (on Windows)
After updating your OpenGraph image, use Facebook's debugger to properly display your Open Graph image.
Example of Open Graph Image code in <head> Editor: