BY CHRIS WREN
I have been looking into Twitter cards recently and noticed that people often publish tweets without delivering linked content in an optimal format. Below I will summarize how to format your tweets to ensure the best UX for viewers of your posts.
Video
Jon Stewart delivers his biggest announcement yet. http://t.co/NLE38cP23B pic.twitter.com/EdzK9J21H1
— YouTube (@YouTube) February 11, 2015
If you include a Twitter photo when sharing a YouTube, Vine, or Vimeo video, it will prevent the linked video from being loaded within Twitter and force viewers to open it in a new browser tab. Also, mobile and tablet viewers won’t be able to play the video in its corresponding app, and instead will have to load it in a mobile web view.
Alternatively, when publishing a photo-less tweet, the linked video will be available in the expanded version of the tweet.
Under-rated tech talk by @dumbnamenumbers of @genius “Worse is better” http://t.co/a8hXnBNRpI
— Chris Wren (@ChrisAWren) February 13, 2015
Note: Vine and Twitter videos are the only video types that play inside of the Twitter app on mobile and tablet devices. Other video types require opening an app or a mobile Web view to see the content.
Audio
When sharing audio on Twitter, it is typically best to use SoundCloud. SoundCloud gets preferential treatment in the Twitter iPhone app with an embedded player and the content is free to listen to across platforms without a paid subscription or login required.
.@AngelOlsen covering @DollyParton‘s “I Couldn’t Wait Forever” – https://t.co/51ZDX9MQ6P her voice is stunning on this live recording
— Chris Wren (@ChrisAWren) January 28, 2015
If a music track isn’t available on SoundCloud, you can share it by using Bop.fm to detect which streaming apps the listener has installed and allow the highest quality service to play the track. In the below tweet, I linked to Bop.fm, covering all potential streaming services, but also included a link to Spotify for quick access in the Twitter card.
Best ambient track ever made: Brian Eno – An Ending (Ascent). Bop.fm: https://t.co/4WgZ07T0Oa Spotify: http://t.co/PjK3IvkSxH
— Chris Wren (@ChrisAWren) February 12, 2015
Something to notice here is that the final link in the tweet is the one used to render the Twitter card.
Note: Sharing audio via YouTube videos is not advisable as mobile devices must stay awake and focused on the video in order to continue playing the audio.
Photo
Sharing Instagram photos to Twitter through the native Instagram sharing dialog results in a tweet with the photo caption and a link to view it on instagram.com.
Two MUST own records ☺️ http://t.co/qkiexCMWnh
— Kevin Rose (@kevinrose) February 12, 2015
If you would rather share Instagram photos as native Twitter photos, a couple of steps are required. While sharing on Instagram, you can optionally copy the caption or link to later be used in a tweet. Then after sharing, open the Twitter app and share the Instagram-filtered photo from your gallery and paste the caption or link from your clipboard.
The Magic of Artistry… http://t.co/1hVonppBaO pic.twitter.com/SA5NwtLqx3
— Brian Solis (@briansolis) February 17, 2015
Note: @usernames might be different across services, so you might have to alter the tweet to mention the intended user.
Text
If you are sharing a link to text content such as a blog post or a news article, it is typically fine to add a photo to your tweet, unless you want to let viewers open the content in the site’s corresponding native app or see the content description via a Twitter card.
This piece was originally featured on Medium, and reposted with permission.
Photo via clasesdeperiodismo/Flickr (CC BY SA 2.0)