How do I make sure my Social Sharing Image renders properly?

In this article, we'll cover a few best practices to keep in mind when choosing a social sharing image to make sure it renders properly.

Posting your landing page URL to a social media platform is a great way to drive subscriber growth. You can specify an image that you'd like to be used as the default when posting your link to a social media site, but sometimes this image might be cropped, or rendered incorrectly.

How will my image be rendered?

Images are rendered based on the specifications of the social media platform that you're posting your landing page URL to. While those specifications may vary from platform to platform, there are a few image best practices that you can keep in mind while picking your image. 

  • The minimum dimensions for an image is 200 x 200 pixels.
  • The size of the image file must not exceed 8 MB.
  • At the minimum, you should use an image that is 600 x 315 pixels to display as a larger image. 
  • If your image is smaller than 600 x 315 pixels, it will still be displayed, but the size will be much smaller.
  • Try to keep your image aspect ratio as close to 1.91:1 as possible to display the full image, with out any cropping. 

Why was my Social Sharing Image not displayed?

Specifically when posting your landing page URL to Facebook, you may see your image altered in some way. When content is shared for the first time, the Facebook crawler, which identifies the image, will scrape and cache the metadata from the shared URL. The crawler has to see an image at least once before it can be rendered. This means that the first time you share a link to your Facebook page, you won't see an image rendered. 

Similarly, you might find that after updating your Social Sharing Image within your AWeber landing page and posting the URL to your Facebook page, the older image will still be used. This is because Facebook will reuse the initial image that was cached. 

How can I prevent my image from displaying incorrectly?

In order to prevent this from happening, you can use Facebook's Sharing Debugger to pre-cache the image. Run the URL through the URL debugger to pre-fetch metadata for the page. This can also be used to update the image for a piece of content. LinkedIn uses a similar caching function, you can find their Post Inspector will resolve this issue.

Implementing the instructions outlined in this article will help ensure your images are rendered properly when posting your landing page URL to social media platforms! You'll see your subscriber total increasing with the added exposure!

Have more questions? Submit a request
Powered by Zendesk