What is Meta tag Introduction

What is Meta tag and where it Used

Metadata Elements or Meta tags provides the metadate about the HTML document, Metadate are not show on the page, but its machine parsable. Meta tags are used to specify the page description, Keywords, author for the page, last modified and other metadatas. Meta tags are found within the <head>…</head> section of your website pages. Meta tags plays important role in SEO (Search Engine Optimization).

Meta tag Attributes

The Most used Meta Tag attributes are :

  • Name
  • Content
  • http-equiv
  • scheme
  • charset

also some other meta attributes are: itemprop, property, dir, lang, xml:lang.

 

Meta tag attribute : Name

This Meta attribute ‘Name’ is used defines the name for the metadata, and it should not be set when any one these ‘itemprop, http-equiv or charset’ attribute is also set. The most used values for this metadata are “description,application-name, author, keywords, generator, etc… ”

Example:

<meta name=”description” content=”Learning about Meta Tags.” />
<meta name=”keywords” content=”HTML, Meta Tags, Metadata” />

Meta tag attribute : Content

This Meta attribute ‘content’ give the value associated with the name or http-equiv attribute. In the example below example content will give the value for the description, refresh respectively.

Example

<meta name=”description” content=”Learning about Meta Tags.” />
<meta http-equiv=”refresh” content=”30″ />

Meta tag attribute : http-equiv

This Meta attribute ‘http-equiv’ is used in place of ‘Name’ attribute., HTTP servers use this meta attribute to gather information for HTTP response message headers.

If you are not clear with the definition see the example below.,

<META http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

In this example It used to show what is the content type that the page used and the charset. Also it used in many other ways like to refersh the page, set expires dates, cookies etc…,

In following pages we discuss in detail about each meta tags.

Robots Meta tag

This Robots Meta tag give the message to search engines, need to index the current page in search engine or not.

Robots Meta tag – Syntax

<meta name=”robots” content=”index/noindex, follow/nofollow”>

Instead of ‘robots’ we can use search engine’s bots (user-agents) names, like Googlebot,Yahoo Slurp, bingbot, etc….

Robots Meta tag – Examples

Meaning for Each Robots Meta tag follows

<meta name=”robots” content=”index, follow”>
  • The spider(user-agent/bot) will now index your web page.
  • The spider will not only index the first webpage of your website but also all your other webpages.
<meta name=”robots” content=”noindex, nofollow”>
  • The spider(user-agent/bot) will not index this page and will not crawl through the rest of your webpages.
<meta name=”robots” content=”index, nofollow”>
  • The spider will now index only this page and stops there(not crawl rest of the pages).
<meta name=”robots” content=”noindex, follow”>
  • The spider will not index this page but will crawl through the rest of the pages on your website.
<meta name=”Googlebot” content=”noindex, follow”>
  • The google spider alone will not index this page but will crawl through the rest of the pages on your website.
  • Like this for all spiders we can separately give robots meta tag.

Meta keywords tag

This Meta keywords tag is used to add keywords to your website / page. Some search engines use this meta keywords tag. but google doesn’t account keyword tags

Meta keywords tag – Syntax

<meta name=”keywords” content=”keyword1, keyword2, keyword3″>

Meta Charset is used to specify the character encoding for the HTML document., The most commonly used character_set values are ‘UTF-8 , ISO-8859-1’

Meta keywords tag – Example

It’s very important to give correct or relevant keywords in the meta tag, else it will be index for wrong keywords, This keywords meta tag used in search engines like Bing, yahoo , etc…

Meta keywords tag length

Most of the search engines use first 10 keywords, so its add your important keywords first in the list.

Meta Description Tag

This Meta description tag is used to give short description of your website / page. This meta descriptions are mostly used on search engines like google, bing, yahoo, etc…,

Meta Description tag – Syntax

<meta name=”description” content=”Web page description”>

Meta Charset is used to specify the character encoding for the HTML document., The most commonly used character_set values are ‘UTF-8 , ISO-8859-1’

Meta Description tag – Example

Meta tag with good description will improve the CTR in search engines

Meta charset encoding tag

This meta charset was new meta for HTML5. It replaces the old meta format <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>

Meta Charset tag – Syntax

<meta charset=”character_set”>

Meta Charset is used to specify the character encoding for the HTML document., The most commonly used character_set values are ‘UTF-8 , ISO-8859-1’

Meta Charset tag – Example

There are many other character encodings available, click here to fine out