agovella Posted October 23, 2020 Share Posted October 23, 2020 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
edharris Posted October 24, 2020 Share Posted October 24, 2020 Hi @agovella - if you've implemented the summary_large_card info via code injection then it should be working. Try running the page URL through Twitter's card validator tool – sometimes that's necessary to force Twitter to refresh the cached info it stores about a URL after it's been shared already. https://cards-dev.twitter.com/validator CatherineJoMorgan 1 Link to comment
darrenabrown Posted August 2, 2021 Share Posted August 2, 2021 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
cub76 Posted May 7 Share Posted May 7 Is there any solution to this? We are having the same problem Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment