

Images can be up to 8MB in size. Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images. Facebook: Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.Images for this Card should be at least 280px in width, and at least 150px in height. You should not use a generic image such as your website logo, author photo, or other image that spans multiple pages. Twitter: A URL to a unique image representing the content of the page.

At the time of writing, their guidance is: The social networks have varying requirements for the image preview. The social networks tend to require some more data, which you can hard code at Email Design System level if you wish: You’ll see a console at the bottom of the screen because Google Tag Manager is in preview mode (as long as your privacy settings aren’t blocking it).

Now we have some Taxi content to use, we can add the social media preview meta tags and replace the content accordingly To test your tag, click Preview at the top of the page and open a new window to view your blog (and comments). You may wish to add a default to these fields. Building fieldsįirst we need some Taxi fields, so that this content can be editable. You can also use their debug tools to test previews, by exporting a hosted URL and testing ( Twitter debug tool, Facebook debug tool). In this example we have used the website/article preview format, but this can be adjusted as needed.įor more guidance, see the developer notes on Twitter and Facebook dev sites. There are different standards for each network, and different types of previews based on the content being shared. This information is added to the section of the email HTML, and is typically formed of a headline, a short description and an image. If you are driving users to share the the entire email campaign (rather than specific links or articles) then you can control the content used to generate previews on Facebook, Twitter and other social networks.
