Posted on 6/16/2015 in Digital Marketing

By Matt Wiseley


Most marketers have caught onto the importance of including a social media sharing widget on their site to provide visitors with a one-click method of sharing content to their social media followers. But not all social media shares are created equal. Compare these two article sharing Tweets. Which are you more likely engage with?

Without a Twitter Card:

Without a Twitter Card Example

With a Twitter Card:

With a Twitter Card Example

It’s no contest, right? Twitter users are much more likely to engage with a Tweet that includes a photo, excerpt and or media player teasing the content of the page being shared. This is what Twitter Cards allow web marketers to do by simply including some Twitter-specific markup on their site.

Twitter Card Types

Depending on the nature of your content, select one of the following card types supported by Twitter:

  • summary – Use this for posts that don’t have a leading image. These cards show a heading and brief summary of the content.
  • summary_large_image – This card type is the same as summary, but also includes a leading image.
  • photo – This card type is used when a photo is being shared and the photo is the primary interest. Think of sharing a meme, for example.

There are also gallery, product, app and player types which you can read about more in Twitter’s documentation.

The idea here is to map Twitter card types to the templates on your website. If every post in your blog has a leading image (it should) then the summary_large_image is a good type for sharing blog posts. If your press releases don’t typically have images, use summary for those.

Add Twitter Card Markup to your Templates

Once you’ve mapped card types to templates, ask your web developer to modify your site’s templates to include the required card markup. Here’s what the markup for the CNN example above looks like, to give you a feel.

Twitter Card Coding

You’ll notice that this code includes some “twitter:” tags as well as some "og:" tags. The "og:" stands for Open Graph, a standard developed by Facebook and now used by several social media services to display structured content shared from other sites. Including this code in your site will not only help you with Twitter, but will also enhance your posts to Facebook, Pinterest and others.

For help implementing twitter cards or developing a social media strategy, contact Wakefly today! We would be happy to help.


Optimize Your Website

website optimization image
Wakefly Insights Delivered Straight to your Inbox

Related Blogs

PPC Trends for 2020
PPC Trends for 2020

PPC Trends for 2020

As the calendar turns to the year 2020, which sounds like a made up year, I wonder what the future holds for PPC marketing. There are many of these [...]

2019-year-in-review-500x500.jpg
2019 Digital Marketing: Year in Review

2019 Digital Marketing: Year in Review

In just a few short days, we will say goodbye to 2019. As we come to the end of the year (and decade), it’s a great time to reflect on our successes, [...]

Local Search Marketing
How to Show Up In Local Search

How to Show Up In Local Search

Have you ever conducted a Google search for a local service? Of course you have! Whether you’re looking for the best nearby restaurant for date [...]