{"id":2670,"date":"2021-05-19T09:17:20","date_gmt":"2021-05-19T09:17:20","guid":{"rendered":"https:\/\/www.seotesteronline.com\/?p=2670"},"modified":"2021-06-17T12:50:39","modified_gmt":"2021-06-17T12:50:39","slug":"twitter-cards","status":"publish","type":"post","link":"https:\/\/www.seotesteronline.com\/blog\/seo-social\/twitter-cards\/","title":{"rendered":"Guide to Twitter Cards: what are they?"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>If you use or have ever used Twitter you will most likely have seen and interacted with <strong>Twitter Cards<\/strong>.<\/p>\n<p>We already know what you are thinking right now: <strong>what are Twitter Cards<\/strong>?<\/p>\n<p>We will see it today in this article and we will understand why it is important to use them in your SEO Strategy.<\/p>\n<p>We will then show you what types of Twitter Cards exist and how to create one optimized in a few simple steps.<\/p>\n<h2>What are Twitter Cards?<\/h2>\n<p>Twitter Cards are a powerful tool with which you can attach photos, videos, and multimedia experiences to your tweets.<\/p>\n<p>This allows you to bring traffic to your website from your Twitter profile or any other tweet profile.<\/p>\n<h3>Types of Twitter Cards<\/h3>\n<p>There are 4 different types of Twitter Cards for different consumer experiences, both mobile, and desktop.<\/p>\n<p>We distinguish:<\/p>\n<ul>\n<li><strong>Summary Card:<\/strong> card in which to insert title, description, and thumbnail;<\/li>\n<li><strong>Summary Card With Large Image:<\/strong> similar to Summary Card, but with a larger thumbnail;<\/li>\n<li><strong>App Card:<\/strong> a Twitter card with a direct download to a mobile application in the Apple Store or Play Store;<\/li>\n<li><strong>Player Card:<\/strong> can provide video, audio, or media.<\/li>\n<\/ul>\n<h3>Why should you use Twitter Cards?<\/h3>\n<p>According to some data reported by <a href=\"https:\/\/blog.twitter.com\/en_us\/a\/2014\/increase-traffic-and-conversions-with-the-new-website-card.html\" target=\"_blank\" rel=\"noopener noreferrer\">the official Twitter Blog<\/a>, Twitter Cards drive some important benefits in terms of performance.<\/p>\n<p>It has been found an increase of <strong>64% on URL clicks<\/strong>\u00a0and an increase of <strong>26% on engagement rate<\/strong>.<\/p>\n<p>Other good reasons to use this tool are:<\/p>\n<ul>\n<li>Increase in the <strong>number of downloads<\/strong> of the apps posted;<\/li>\n<li><strong>Analyze tweets of this type in detail<\/strong>, observing clicks, app installation or sharing;<\/li>\n<li>Encourage <strong>engagement<\/strong> and <strong>interactions<\/strong>.<\/li>\n<\/ul>\n<h2>How to create and post Twitter Cards?<\/h2>\n<p>What you need to do is add <strong>a few lines of HTML code<\/strong> to your web page, so that users who link to your content will have a &#8220;Card&#8221; added to the Tweet that will be visible to their followers.<\/p>\n<p>First choose the type of Card to implement and add the correct meta tags to the page.<\/p>\n<p>Here is an example of a Summary Card:<\/p>\n<p>&lt;meta name=&#8221;twitter:card&#8221; content=&#8221;summary&#8221;&gt;<br \/>\n&lt;meta name=&#8221;twitter:site&#8221; content=&#8221;@publisher_handle&#8221;&gt;<br \/>\n&lt;meta name=&#8221;twitter:title&#8221; content=&#8221;Page Title&#8221;&gt;<br \/>\n&lt;meta name=&#8221;twitter:description&#8221; content=&#8221;Page description less than 200 characters&#8221;&gt;<br \/>\n&lt;meta name=&#8221;twitter:creator&#8221; content=&#8221;@author_handle&#8221;&gt;<br \/>\n&lt;meta name=&#8221;twitter:image&#8221; content=&#8221;https:\/\/www.seotesteronline.com\/wp-content\/uploads\/2019\/12\/seo-editor-image-e1576082747313.jpg&#8221;<\/p>\n<p>If you use WordPress, we suggest to use plugins like <a href=\"https:\/\/yoast.com\/wordpress\/plugins\/seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast SEO<\/a>, <a href=\"https:\/\/rankmath.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rank Math<\/a> and <a href=\"https:\/\/www.seopress.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEOPress<\/a> in order to quickly setup Twitter Cards on your web pages.<\/p>\n<p>Once downloaded, simply log into your admin section and go to the Yoast SEO-Twitter section. Then you can edit all the data related to the Twitter Card as Title, Description, and Image.<\/p>\n<p>Remember, you can only have one Twitter Card per Tweet.<\/p>\n<h3>Twitter Cards: some Best Practices<\/h3>\n<p>To create great Twitter Cards that carry traffic you need to follow 5 simple tips:<\/p>\n<ul>\n<li>Enter a description up to 200 characters long;<\/li>\n<li>Enter a descriptive page title up to 70 characters long;<\/li>\n<li>Specify the type of Twitter Card to best show the content of your page when the URL will be shared;<\/li>\n<li>Specify the URL to have a complete and effective Twitter Card;<\/li>\n<li>Optimize all elements of the Twitter Card i.e. Title, description, image to improve the user experience.<\/li>\n<\/ul>\n<h3>Pictures for Twitter Cards<\/h3>\n<p>Remember that Twitter Cards support: <strong>PNG, WEBP, GIF, and JPG<\/strong> as image formats.<\/p>\n<p>In Twitter Cards, images are fundamental. It is what your follower sees first.<\/p>\n<p>For Summary Cards images cannot exceed <strong>1 MB<\/strong> and must be <strong>at least 120 x 120 pixels<\/strong>.<\/p>\n<p>For Summary Cards With Large Image the minimum image size is 280 x 150 pixels.<\/p>\n<p>App Cards and Player Cards require images with a minimum size of 800 x 320 pixels and 640 x 480 pixels respectively.<\/p>\n<h3>How to check your Twitter Cards?<\/h3>\n<p>To check if you have correctly integrated all the parts in your Twitter card we recommend 2 tools:<\/p>\n<p><a href=\"https:\/\/cards-dev.twitter.com\/validator\" target=\"_blank\" rel=\"noopener noreferrer\">Card Validator:<\/a> Twitter tool that allows you to preview your Cards and modify them accordingly.<\/p>\n<p><a href=\"https:\/\/www.seotesteronline.com\/seo-checker\/\">SEO Checker<\/a>: with this tool you can see the score assigned to your Twitter Cards and solve problems related to it to increase the traffic on your page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2730\" src=\"https:\/\/www.seotesteronline.com\/wp-content\/uploads\/2020\/04\/seo-checker-twitter-cards-seotesteronline.png\" alt=\"controllo twitter card seo checker\" width=\"1494\" height=\"914\" \/><\/p>\n<h3>Optimize your presence on Social Media<\/h3>\n<p>Social Media is still a great opportunity to make your website grow and to diversify your traffic sources. Don&#8217;t underestimate social channels, even if the majority of your traffic comes from Search Engines.<\/p>\n<p>Give a look at our favorite <a href=\"https:\/\/www.seotesteronline.com\/blog\/seo-social\/social-plugins-wordpress\/\">WordPress plugins for Social Media<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we will understand why it is important to use them in your SEO Strategy!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[155],"tags":[],"acf":[],"lang":"en","translations":{"en":2670,"it":2667},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/posts\/2670"}],"collection":[{"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/comments?post=2670"}],"version-history":[{"count":13,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/posts\/2670\/revisions"}],"predecessor-version":[{"id":4710,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/posts\/2670\/revisions\/4710"}],"wp:attachment":[{"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/media?parent=2670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/categories?post=2670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seotesteronline.com\/wp-json\/wp\/v2\/tags?post=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}