I’m finishing the new website of my Twitter game @whattheshot where a snapshot of a movie is published and users have to guess the title of the movie. I’m encountering a problem with Twitter Cards for a specific kind of pages: the user profile page. Each of my players will have its own page with its Twitter avatar/banner, and some statistics about him in my game.
I wanted to create a Twitter Card for these pages just like I did successfully for the rest of my website, but in this case, the preview image doesn’t appear. As this is a profile page, I naturally used their Twitter Avatar as preview image in the Twitter Card, but it seems Twitter doesn’t allow me to use the direct URL of the avatar? (maybe to avoid people getting confused between a twitter card and a real (RT)tweet?).
My Page: https://beta.whattheshot.com/user/SoParra
The direct link to the Twitter Avatar of my user: https://pbs.twimg.com/profile_images/820671121884413952/lZGhUzcd_400x400.jpg
The image loads correctly in the page, and in my browser, but not in the Twitter Cards Validator:
I checked with
curl -A Twitterbot https://beta.whattheshot.com/user/SoParra and meta datas appear at the top.
That will make sense if Twitter forbids the use of Twitter Avatar as preview images, but I just wanted to have the confirmation before finding a solution.
Thanks a lot!