When troubleshooting the featured image in your social preview, consider how social previews work, what the ideal featured image dimensions are, and how different social networks can affect the appearance of your featured image.
A social preview is built on meta tags in the <head> section of your page HTML. These tags are part of the Open Graph protocol, which enables any web page to become a rich object in a social graph. These tags tell social media sites like Facebook, LinkedIn, and Twitter what to focus on when creating a preview of your shared link. The basic meta tags are:
These tags are automatically set for blog posts: the title, meta description, and the featured image. For landing pages and website pages, the featured image must be set manually.
If your featured image is not displaying correctly in your social preview (e.g., the image is cut off or the ratio is incorrect), you may need to edit the image so it has the right dimensions for the social network you're posting to.
Apart from using the correct meta tags and having the right image dimensions, there are several social network-specific issues that may affect your featured image: