Some important meta tags must have on your website
meta tags for google plus, twitter And Facebook
In this topic we’ll discuss about meta tags, Why meta tags important why you should use proper meta tags on your website so that your website could index on search engine in proper way.
What is meta tags?
Meta tags can be used to provide information to all sorts of clients, they provide information such as who created the page, how often it is updated, what the page is about, and which keywords represent the page’s content. Meta tags are added to the section of your HTML page and generally look like this:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="Description" CONTENT="website description"> <meta name="google-site-verification" content="1323kdjfdkjfdnxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908="/> <title>Your website title </title>
Most common meta tags for search engines like google, yahoo etc
<title>Your website title </title> <meta name="Keywords" CONTENT="website forced keywords"> <meta name="Description" CONTENT="website description"> <meta name="robots" content="index,follow">
Above are the most common recommended meta tags by google, If you want to display your website pages in google search in proper manner.
In the above image you can see google search result with formatted article with title and meta tags.
Now if you want to share your page on facebook, twitter and google plus then you must include some social meta tags on your page so that at the time of sharing page, Social website can understand that what most important content of the page have to share
Now some most important social meta tags.
Social meta tags for facebook
<meta property="og:url" content="http://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Website Title" /> <meta property="og:description" content="Your description" /> <meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />
Use facebook debugger tool to validate meta information.
https://developers.facebook.com/tools/debug
Social meta tags for twitter
<meta name="twitter:card" content="summary"/> <!-- Type of card --> <meta name="twitter:site" content="Website Name"/> <meta name="twitter:title" content="Website Title"> <meta name="twitter:description" content="Website Description"/> <meta name="twitter:creator" content="Author Name"/> <meta name="twitter:image:src" content="Image Path"/> <meta name="twitter:domain" content="Your Domain name"/>
Before adding these twitter social tags don’t forget to validate your website from twitter
https://dev.twitter.com/docs/cards/validation/validator
Social meta tags for google plus
<meta itemprop="name" content="Website Name"/> <meta itemprop="description" content="Website Description"/> <meta itemprop="image" content="Image Path"/>
Use google structured data testing tool to check meta tags are working properly or not.
http://www.google.com/webmasters/tools/richsnippets
Hope this tutorial will help you to understand commonly used and social meta tags.