Meta tags for Description and keywords in a HTML page

We know html document consist of tags. Some of these HTML tags have no control over display of the page and they only used for search engines or for different robots who index the page. One of Such tag is meta tag. The most popular two Meta tags are Description Meta tag and Keyword meta tag.

HTML basic tags and understanding of types structure meta with formatting & control of page layout

Description meta tag contains a full sentence to give the best description about the page. Google insist through its webmaster tool about the minimum and maximum length of the description tag.

Keyword Meta tag consist of a set of different keywords used within the page. Webmasters use this tag to tell engines to rank this page for these set of keywords. However this tag is no longer considered by modern engines in their ranking but there is nothing wrong in having them. Let us start with some examples.

Description meta tag

<META NAME="DESCRIPTION" CONTENT="HTML tags and how to use them in your
 web page for formatting and SEO issues">

Keyword Meta tag

<META NAME="KEYWORDS" CONTENT="HTML tutorial, HTML tags, format page,
 tags for web page, web tags, bold tag">

There can be some specific meta tags like author name , version name of the page etc but some of them are ignored by engines. Here are some examples.

<META NAME="REVISIT-AFTER" CONTENT="2 days">
<META Name="Author" Content="Raju">
<META Name="Robots" Content="index,follow">
<META Name="Googlebot" Content="index,follow">

Revisit –after : This tag is unnecessary as bots have their own schedule of visiting and indexing pages.

Author name : This is a requirement of the google bot but again this is specific to engine and optional requirement.

Content Follow : No need to tell bots to do this, by default they crawl and index the content.

We can communicate some important information to engines through these tags. Here are some examples

NoIndex

Some pages we don't want to appear in search result, we can add this tag in head section.

<meta name="robots" content="noindex" />
<meta name="Googlebot-Image" content="noindex" />

First tag is for all the robots but second tag is applicable only for googlebot-Image crawler.

Nofollow

By adding a nofollow tag we can tell engines not to follow or trust links posted in this page. In comment posting area of your site or any other place where user generated content is available, you may not like to vote for the links as spammers use such areas to post links.

<meta name="robots" content="nofollow" />

viewport

<meta name="viewport" 
content="width=device-width,minimum-scale=1">

Web page is not only displayed in computer screens but also in all mobile devices and tabs . To view large pages designed for computer screens, we can use viewport to scale down the page to small devices.

Refresh

This code inisde HEAD will reload the page in every 15 seconds.

<meta http-equiv="Refresh" content="15">

More about Meta refresh tag
HTML Body tag Title tag of a web page
Introduction to HTML Page Structure Types of Tags
Standard Layout of web pages
HTML

ronald	03-07-2010
Its a good example of meta, but would be appreciated if it could have working examples

Meta Description and keyword tag

NoIndex

Nofollow

viewport

Refresh

Subscribe