Important meta tags for social media

When you are concerned with sharing your web pages on social media there are few important meta tags you should add in your HTML, which will show your content properly on social media. These meta tags will represent a nice image to represent your share, a nice title and will written short description.

We will discuss meta tags for three popular social media Twitter, Facebook, Google Plus and important meta tags to represent your content for search engines. Remember to add all this tags inside head the head tag in your HTML.

Meta tags for search engine

There are two important meta tags which should be added in HTML to represent your web page content on search engines like Google and Bing. But you can add meta tag for keywords for as well but thats not very important.

<title>Web Page Title</title>
<meta name="description" content="Your Page description">
<meta name="keywords" content="Some nice Keywords">

When search engine index your page the will look for these meta tags and show them in their listing. If you don't provide these tags search engines will pick some text from the page and show on the result. With these meta tags your link in search engine will look like this.

Meta tags for facebook

Following are some important meta tags for your post to look good in facebook.

<meta property="og:title" content="Page title" />
<meta property="og:url" content="Your page URL" />
<meta property="og:description" content="Page description" />
<meta property="og:image" content="Any image you want to show for post" />
<meta property="fb:admins" content="Your fb id" />

With this meta tags your post in facebook will look like this

Meta tags for Google Plus

For Google Plus you can add following meta tags to improve your shared content look.

<meta itemprop="name" content="Page title">
<meta itemprop="description" content="Page description">
<meta itemprop="image" content="Image url"> 

After adding this meta tags your post in Google plus will look like this

Meta tags for Twitter

Following are the important meta tags to create twitter card.

<meta name="twitter:title" content="Page title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:site" content="Site name">
<meta name="twitter:url" content="Page url">
<meta name="twitter:creator" content="User name">
<meta name="twitter:image" content="Image url">
<meta name="twitter:domain" content="Website name">

These meta tags will make your content in twitter card will look like this