Back to site

©2021. All rights reserved.
Crafted by 4Property.

How to display the correct image when sharing a property to social networks

Sharing a property to Facebook or LinkedIn has several requirements:

Pre-caching images

When content is shared for the first time, the Facebook or LinkedIn crawler will scrape and cache the metadata from the URL shared. The crawler has to see an image at least once before it can be rendered. This means that the first person who shares a piece of content won’t see a rendered image. The same happens if the image has changed or is not available.

There are three ways to avoid this and have images render on the first Like or Share action:

  1. Pre-cache the image with the sharing debugger: 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.
  2. Use og:image:width and og:image:height Open Graph tags: Using these tags will specify the image dimensions to the crawler so that it can render the image immediately without having to asynchronously download and process it.

Updating images

We cache all images referenced based on each image’s URL, so if you replace an image:

Note that updating the image for a URL will not automatically update the preview for old shares. To do this, you must refresh the share as described here.

Troubleshooting

If you have any problems with images not being displayed correctly for a URL, try plugging in the image URL in the Sharing Debugger for any errors.

Privacy Policy