Site URL: https://agux.co
Is there a way to customize or overwrite the Twitter social image HTML on my site?
Currently, when one of my pages is shared to Twitter, Twitter’s displays the standard summary card:
I would like Twitter to use the large summary card, so shared pages look like this:
Background info:
Per Twitter's developer docs, the summary card with the small image is controlled by this HTML in the HEAD of the document:
<meta name="twitter:card" content="summary" />
The summary card with a large image is controlled by similar HTML:
<meta name="twitter:card" content="summary_large_image">
By default, Squarespace generates the HTML for the standard summary card with the small image.
On my site, I have used code injection to add HTML for the summary with a large image into the HEAD of my documents. I did this both site wide as well as on blog pages:
However, Twitter still uses the summary card with the small image.
Any thoughts?