How to use twitter card in a website?

How to use twitter card in a website?

146
0
SHARE
how to implement twitter card on site

You wouldn’t believe but there are various social networking websites which provide better GUI with the availability of professional developer’s presence. The team of developers provides us a customized section of codes to build our own micro site. A verified or usual account holder on twitter can get to know the facts of those websites and logic behind a robust and clean design. Twitter also has its API and different platforms to implement its own code to show the desired results what another require.

If you have own website and want whenever you share your web page in twitter or Facebook, the different contents like Title, description and image appear over there.  For its implementation we use twitter card or FB open graph. Here we have your attention on twitter cards.

In abbreviated form, twitter card is the sequence of those objects or entities which are sophisticated to display a different form of content while sharing a URL.

The objects required for Twitter Card are:

  1. Card“twitter:card”
  2. Url“twitter:url”
  3. Title“twitter:title”
  4. Description“twitter:description”
  5. Image“twitter:image”

Though there are various parameters to describe to form of shared URLs into social media site but these above parameter are good enough to use.

 Example:

<meta name=”twitter:card” content=”ABC – Abc Best Company”/>

<meta name=”twitter:url” content=”http://www.abc.com/”/>

<meta name=”twitter:title” content=”ABC – #1 Best Company in India”/>

<meta name=”twitter:description” content=”Put your description here – “155 character enough.” “/>

<meta name=”twitter:image” content=”http://www.abc.com/css/images/abc.png”/>

You must setup this code to the <head> section where you set your meta content.

You straightly can reach to the developer page of twitter account and can get Twitter card code. Implement it as per your website content and get the instant results by sharing in twitter.

Like this you can implement open graph code. You just have to put the code in <head> section of the website. To get the output of the used code you can test by sharing the URL in social media sites like (Facebook & twitter).

NO COMMENTS

LEAVE A REPLY