{"id":28891,"date":"2022-07-22T15:21:27","date_gmt":"2022-07-22T15:21:27","guid":{"rendered":"https:\/\/zeru.com\/blog\/?p=28891"},"modified":"2022-07-22T15:21:27","modified_gmt":"2022-07-22T15:21:27","slug":"how-do-i-create-a-twitter-card","status":"publish","type":"post","link":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card","title":{"rendered":"How Do I Create a Twitter Card?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_43 counter-flat ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f9877c8628d\" class=\"cssicon\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><label for=\"ez-toc-cssicon-toggle-item-69f9877c8628d\"  class=\"cssiconcheckbox\">1<\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f9877c8628d\" ><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\/#How_Do_I_Create_a_Twitter_Card\" title=\"How Do I Create a Twitter Card?\">How Do I Create a Twitter Card?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\/#Description\" title=\"Description\">Description<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\/#Title\" title=\"Title\">Title<\/a><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"How_Do_I_Create_a_Twitter_Card\"><\/span>How Do I Create a Twitter Card?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p> <img decoding=\"async\" align=\"right\" style=\"height:auto; max-width:39% margin:0px 10px; max-height:294px; width:auto;\" alt=\"How do I create a twitter card\" src=\"https:\/\/i.imgur.com\/FOhbuaF.png\"> <\/p>\n<p>There are several different types of Twitter Cards. Some are for videos, photos, and articles. YouTube also uses video cards. There are some common META tags for each card type, and specific attributes for each type of card. The attributes are prefixed with twitter and include twitter:card, twitter:url, and twitter:title. The title is the description of the card, and it uses the canonical link of the page.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Description\"><\/span>Description<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The description of a Twitter Card can be up to 200 characters long. You can use JPG, PNG, WEBP, GIF, or even an animated GIF, but the maximum size is 4096&#215;4096 pixels. Images should be resized to fit the Twitter Card, so you should make sure the image you&#8217;re using is the same size as the player. Make sure to use an alt attribute to accommodate the visually impaired. Twitter Cards don&#8217;t currently support app cards.<\/p>\n<p>The description should be short, with no more than 200 characters. Before creating your Twitter Card, be sure to check your past URLs. This way, you can make sure your description is not more than 200 characters long. Remember that a small Twitter card description may not be enough to optimize your site for search engines, so a full audit is highly recommended. Here are some simple steps you can take to create a better Twitter card description:<\/p>\n<p>&#8211; Include a thumbnail image in your summary. Some people use large thumbnail images to grab attention on Twitter. If your content contains a thumbnail image, then you should consider using one instead. The larger image will grab the audience&#8217;s attention and increase the chances of a click through. If your card isn&#8217;t attractive, you&#8217;re missing out on a potential customer. So make it count! This simple method will give you a more professional-looking Twitter card description.<\/p>\n<p>Lastly, you should be aware that Twitter uses specific properties for cards. These tags need to be added to the head section of the website. Some of these are mandatory, while others are optional. See the full Cards Markup Tag Reference on Twitter Docs to learn more about these properties. You should have a clear understanding of what each of these tags mean and how to properly use them. This way, you can avoid duplicated information.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Title\"><\/span>Title<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In order to have a Twitter Card on your website, you should include the proper META tags in the title. Twitter uses this to show a 200-character summary and a representative image URL. The latter should be approved by Twitter before being used. The rest of the code is for the card itself. Follow the steps below to create a Twitter Card. However, keep in mind that you only have 200 characters, so use them wisely.<\/p>\n<p>If you want your Twitter Card to look its best, you must create a compelling title. It should be easy to understand and include a call to action such as &#8216;click here to expand&#8217;. Twitter will then display your card on your website. This will give you a higher chance of attracting visitors and boosting your website&#8217;s traffic. In addition, Twitter Cards can be used for promoting a new or fresh idea. Merriam-Webster&#8217;s summary card features a short, descriptive title under 70 characters. Its image is large enough to grab the attention of viewers.<\/p>\n<p>To create a Twitter card, you must make the appropriate markup code. It must contain the keyword hashtag. If you are not sure of the markup code for a Twitter card, you can always refer to Twitter&#8217;s documentation for more detailed help. In addition, you must ensure that the image you upload is of a good quality. If it isn&#8217;t, then you may be wasting your valuable space.<\/p>\n<p>Adding a picture is an excellent way to make your Twitter Card stand out and add some more content. However, remember that images must be under 5 MB in size, and the main focus of the image should be in the center. Twitter cards are compatible with the Open Graph protocol, which is an open standard for metadata. Many websites use this to display rich link previews. Make sure to add the meta tags you need to make your Twitter Card look its best.<\/p>\n<p> <iframe allowfullscreen=\"true\" frameborder=\"0\" width=\"426\" height=\"238\" src=\"https:\/\/www.youtube.com\/embed\/-ddCp_ZD7NU\" style=\"margin:0px auto; display: block;\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How Do I Create a Twitter Card? There are several different types of Twitter Cards. Some are for videos, photos, and articles. YouTube also uses video cards. There are some common META tags for each card type, and specific attributes for each type of card. The attributes are prefixed with twitter and include twitter:card, twitter:url, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":33696,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.7 (Yoast SEO v21.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Do I Create a Twitter Card? - Zeru<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Do I Create a Twitter Card?\" \/>\n<meta property=\"og:description\" content=\"How Do I Create a Twitter Card? There are several different types of Twitter Cards. Some are for videos, photos, and articles. YouTube also uses video cards. There are some common META tags for each card type, and specific attributes for each type of card. The attributes are prefixed with twitter and include twitter:card, twitter:url, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\" \/>\n<meta property=\"og:site_name\" content=\"Zeru\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-22T15:21:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/How-Do-I-Create-a-Twitter-Card_28891.png\" \/>\n\t<meta property=\"og:image:width\" content=\"509\" \/>\n\t<meta property=\"og:image:height\" content=\"215\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lizzie Yates\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lizzie Yates\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\",\"url\":\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\",\"name\":\"How Do I Create a Twitter Card? - Zeru\",\"isPartOf\":{\"@id\":\"https:\/\/zeru.com\/blog\/#website\"},\"datePublished\":\"2022-07-22T15:21:27+00:00\",\"dateModified\":\"2022-07-22T15:21:27+00:00\",\"author\":{\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\"},\"breadcrumb\":{\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zeru.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Do I Create a Twitter Card?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zeru.com\/blog\/#website\",\"url\":\"https:\/\/zeru.com\/blog\/\",\"name\":\"Zeru\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zeru.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e\",\"name\":\"Lizzie Yates\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"contentUrl\":\"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg\",\"caption\":\"Lizzie Yates\"},\"description\":\"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.\",\"url\":\"https:\/\/zeru.com\/blog\/author\/writer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Do I Create a Twitter Card? - Zeru","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card","og_locale":"en_US","og_type":"article","og_title":"How Do I Create a Twitter Card?","og_description":"How Do I Create a Twitter Card? There are several different types of Twitter Cards. Some are for videos, photos, and articles. YouTube also uses video cards. There are some common META tags for each card type, and specific attributes for each type of card. The attributes are prefixed with twitter and include twitter:card, twitter:url, [&hellip;]","og_url":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card","og_site_name":"Zeru","article_published_time":"2022-07-22T15:21:27+00:00","og_image":[{"width":509,"height":215,"url":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/How-Do-I-Create-a-Twitter-Card_28891.png","type":"image\/png"}],"author":"Lizzie Yates","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lizzie Yates","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card","url":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card","name":"How Do I Create a Twitter Card? - Zeru","isPartOf":{"@id":"https:\/\/zeru.com\/blog\/#website"},"datePublished":"2022-07-22T15:21:27+00:00","dateModified":"2022-07-22T15:21:27+00:00","author":{"@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e"},"breadcrumb":{"@id":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zeru.com\/blog\/how-do-i-create-a-twitter-card#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zeru.com\/blog"},{"@type":"ListItem","position":2,"name":"How Do I Create a Twitter Card?"}]},{"@type":"WebSite","@id":"https:\/\/zeru.com\/blog\/#website","url":"https:\/\/zeru.com\/blog\/","name":"Zeru","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zeru.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/61005d9ec00b94bc50fbaf11b78aa55e","name":"Lizzie Yates","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zeru.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","contentUrl":"https:\/\/zeru.com\/blog\/wp-content\/uploads\/19-150x150.jpg","caption":"Lizzie Yates"},"description":"A content marketing strategist with the Zeru team for a little over 5 years, Lizzie Yates specializes in everything digital media with a particular focus on social media and technology. Her passion? To follow how the social media sites like Instagram, YouTube, Facebook, Twitter, and TikTok are maturing over time, and what businesses can do to keep up. She shares her insights on our blog in a true outpouring of knowledge and expertise. Her knowledge about technology and social media is vast, and she is always willing to share her insights with businesses to help them stay up-to-date with the latest trends.","url":"https:\/\/zeru.com\/blog\/author\/writer"}]}},"_links":{"self":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/28891"}],"collection":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/comments?post=28891"}],"version-history":[{"count":1,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/28891\/revisions"}],"predecessor-version":[{"id":28896,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/posts\/28891\/revisions\/28896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media\/33696"}],"wp:attachment":[{"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/media?parent=28891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/categories?post=28891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zeru.com\/blog\/wp-json\/wp\/v2\/tags?post=28891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}