Twitter summary cards

It has come to my attention that the images auto-selected by Twitter for https://biblepay.org is not ideal.

You will see BiblePay's default is a money bag. See attachment. Not a good look on Twitter.

If you look at Compassion.com as an example, they have a filipino girl as the card image.

We can set a different image for Twitter to use. This is explained in more detail here: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html

This is what Compassion.com's code looks like. You put the meta tags in the head section before the body tag:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Make helping the poor part of your legacy. Start by sponsoring a child today." />
<meta name="twitter:title" content="Sponsor a Child - Compassion International" />
<meta name="twitter:site" content="@compassion" />
<meta name="twitter:domain" content="www.compassion.com" />
<meta name="twitter:image:src" content="http://www.compassion.com/multimedia/sponsor-a-child-smiling-filipino-girl.jpg" />
<meta name="twitter:creator" content="@compassion" />

Worse case, an image like this is certainly better than the money bag: http://pool.biblepay.org/images/180180.png

Ideally, a custom image that fits the square and summarizes the goal of BiblePay would be better. An image that conveys Jesus call to help the poor.

Thanks! I'm going to fix this

Edit: fixed!
(Any feedback is appreciated.)

Looks great!


Thanks so much for fixing this!

Thanks! I'm going to fix this

Edit: fixed!
(Any feedback is appreciated.)

Thanks Jaap.