Social Meta Tags for Google, Twitter and Facebook


Meta tags are the HTML or XHTML <meta … > element used to provide structured metadata about a Web page. Multiple Meta tags with different attributes are often used on the same page. Meta tags can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes.The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

Note: <meta> tags always goes inside the <head> element. Metadata is always passed as name/value pairs. In HTML the <meta> tag has no end tag. In XHTML the <meta> tag must be properly closed.

I have already posted the blog with name META Tags for HTML.

Meta Tags for Discoverability

This helps to improves Google ownership for search engine optimization(SEO).
<meta property="place:location:latitude" content="13.062616"/>
<meta property="place:location:longitude" content="80.229508"/>
<meta property="business:contact_data:street_address" content="Street Name"/>
<meta property="business:contact_data:locality" content="City Name"/>
<meta property="business:contact_data:postal_code" content="ZIP Code"/>
<meta property="business:contact_data:country_name" content="Country"/>
<meta property="business:contact_data:email" content="cotact@mail.com"/>
<meta property="business:contact_data:phone_number" content="+91 1234567890"/>
<meta property="business:contact_data:website" content="http://www.website.com"/>

Google Plus

Here add you website details.
<meta itemprop="name" content="Website Name"/>
<meta itemprop="description" content="Website Description"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>

Google Structured Data Testing Tool
http://www.google.com/webmasters/tools/richsnippets

Twitter

<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="Website Name"/>
<meta name="twitter:title" content="Website Name">
<meta name="twitter:description" content="Website  Description"/>
<meta name="twitter:creator" content="Author Name"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>

Twitter Verification - Validate your website here
https://dev.twitter.com/docs/cards/validation/validator

Facebook

Modify with your website and Facebook profile details.
<meta property="og:type" content="profile"/> 
<meta property="profile:first_name" content="First Name"/> 
<meta property="profile:last_name" content="Last Name"/>
<meta property="profile:username" content=""/>
<meta property="og:title" content="Website Name"/>
<meta property="og:description" content="Website  Description"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.website.com"/>
<meta property="og:site_name" content="Website Name"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>

Facebook debugger tool to validate meta information
https://developers.facebook.com/tools/debug