Beginners Guide | Adding Twitter Cards to WordPress

Twitter Cards let you include a preview of your content within a Twitter stream, there are a few different types of Twitter card available including:

  • Summary Card: Which includes a title, description, thumbnail, and Twitter account attribution? This is the default card.
  • Large Image Summery Card: this is similar to a summary card bit features a more prominent image.
  • Photo Card: A Tweet sized photo card.
  • Gallery Card: A Tweet card geared toward highlighting a collection of photos.
  • App Card: A Tweet card for providing a profile of an application.
  • Player Card: A Tweet sized video/audio/media player card.
  • Product Card: A Tweet card to better represent product content, showcasing product photo, price and description.

Creating & Implementing Twitter Cards

If you are using the WordPress SEO plug in by Yoast, follow these steps:

  1. Go to the plugin in your WordPress Account
  2. Select the ‘social’ sub menu option, then go to the Twitter tab
  3. Check the box next to ‘Add Twitter card meta data’, save the settings.

    Yoast Plug In Twitter Card Activation

    Yoast Plug In Twitter Card Activation

  4. Head over to the Twitter Card validator, go to the ‘Validate & Apply’ tab and enter the URL of one of your posts and click on Go! the validator will tell you if there are any problems with the mark-up.
  5. Unfortunately you will need to request approval from Twitter to use these cards, once you’ve validated your code if you haven’t yet requested a approval message will appear at the top of the ‘Standard Tags’ column, saying ‘www.yoururl.com not approved’, click on the ‘request approval’ button next to this message.
  6. Complete the required details in the pop up window and click on the ‘Request Approval’ button.Request Approval for Twitter Cards
    At this point you will receive a thank you message letting you know you will have to wait a few weeks before finding out whether you have been approved.

If you don’t have the Yoast plug in you could also use JM Twitter Cards which will allow you to customize cards for each individual post, as well as choose your card type.

Are you using Twitter Cards?  What’s your favourite example of Twitter cards in action?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>