Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Beginner's guide to Meta Tags

0.00/5 (No votes)
26 Jun 2002 1  
This is a guide to using HTTP-EQUIV and NAME meta tags.

What are meta tags?

Meta tags are tags that reside in between the <head> and </head> tags of your html. There are two different types of meta tags. One uses the NAME attribute, and the other uses the HTTP-EQUIV.

  • NAME: The name tags that do not correspond to HTTP headers.
  • HTTP-EQUIV: These are tags that do correspond to http headers.

Why use meta tags?

The http-equiv tags do not need to be used. In fact, neither do the name tags, except, without name tags, your website cannot be indexed by many search engines. Most search engines use a bot to crawl through the pages of your website, these bots look for certain name tags, that give information such as keywords and a description of the page. That data is then stored in the search engines database. An example of a typical meta name meta tag is:-

<meta name="keywords" content="key,word,about,my,site">
<meta name="description" content="my page is about bla">

At minimum you should put these tags in your pages.

The NAME tags

I have  listed a load of name tags that can be used, but only the ones marked with an * actually need to be used.

Description*

This is a short description of what is on the page. Important when the pages is a frameset.

<meta name="description" content="This site is full of code for programmers.">

Keywords*

These are important words that have something to do with the page. Words like the and other insignificant words would be ignored by the spider.

<meta name="keywords" content="c++, code, programming">

Author

This is the name of the author of the page.

<meta name="author" content="chris maunder">

Generator

Usually the name and version number of the tool used to make the page. With most programs, this is added to pages automatically. Possibly used by the application vendors, to discover market penetration.

Copyright

This is who the copyright for the page belongs to.

<meta name="copyright" content="chris maunder">

Robots

Controls how a spider indexes that page.

  • NOINDEX - tells the spider not to index anything on the page.
  • NOFOLLOW - tells the spider not to follow links on the page, and index those as well.
  • NOIMAGEINDEX - tells the spider not to index images on the page.
  • NOIMAGECLICK - tells the spider not to link directly to the image, but to the page it is on instead.
  • [Google Only (I think)] NOARCHIVE - tells the spider not to cache the page.

<meta name="robots" content="NOINDEX">

The HTTP-EQUIV tags

Expires

This is used when the content on the page would expire. If a spider detects this, it would either delete the page from the search engine database, or re-index the page on the expiry date.

<META HTTP-EQUIV="expires" CONTENT="Thu, 27 Jun 2002 10:56:57 GMT">

Cache-Control

Tells the browser how to handle its caching of that page.

  • PUBLIC - may be cached in publicly shared caches.
  • PRIVATE - cached only in a private cache.
  • NO-CACHE - do not cache the page.
  • NO-STORE - may be cached but not archived.

<META HTTP-EQUIV="cache-control" CONTENT="no-cache">

Content-Type

This causes the browser to load the correct character set before loading the page.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

Content-Style-Type

This is how styles are defined in the page.

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

Content-Language

This of course, is the language the page is in.

<META HTTP-EQUIV="Content-Language" CONTENT="EN-GB">

Refresh

This tag causes the page to refresh and load the specified page after a specified amount of time. The delay is in seconds.

<META HTTP-EQUIV="Refresh" CONTENT="10; http://www.codeproject.com">

Set-Cookie

This allows the page to set a cookie to expire on a certain date.

<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=cp; expires=Thu, 27 Jun 2002 10:56:57 GMT; path=/">

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here