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, 2023 Share Posted May 7, 2023 Is there any solution to this? We are having the same problem Link to comment
KJDel Posted November 10, 2023 Share Posted November 10, 2023 Can squarespace not address this issue for us novice developers? I can't figure out how to get my website generate these twitter tags on its own like it does for facebook. Link to comment
Akram Posted January 16 Share Posted January 16 Injecting the second code <meta name="twitter:card" content="summary_large_image"> doesn't work. All sites today use this type. For it to work developers need to change the line in the source code <meta name="twitter:card" content="summary"> Any news?? Link to comment
CryptologistTM Posted February 11 Share Posted February 11 Has anyone solved this issue yet? 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