Twitter Card Generator

Generate Twitter Card tags for your web page.

Result

Share on Social Media:

Our Twitter Card Generator helps you create Twitter meta tags for your web pages.

Twitter Card markup  or Twitter Card tags are placed in the ‹head› section of  the HTML code of a webpage. These tags allow web publishers to define the appearance of their content when shared on X (formerly known as Twitter).  Twitter Card tags have twitter: before property name.

How to Use

To generate Twitter Card tags start by selecting the card type you wish to create from the drop down list:

  • Summary: A simple card with a title, description, and thumbnail
    ‹meta name="twitter:card" content="summary"›
  • Summary with Large Image: Similar to the Summary card, but with a large image
    ‹meta name="twitter:card" content="summary_large_image"›
  • App: A card with a direct download to a mobile app
    ‹meta name="twitter:card" content="app"›
  • Player: A card that can display video/audio/media
    ‹meta name="twitter:card" content="player"›

Provide additional details, specific to the selected card type.

The generated tags can be added to the ‹head› section of the HTML code of the related web page. Also, make sure Twitterbot is allowed to scan the page with card markup; otherwise, no card will be shown. If an image URL is blocked, no thumbnail will be shown.

For more details check Twitter Cards markup

Summary Card and Summary Card with Large Image

  • Site Username (optional): Specifies the Twitter account the card should be attributed to
    ‹meta name="twitter:site" content="@ExampleUser"›
  • Title (required): A short title of the page to be mentioned on the Twitter Card (max 70 characters)
    ‹meta name="twitter:title" content="Sample Title"›
  • Image URL (optional): Provides the URL of the unique image representing the content of the page. Images for a Summary card should have  minimum dimensions of 144x144 or maximum of 4096x4096 pixels.  Images for a Summary card with large image should have  minimum dimensions of 300x157 or maximum of 4096x4096 pixels.  Image size should not exceed 5MB. JPG, PNG, WEBP and GIF formats are supported, SVG is not supported. Only the first frame of an animated GIF will be used
    ‹meta name="twitter:image" content="https://example.com/image.png"›
  • Description (optional): A description of the content of the page presented on the Twitter Card (maximum 200 characters)
    ‹meta name="twitter:description" content="Sample Description."›

Player Card

  • Site Username (required): Specifies the Twitter account the card should be attributed to
    ‹meta name="twitter:site" content="@ExampleUser"›
  • Title (required): A short title of your content as it should appear on the Twitter Card (max 70 characters)
    ‹meta name="twitter:title" content="Sample Title"›
  • Image URL (required): Specifies the URL of the unique image to be displayed in place of the player on platforms that don’t support iFrames or inline players. The image should have the same dimensions as your player. Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported
    ‹meta name="twitter:image" content="https://example.com/image.png"›
  • Description (optional): A description of the content presented on the Twitter Card (maximum 200 characters)
    ‹meta name="twitter:description" content="Sample Description."›
  • Player URL (required): A https URL to iFrame player
    ‹meta name="twitter:player" content="https://example.com/player.html"›
  • Player Width (required): Width of the player’s iFrame in pixels
    ‹meta name="twitter:player:width" content="480"›
  • Player Height (required): Height of the player’s iFrame in pixels
    ‹meta name="twitter:player:height" content="480"›

App Card

  • Site Username (required): Specifies the Twitter account the card should be attributed to
    ‹meta name="twitter:site" content="@ExampleUser"›
  • App Name (required): The name of your app
    ‹meta name="twitter:app:name:googleplay" content="ExampleApp"›
    ‹meta name="twitter:app:name:ipad" content="ExampleApp"›
    ‹meta name="twitter:app:name:iphone" content="ExampleApp"›
  • App Country (optional): If your application is not available in the US App Store, you must set this value to the two-letter country code for the App Store that contains your application
    ‹meta name="twitter:app:country" content="DE"›
  • App IDs (required): Should be the representation of your app ID in the App Store and in Google Play
    ‹meta name="twitter:app:id:googleplay" content="com.example.myapp"›
    ‹meta name="twitter:app:id:ipad" content="1234567890"›
    ‹meta name="twitter:app:id:iphone" content="1234567890"›
  • App URLs (optional): Your app’s custom URL scheme (you must include ”://” after your scheme name)
    ‹meta name="twitter:app:url:googleplay" content="https://example.com"›
    ‹meta name="twitter:app:url:ipad" content="myapp://somepath"›
    ‹meta name="twitter:app:url:iphone" content="myapp://somepath"›