It’s important how we present our brands on social media and we want our beautiful website content to shine! Sometimes Facebook, LinkedIn and Twitter are not so friendly when it comes to the images they decide to show when you share your content on their platforms. BUT, you can do something about that! And it’s not all that complicated. Our handy tutorial below will help YOU decide what image to show on Facebook, LinkedIn, and Twitter. 

1. Copy the following code to an easy-to-access location on your computer:
   • <meta property=”og:image” content=”http://www.yourdomain.com/image-name.jpg” />
2. The image you want to use must already exist on your website somewhere.
3. Go to the page where you have the image you want to use as the featured image for your website. (In a regular browser window, NOT in the Site Editor) For this example, I will use the logo image from one of our demo sites, captureadventures.com
4. Right click on the image you want to use:

    5. Select “open  image in new tab".

    6. Copy the link address.

    7. Paste the link address in a convenient to copy location on your computer.

    8. Go into your Site Editor. Go to Settings. Then to SEO. Find the Header Code box. See screenshot:

 

    9. Copy the code from item number one and paste it into the Header Code box.

    10. Copy the URL of the image you want to use as the featured image.

    11. Highlight the information in between the parentheses “ “  containing the URL of the image. See screenshot. 

 

    12. Paste the URL of the image you want to use in between the parentheses and save. IT IS IMPERATIVE THAT YOU SAVE. See screen shot:

     13. After you save, Publish your site again and the changes will take effect

 

Test your code by going to: 

• Facebook: https://developers.facebook.com/docs/plugins/page-plugin enter in the URL to your website and review the image and text that appear
• LinkedIn: https://www.linkedin.com/post-inspector enter your URL
• Twitter: https://cards-dev.twitter.com/validator enter your URL

The image you selected from your website should appear!

 

Links for trouble-shooting:

• Facebook: https://developers.facebook.com/docs/sharing/webmasters
• LinkedIn: https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin?lang=en  
• Twitter: https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started 

Other notes: Use images that are at least 1080 pixels in width for best display on high resolution devices. At the minimum, you should use images that are at least 600 pixels wide by 315 pixels high to display page links. We recommend using 1:1 images in your creatives for better performance.

https://developers.facebook.com/docs/sharing/best-practices#images

*We offer this guidance as a courtesy to you; however,

we are not able to perform these tasks on your behalf.