Twitter Cards in action


Twitter »
05 September, 2012 – 49 Comments

Twitter Cards in actionI first wrote about Twitter Cards in June, when Twitter had just announced them, today I got a tweet from Paul Savage who noticed that they were now enabled for That’s super awesome news as it means that the implementation I did in my WordPress SEO plugin works.

Of course I had to do some tweaking afterwards, because as it turns out Twitter’s scraper for the Twitter Card data is easily confused (it doesn’t understand how to parse multiple og:images meta tags). But let me show you what it means if it works well; if you tweet an article from this site, you’ll see a normal tweet with a new “View Summary” link:

Tweet with summary button

When you click that View summary link, the link “expands” and you’ll see this, the complete Twitter Card:

Expanded Twitter Card

As you might notice my Twitter account is there twice, the top one is because I’m the author of that article, the second one is because I set the @yoast account as the main account for this site. So if you see an article tweeted that’s been written by Michiel, you’ll see his twitter account on top and the main @yoast account in the bottom:

Twitter Card Michiel

Can I have Twitter Cards for my site?

I know you’re asking yourself that question. I tested some sites that are running my SEO plugin on which I knew the Twitter Cards implementation in it is activated, but unfortunately couldn’t find any working examples outside of my own site yet. It seems that you really have to apply to participate with your site next to having the functionality active on your site (you can activate it on the SEO -> Social menu).

So, the next step is another update of my SEO plugin which improves a bit on the current Twitter Card implementation now that I can test properly, expect that somewhere early next week. This update will also rely on OpenGraph when activated too where possible so you don’t have another 10 lines of Twitter meta data but instead only 3 or 4 lines for Twitter and the rest of the data coming from OpenGraph. Looking forward to seeing this work on other sites that run my SEO plugin!

49 Responses

  1. Dave
    By Dave on 5 September, 2012

    Twitter just approved one of my sites that uses your SEO plugin. It was very exciting to see it in action.

    If we use Facebook’s own plugin to handle the OpenGraph data on the site, will that conflict with the update you’re talking about that consolidates?

    • Joost de Valk
      By Joost de Valk on 6 September, 2012

      Hey Dave, good question. I’m actually working on a patch for the official Facebook plugin so I can filter their output, in which case my SEO plugin would just filter the FB output where needed and default to that. As soon as they’ve accepted that I can then also combine the two.

      For now, I would just check the Twitter box, as soon as the update is in place it will then leave out the meta tags that aren’t needed.

      • Dave
        By Dave on 7 September, 2012

        That will be amazing. Thanks!

  2. DennisG
    By DennisG on 5 September, 2012

    WooHaa, congrats on this!
    And great job of having this feature already in your SEO plugin.


  3. Yanko Tsvetkov
    By Yanko Tsvetkov on 5 September, 2012

    Actually, I have Twitter cards activated thanks to your plugin. And it seems to be working even with past posts, which is awesome!

  4. Mike
    By Mike on 5 September, 2012

    I have Twitter Cards working for my site, thanks to your plugin — see:

    • Berry
      By Berry on 14 September, 2012

      Maar hoe heb je dat nu gedaan? Ik heb de functie aangezet in de SEO plugin en me aangemeld bij Twitter. Maar moet ik nu verder iets ondernemen?En zo ja, waar?
      Dank voor je antwoord. Geweldig weekend gewenst!

    • Berry
      By Berry on 19 September, 2012

      Well done,

      But how did you do it? I have sitched on the function in the SEO plugin and applied with Twitter. But what steps do I further have to take?

      • Mike
        By Mike on 19 September, 2012

        Once you have turned it on in the plugin and filled out the form at Twitter ( ) you just sit back and wait.

        I don’t know how long it takes — it could be hours, days or weeks. I applied when Yoast first mentioned Twitter cards a few weeks ago, and I noticed it was working only quite recently.

  5. Ben
    By Ben on 5 September, 2012

    The sign up form requires
    Example Summary Card URL:
    Example Photo Card URL:

    I don’t know what url to add because it is created via WordPress SEO plugin.

    • Tiffiny Taylor
      By Tiffiny Taylor on 6 September, 2012

      Great question, would love a response.

      • Dave
        By Dave on 6 September, 2012

        Put a link to a page on your site that has the plugin activated.

        • Tiffiny Taylor
          By Tiffiny Taylor on 6 September, 2012

          Any link from the site?

          • Dave
            By Dave on 6 September, 2012

            Pretty much. Twitter needs a URL to scan in order to see if you’ve done the correct tagging. So basically any URL on your site that demonstrates how you tag the rest of your site should work. I run a news site so I submitted a URL of an article since it had the correct info.

            Hope that helps.

      • Joost de Valk
        By Joost de Valk on 6 September, 2012

        What Paul said above :) I’d point to a post with an image in it.

  6. Hannes Johnson
    By Hannes Johnson on 5 September, 2012

    Twitter Cards has been active on the Tempo blog for a while now thanks to your plugin :)

    Here is an example of a tweet from July:

    • Hannes Johnson
      By Hannes Johnson on 7 September, 2012

      This is a tweet from April with a Twitter Cards summary:

      So I guess it’s retroactive?

      But there is no preview image displayed with this tweet – probably because the twitter:image is too long (not the right dimensions).

      • Joost de Valk
        By Joost de Valk on 7 September, 2012

        It’s not because of the image, they’d just resize. I haven’t figured out why it doesn’t work yet and since there’s no debug tool, that’s kinda hard ;)

        • Hannes Johnson
          By Hannes Johnson on 7 September, 2012

          Do the preview images need to be square (same height and width)? Maybe it’s similar to Open Graph images on Facebook – the proportion between height and width can’t be more than 1:3 or 3:1?

  7. Joshua @Contriby
    By Joshua @Contriby on 6 September, 2012

    Whoo. Yoast, you constantly blow me away with your attention to detail and dedication to your FREE products. My friend told me he wants to use sqaurespace and I am like, “They don’t have Yoast!”

  8. Tiffiny Taylor
    By Tiffiny Taylor on 6 September, 2012

    Clear & pertinent info without unnecessary chit-chat; thank you!
    & don’t forget to Stand Up!

  9. Nadi TKJ
    By Nadi TKJ on 6 September, 2012

    this is amazing :)

  10. Frederico Gorski
    By Frederico Gorski on 6 September, 2012

    So… I have to apply and most likely have the twitter box checked on your plugin? I have done the second, but when I click on the twittercard link, It asks me to log in to twitter, but never accept my username. I go to and log in, then return to twitter card, and it still doesn’t recognize me as a logged in user…

    • Frederico Gorski
      By Frederico Gorski on 6 September, 2012

      Sorry, but my twitter was created long ago, I never realised I missed including my website url on my profile. Go ahead and Duh me. sorry. Please, delete these two messages.

  11. Kyle Sanders
    By Kyle Sanders on 6 September, 2012

    Ahhhh, yes!

    This is awesome. I love your plugin!

  12. wpfaqs
    By wpfaqs on 6 September, 2012

    actually didn’t know about twitter cards :( now i know by this post tnx @Joost

  13. Arafin Shaon
    By Arafin Shaon on 8 September, 2012

    Applied for it by your plugin lets see what happen

  14. Gautam Doddamani
    By Gautam Doddamani on 8 September, 2012

    twitter cards are awesome and also the new related posts block you are displaying at the end of the post :)

  15. torcwebdesign
    By torcwebdesign on 8 September, 2012

    Thanks for posting such an important content.
    Very nice.

  16. Andy
    By Andy on 8 September, 2012

    It looks great …did you by any chance come across a way to to re-lint / re-scrape …it sems like it caches just one time, and then stays forever …!?

  17. Ankul Barar
    By Ankul Barar on 9 September, 2012

    You are God Sent! You have it all in your plugins! Amazing!

  18. yans
    By yans on 10 September, 2012

    one (Stupid) question :p

    how to set different twitter card type?
    i mean, we should be able to change it to
    – summary
    – photo
    – player

    i did a quick check on a source code..
    /* Display the Twitter card type. */
    This defaults to summary but can be filtered using the

    but i dont know how to set it, anybody?

    Great Works!!

  19. hans
    By hans on 13 September, 2012

    hi yoast, thanks for this info.

    i use the genesis framework. i was wondering whether there is a plugin that you use for the “Share It” box that appears under your posts.

    i know you’re a busy guy and i have one other question. do you think it’s a good idea to have some sort of “print friendly” plugin on your website. my posts are long and i know people would just rather print them.

    fyi – i am a clicky subscriber now – it’s awesome.

  20. Fabrizio
    By Fabrizio on 26 September, 2012


    I just got an email this morning telling me our website has been accepted for expanded tweets.

    Super-excited I triple-checked but I still cannot see anything.

    Do you think I should just keep calm and wait a little more or maybe I set your plugin somehow wrong?


    • Joost de Valk
      By Joost de Valk on 26 September, 2012

      No I just checked, it looks right in the preview, just caching on Twitters side probably.

      • Fabrizio
        By Fabrizio on 26 September, 2012


        Thank you very much! ;)

  21. Mark
    By Mark on 26 September, 2012

    I’m using your WordPress SEO Plugin with Twitter Cards enabled but when I use the Twitter Cards testing tool .. .. I get the following error:

    – Our fetcher fails to fetch image at URL
    Fetcher response code: DENIED_BV_ROBOTSTXT.
    HTTP response code: 0

    In my Robots.txt file I have:
    Disallow: /wp-content/plugins/
    Is this wrong?

    • Joost de Valk
      By Joost de Valk on 26 September, 2012

      Hi Mark,

      I don’t think that line is wrong, but are you perhaps also blocking wp-content/uploads/ ? Because Twitter does need access to the images too.

      After changing your robots.txt you’ll have to wait for 24 hours to get them to update the cache.

      • Mark
        By Mark on 28 September, 2012

        I unblocked /wp-content/plugins/ from my robots.txt file and re-submitted via Yoast’s link. Two days later I received an email to say I’ve been accepted. Once again, thank you Joost for some awesome top tips!

  22. CodingStuff
    By CodingStuff on 26 September, 2012

    Just got my ‘Twitter Cards has been approved.’ email. Looking forward to see it in action.
    Thanks for the heads up!

  23. Jakolien
    By Jakolien on 27 September, 2012

    Hi Joost,

    I just activated the feature in your awesome plugin on my site but reading through multiple articles and the Twitter developer copy I am not really sure about what to add to the section once off?

    Can you explain what you need to do to activate for the first time before applying for the feature with Twitter?

    Thanks in advance!

    • Joost de Valk
      By Joost de Valk on 28 September, 2012

      You don’t need to do more than just fill in the form I linked to and activate the feature :)

      • Jakolien
        By Jakolien on 28 September, 2012

        Just submitted for both my sites! #exciting Have a great weekend! Cheers, Jakolien

  24. Joan Lanzagorta
    By Joan Lanzagorta on 1 October, 2012

    Hi, I just got an e-mail saying that my application was incomplete. When using Twitter Cards Preview Tool I get the following:

    Fetcher response code: OK
    MISSING_TAG: twitter:title

    Please help – it seems that the twitter:title tag is missing. I reviewed source code and yes, it seems it has all other Twitter Cards meta tags except twitter:title.

  25. Hannes Johnson
    By Hannes Johnson on 2 October, 2012

    I noticed one thing about Twitter Cards – I updated the (meta/og/twitter) description for one of my pages and the next time I posted a link to it on Twitter I didn’t see a summary for that tweet (even though it worked before). But a few days later, when I posted a link to that page on Twitter again I did see a summary.

    So, it’s possible that if you’re changing the Twitter Cards details Twitter needs a couple of days to crawl your site again, or something…

    Just FYI, in case this happens to other people :)