{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Increasing Engagement and Website Visits with Twitter Cards |Digital.gov",
    "description": "Increasing Engagement and Website Visits with Twitter Cards",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2015/05/07/increasing-engagement-and-website-visits-with-twitter-cards/index.json","item" : [
    {"title" :"Increasing Engagement and Website Visits with Twitter Cards","summary" : "May is #WorldTradeMonth and each year the U.S. Trade and Development Agency celebrates the month by highlighting the partnerships it has with 39 state and local organizations that promote U.S. exports in their home states through an initiative called #MakingGlobalLocal. What that means is that those 39 organizations with social media accounts, especially Twitter, will","date" : "2015-05-07T16:12:30-04:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"steve-lewis" : "Steve Lewis"},"topics" : {
        
            "social-media" : "Social media"
            },"branch" : "bc-archive-content-3",
      "filename" :"2015-05-07-increasing-engagement-and-website-visits-with-twitter-cards.md",
      
      "filepath" :"news/2015/05/2015-05-07-increasing-engagement-and-website-visits-with-twitter-cards.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2015/05/2015-05-07-increasing-engagement-and-website-visits-with-twitter-cards.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2015/05/2015-05-07-increasing-engagement-and-website-visits-with-twitter-cards.md","slug" : "increasing-engagement-and-website-visits-with-twitter-cards","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2015/05/07/increasing-engagement-and-website-visits-with-twitter-cards/","content" :"\u003cp\u003eMay is [#WorldTradeMonth](\u003ca href=\"https://twitter.com/search?f=realtime\u0026amp;q=%23WorldTradeMonth\u0026amp;src=typd\"\u003ehttps://twitter.com/search?f=realtime\u0026amp;q=%23WorldTradeMonth\u0026amp;src=typd\u003c/a\u003e \u0026ldquo;Twitter search results for the \u0026ldquo;World Trade Month\u0026rdquo; hashtag\u0026rdquo;) and each year the U.S. Trade and Development Agency celebrates the month by highlighting the partnerships it has with 39 state and local organizations that promote U.S. exports in their home states through an initiative called [#MakingGlobalLocal](\u003ca href=\"https://twitter.com/search?f=realtime\u0026amp;q=%23MakingGlobalLocal\u0026amp;src=typd\"\u003ehttps://twitter.com/search?f=realtime\u0026amp;q=%23MakingGlobalLocal\u0026amp;src=typd\u003c/a\u003e \u0026ldquo;Twitter search Results for the \u0026ldquo;Making Global Local\u0026rdquo; hashtag\u0026rdquo;).\u003c/p\u003e\n\u003cp\u003eWhat that means is that those 39 organizations with social media accounts, especially Twitter, will get mentioned in posts each day and may potentially share what USTDA tweets to their followers.  That equals quite a bit of visibility and engagement for not only the Agency I work for, but also the organizations we’re promoting.\u003c/p\u003e\n\u003cp\u003eA situation like this provides an excellent opportunity to add an innovative feature to our web pages that will get picked up in daily tweets surrounding World Trade Month and Making Global Local.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eMeet the Twitter Card\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIn order to maximize on the opportunity to increase website traffic and make our pages more visible/shareable on social media, we decided to add a \u003ca href=\"https://dev.twitter.com/cards/overview\"\u003eTwitter Card\u003c/a\u003e social media meta tag to key web pages on USTDA.gov that we plan to tweet about this month.\u003c/p\u003e\n\u003cp\u003eAfter including the proper embed code (which is provided by Twitter), we’re now able to provide links to websites with that code in our daily tweets. What you get as a result is a “summary” of the web page, which includes an image, a page headline and description, and a clickable link back to the website.  But perhaps the biggest benefit to this is that the summary does not take up extra character space, which normally occurs when you attach images, graphics, etc. Even better, the summaries are totally clickable and can drive people to your websites when standard images or graphics you would normally attach to tweets do not.\u003c/p\u003e\n\u003cp\u003eHere are a couple tweets with USTDA.gov website links that have the Twitter Card embed code on them:\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cdiv class=\"image\"\u003e\n    \u003cimg\n      src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/05/290-x-341-USTDA-twitter-card-1.jpg\"\n      alt=\"290-x-341-USTDA-twitter-card-1\"/\u003e\u003c/div\u003e\n  \n \u003cdiv class=\"image\"\u003e\n   \u003cimg\n     src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/05/290-x-341-USTDA-twitter-card-2.jpg\"\n     alt=\"290-x-341-USTDA-twitter-card-2\"/\u003e\u003c/div\u003e\n \n\n\u003c/p\u003e\n\u003cp\u003eAs you can see, the content of these two tweets takes up almost 140 characters on their own (a URL does take up at least 20 characters). With the added Twitter Card summaries, USTDA’s tweets now show up as completely customizable previews of the pages that are linked in both messages.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat the code looks like on the\u003c/strong\u003e \u003ca href=\"http://www.ustda.gov/news/pressreleases/2015/US/Press-Release_050515/Press-Release-USTDA-Celebrates-Making-Global-Local-and-US-Exports-During-World-Trade-Month_050515.asp\"\u003e\u003cstrong\u003eweb pages\u003c/strong\u003e\u003c/a\u003e \u003cstrong\u003ewhere\u003c/strong\u003e \u003ca href=\"http://www.ustda.gov/makinggloballocal/\"\u003e\u003cstrong\u003eI embedded it\u003c/strong\u003e\u003c/a\u003e \u003cstrong\u003e(feel free to “View Source Code” yourselves):\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e`\u003c!-- Update your html tag to include the itemscope and itemtype attributes. --\u003e\u003cbr /\u003e\u003c/p\u003e\n\u003chtml itemscope itemtype=\"http://schema.org/Article\"\u003e`\n\u003cp\u003e`\u003c!-- Place this data between the \u003chead\u003e tags of your website --\u003e\u003cbr /\u003e\u003c/p\u003e\n\u003ctitle\u003ePage Title. Maximum length 60-70 characters\u003c/title\u003e\u003cbr /\u003e\n\u003cmeta name=\"description\" content=\"Page description. No longer than 155 characters.\" /\u003e`\n\u003cp\u003e`\u003c!-- Twitter Card data --\u003e\u003cbr /\u003e\u003c/p\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\u003cbr /\u003e\n\u003cmeta name=\"twitter:site\" content=\"@USTDA\"\u003e\u003cbr /\u003e\n\u003cmeta name=\"twitter:title\" content=\"USTDA Celebrates Making Global Local and U.S. Exports During World Trade Month\"\u003e\u003cbr /\u003e\n\u003cmeta name=\"twitter:description\" content=\"ARLINGTON, Va. – World Trade Month is an excellent opportunity to celebrate the success of Made-in-America exports.\"\u003e\u003cbr /\u003e\n\u003cmeta name=\"twitter:creator\" content=\"@USTDA\"\u003e`\n\u003cp\u003e`\u003c!-- Twitter summary card with large image must be at least 280x150px --\u003e\u003cbr /\u003e\u003c/p\u003e\n\u003cmeta name=\"twitter:image:src\" content=\"http://www.ustda.gov/news/pressreleases/2015/US/Press-Release_050515/Image-Press-Release-USTDA-Celebrates-Making-Global-Local-and-US-Exports-During-World-Trade-Month_050515_650x320.jpg\"\u003e`\n\u003cp\u003eWhat you are seeing is an example of how we were able to include a larger-sized image that was created in InDesign to match the dimensions that Twitter recommends for Twitter Cards. Now Twitter does offer different card types, like a thumbnail image card that doesn’t take up as much real estate.\u003c/p\u003e\n\u003cp\u003eLike this one:\u003c/p\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/05/600-x-375-USTDA-twitter-card-3.jpg\"\n    alt=\"600-x-375-USTDA-twitter-card-3\"/\u003e\u003c/div\u003e\n\n\n\u003cp\u003eSo, with Twitter Cards, you do have a few customizable options to fit your needs just as long as you very carefully stick to the image resolution guidelines. With a little skill in Photoshop or InDesign (or by creating summary images with drag and drop services like Canva.com), you can easily replicate this process on your websites. Better yet, there are even modules out there for \u003ca href=\"https://wordpress.org/plugins/wp-social-media-meta-tag/\"\u003eWordPress\u003c/a\u003e or \u003ca href=\"https://www.drupal.org/project/metatag\"\u003eDrupal,\u003c/a\u003e that automates the social media meta tag process for you completely. Pretty awesome!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eIn summary\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eNot only does Twitter offer the ability to add character-free summaries to your Tweets, but this feature is also available for Facebook and Google+ as well. You can read more about that and how to customize the embed code, \u003ca href=\"https://moz.com/blog/meta-data-templates-123\"\u003ehere\u003c/a\u003e and \u003ca href=\"https://dev.twitter.com/cards/overview\"\u003ehere\u003c/a\u003e. Since I’ve placed Twitter Card embed codes on a few USTDA.gov webpages, we’ve seen a pretty good spike in website traffic. \u003cstrong\u003eIn addition,\u003c/strong\u003e \u003ca href=\"https://twitter.com/NorCal_WTC/status/593933628163301376\"\u003e\u003cstrong\u003eevery time our followers\u003c/strong\u003e\u003c/a\u003e \u003cstrong\u003eretweet tweets with links that have Twitter Card summaries, those same summaries show up on their feed too.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSo next time you have a communications plan you’re about to launch, try out a Twitter Card.\u003c/strong\u003e\u003c/p\u003e\n"}
  ]
}