Jump to content

Twitter large summary cards

Recommended Posts

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?
 
 

 

Link to comment
  • 9 months later...

Hello all thank you for sharing. I have attempted to do this today for my own website, but it does not seem to be working. I have gone into advanced settings and within header typed the following code: 

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

This didn't work to create a large image when posting my website html on twitter. So I also included the following:

<meta name="twitter:site" content="@twitterhandle">
<meta name="twitter:title" content="twitter handle name">

If anybody has any suggestions to help with this it would be greatly appreciated. I've bene trying to follow the advice from Twitter but i'm not sure what i'm missing. https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.