OG Image on Twitter from CMS

Design help Custom code
1

Hi there,

Im trying to post one of my blogs to twitter however it does not display the preview image, description etc when posting. Each blog image is pulled from the CMS. I figured out how to do this by putting in the actual link however not from the CMS. The preview image + description displays on Facebook, however on Twitter and also Slack nothing appears.
Any help on this would be much appreciated.

2

Check your site URL her for errors:
https://cards-dev.twitter.com/validator

And her you find troubleshooting guide:

Anyway, its hard to help you without a live URL.

You could add meta data

<meta name="twitter:card" content="summary" />

Or for example:

<meta name="twitter:card" content="summary_large_image">

More types of cards her:

3

Hi, that’s perfect that has worked for Twitter now, unfortunately I can’t get it working for slack. Is there additional code for this to work on there?

www.footstockhub.com is the live site

Cheers

4

Under your homepage for example og:image og:title og:: description is missing.

image
image1620×496 28.9 KB

Slack use OG (No special syntax related to slack / Whatsapp and so on for basic og data).

Start here:

**sometimes you need to clear cache to see updated results.