Twitter Tag



Track any hashtag on Twitter, or follow Twitter user and get an in-depth analysis. Disclose the trending hashtags, monitor relevant content and find Influencers you should know about. TMH Real-time tracker fetches the live Twitter hashtag analytics of a topic, analyzes it and displays it on analytics dashboard. It can track any hashtag, keyword, @mention or any topic from Twitter. Add the correct meta tags to the page. Run the URL through the validator tool to test. After testing in the validator or approval of your Player Card, Tweet the URL and see the Card appear below your Tweet in the details view. We hope you enjoy using Twitter Cards, and if you have any questions, drop us a line on the Twitter Cards Forum.

One of my favorite social APIs was the Open Graph API adopted by Facebook. Adding just a few META tags to each page allowed links to my article to be styled and presented the way I wanted them to, giving me a bit of control over how my content is presented on Facebook. Twitter's new Twitter Cards API allows for the same idea: add META tags to your pages to allow links to your site to be more informational when tweeted. Implementing Twitter Card META tags on your site takes five minutes, applying for approval from Twitter takes another five minutes, and from that point forward, your content is presented much more professionally. Let's get started!

Twitter Card META Tags

Tag

There are three types of Twitter Cards: summary, photo, and video. The summary Twitter Card is for articles and text-based content, while photo and video cards are self-explanatory (YouTube uses the video card type, for example). There are a few META tags used for all card types, then a few more that are card-type-specific. All META tag name attributes are prefixed with twitter:.

Generic META Tags

META tags you would use in all card cases include:

  • twitter:card - The type of card to be created: summary, photo, or video.
  • twitter:url - The URL that should be used for the card. This will likely be the same URL as the page's canonical link.
  • twitter:title - The title as it should display in the Twitter Card.
  • twitter:description - A 200 character summary of the content at the given URL.
  • twitter:image - A representative image URL for the content. In many cases, simply providing your logo's URL will be just fine.

Each of these items get their own META tag, so the Twitter Card META tags for this page would look like:

Twitter also provides attribution META tags for content, providing an opportunity for authors to get credit within the TwitterCard:

  • twitter:site - The Twitter username used by the given site including the '@'
  • twitter:creator - The Twitter username of the individual author of the content

I use the same handle for the site and author, though I could use my @davidwalsh account for the creator if I wanted:

These are the basic META tags you'll want to use whenever creating Twitter Cards. Let's have a look at the tags specific to image and video cards!

Image and Video META Tags

Media-specific cards require a bit more information about the media itself, so for image and video cards, these additional tags are useful:

Twitter Tag A Friend

  • twitter:image:width - The width of the image
  • twitter:image:height - The height of the image
  • twitter:player - URL to the IFRAME'd player, must be HTTPS
  • twitter:player:width - The width of the player IFRAME
  • twitter:player:height - The height of the player IFRAME
  • twitter:player:stream - The URL to stream as video
  • twitter:player:stream:content_type - The content type of the stream

Twitter video cards are much more involved than the other card types, but well worth configuring so that users can watch their videos within their Twitter app. Sample tags could look like:

Twitter provides a Card Preview utility so that you can ensure your META tags are used in a valid fashion. I recommend using this utility for all card types, but especially for video card types, as they require the most information.

Now that the Twitter Card META tags are in place, the next step is applying for approval from Twitter.

Applying for Twitter Card Approval

Twitter requires that your domain be approved before they will allow Twitter Cards for your site; this is likely to combat abuses like pornography and sites promoting illegal activity. When you apply for Twitter Card approval, you provide simple information about your site, like the Twitter username associated with the domain, which cards you intend on using, and so on:

Twitter mentions the approval process can tween five and ten days, but my site was approved in two days. Once your site is approved, links to your site containing the appropriate META tags will provide Twitter clients enough information to build Twitter Cards!

Twitter and Robots.txt

Twitter Tag List

If you're running into issues with your card content not being pull correctly, ensure that your robots.txt file isn't blocking Twitter. Twitter's bot is aptly named Twitterbot so check your robots.txt file for incorrectly Disallow rules!

Sample Twitter Card

The following image shows a Twitter card for this site:

Twitter Tagboard

At first I was upset about Twitter's idea of a Twitter Card because I assumed it would close down the platform, and to this point, no one knows if that will be the case. What I do know is that implementing Twitter Card META tags is incredibly easy and provides another way for business / site owners to effectively market their site. Twitter Cards are also nice for the user, allowing them to play videos within their Twitter client, or simply provide a visual associated with a given tweet.

Want to see Twitter Cards in action? Tweet a link to this or any other post on the site, then click/tap the tweet for the detailed view!

goglobalwithtwitterbanner

  • Using Twitter
    • Tweets
  • Managing your account
    • Login and password
  • Safety and security
    • Security and hacked accounts
  • Rules and policies
    • Twitter Rules and policies

Your username –– also known as your handle –– begins with the “@” symbol, is unique to your account, and appears in your profile URL. Your username is used to log in to your account, and is visible when sending and receiving replies and Direct Messages. People can also search for you by your username.

Note: Your display name –– referred to as name –– is a personal identifier on Twitter and is separate from your username. It can be things like something playful, a business name, or a real name, and is displayed next to your username. You can update your name at any time.

  • Your username must be more than 4 characters long and can be up to 15 characters or less.

  • Your username can contain only letters, numbers, and underscores—no spaces are allowed.

  • Your display name can be up to 50 characters long.

  1. Navigate to Settings and privacy and tap Account.
  2. Tap Username and update the username currently listed in the Username field. If the username is taken, you'll be prompted to choose another one.
  3. Tap Done.
Twitter tag generator
  1. Navigate to Settings and privacy and tap Account.
  2. Tap Username and update the username currently listed in the Username field. If the username is taken, you'll be prompted to choose another one.
  3. Tap Done.
  1. Click on the more button from the navigation bar.
  2. Click on Settings and privacy.
  3. Click on Your account.
  4. Click on Account information.
  5. You will be prompted to type in your Twitter account password to confirm it’s you.
  6. Under Account information, update the username currently listed in the Username field. If the username is taken, you'll be prompted to choose another one.
  7. Click the Save button.

Note: Changing your username will not affect your existing followers, Direct Messages, or replies. Your followers will simply see a new username next to your profile photo when you update. We suggest you alert your followers before you change your username so they can direct replies or Direct Messages to your new username. Additionally, please note that once you change your username, your previous username will immediately be available for use by someone else. Is the username you’d like taken or inactive? Read our article about username registration.

Bookmark or share this article





Comments are closed.