Twitter/X

Just like Facebook, Twitter has several custom page attributes for you to use to make great looking shares. In fact, Twitter allows you to control even more settings. Let's take a look at the basic settings and we'll move on from there.

  • Title {{ 'Title for Page Here' | AddMetaTagToHead:'property','twitter:title' }}
  • Description {{ 'Description for Page Here' | AddMetaTagToHead:'property','twitter:description' }}
  • Image {{ 'URL to image here' | AddMetaTagToHead:'property','twitter:image' }}

Note: You'll need to upload the image to the website and link to it for the URL. Your image should be sized to: 440px x 220px (well that's one recommended size at least, read on...)

Very similar to Facebook, no? But wait... there's more... Twitter allows you to define two different formats of shares which they call summary cards. One card has a large image and the other a smaller.

Large Image

{{ 'summary_large_image' | AddMetaTagToHead:'property','twitter:card' }}
Small Image

{{ 'summary' | AddMetaTagToHead:'property','twitter:card' }}

Twitter also has a helpful validator to help visualize what your share will look like. You can also read more about what's possible by reading their documentation.