Meta Refresh Tag

The Meta Refresh Tag

One of the most common uses of the meta tag is to reload and redirect web pages. This tag is easy to use and misuse.

Reload the Current Page with the Meta Refresh Tag

The meta tag belongs within the <head> of your HTML document. When used to refresh the current page, the syntax looks like this:

<meta http-equiv="refresh" content="600">

<meta> – This is the HTML tag. It belongs in the <head> of your HTML document. You can learn more about the meta tag in the HTML tag library.

http-equiv="refresh" – This attribute tells the browser that this meta tag is sending an HTTP command rather than a standard meta tag. Refresh is an actual HTTP header used by the web server. It tells the server that the page is going to be reloaded or sent somewhere else.

content="600" – This is the amount of time, in seconds, until the browser should reload the current page.

One of the most common uses of the reload version of the refresh tag is to reload a page that has dynamic content on it. For example: a stock ticker or weather map. Some people also use them to reload ads, but that can annoy your readers.

Redirecting to a New Page with the Meta Refresh Tag

While being able to reload the current page is useful, it is not typically what people want from the meta refresh tag. To redirect to a new page, the syntax is nearly the same:

<meta http-equiv="refresh" content="2;url=http://webdesign.about.com/">

The only difference is in the content attribute.

content="2;url=http://webdesign.about.com/" – The number is the time, in seconds, until the page should be redirected. Then, separated by a semi-colon (;) is the URL that should be loaded.

When Using the Meta Refresh Tag, Remember:

Meta refresh tags have some drawbacks:

  • Meta refresh redirects have been used by spammers to fool search engines. So search engines remove those sites from their database. If you use a lot of meta refresh tags to redirect pages, the search engines may decide your site is spam and delete it from their index. It’s better to use a 301 Server Redirect instead.
  • If the redirect happens quickly (less than 2-3 seconds), readers with older browsers can’t hit the “Back” button. This is a usability problem.
  • If the redirect happens quickly and goes to a non-existant page, your readers won’t be able to hit the “Back” button. This is a usability problem that will cause people to completely leave your site.
  • Refreshing the current page can confuse people. If they didn’t request the reload, some people can get concerned about security.
You can leave a response, or trackback from your own site.

2 Responses to “Meta Refresh Tag”

  1. Mike Longs says:

    Yes! thought your post is a thought-provoker!

  2. Otelia Nastase says:

    Depends. Do you want to make great money, then you will have to have something unique. If you are just looking to get some $ then post your abilities on craigslist.

Leave a Reply