6 Important Features as How to do it using Meta Tags

Magazine 17 Nov , 2014  


meta tagsMeta Tags are something in your source code which have some magical effects for your web page. As meta tags are useful from SEO aspect it also does something which we think we can only do from javascript or jQuery.

Here are 7 major features of web page which you can achieve using Meta Tags –

1. Refreshing Web Pages

You can set a page to refresh after a certain time, so that page will be auto-refresh after that time . you can set its http-equiv attribute to refresh and its content to be the number of seconds like –

<meta http-equiv=“refresh” content=“20”>

This meta-tag specification above will make the browser reload the page every 20 seconds.


2. Redirecting To Another URL

There are situations when we just want to redirect the page to some other url after certain time.. we can also using refresh meta tag to redirect the page to the other specific URL, lets see how it looks like –

<meta http-equiv=“refresh” content=“5; url=http://codesupport.info/”>

Now in the above code we can specify new url by placing a semicolon(;) after the number of seconds and then by putting the url.


3. Setting an expiration Date in Browser

we can also set some Expiry date to ensure that cached page will be refreshed after some certain time from server, rather than coming from cache technique we described above.

<meta http-equiv=“expires” content=“Sat, 17 Nov 2014 5:00:00 GMT” />

Above meta tag describes that the document will be expired after the given date, If you set it to “0” zero, the browser will check for a fresh document on server on next visits.


4. Handling Browser Cache

If you ¬†know something about cache, then it may be it is small size of memories which are used by web browsers to save the assets of the page and make it faster when it load next time.. You may have also came accross this issue that when you make changes in your page, it doesn’t reflect changes you’ve just made… Its browser’s cache. You can disable it using meta tags, Lets see following example-


<meta http-equiv=“Cache-Control” content=“no-store”>

Above meta tag is recognized in Firefox, IE, and Chrome. Even more so in Internet Explorer, where we can user more specifications to disable caching as follows-

<meta http-equiv=“Cache-Control” content=“no-cache”/>

So this is how it works.


5. Meta Tags with Cookies

As we all know cookies is a small piece of data that stored in the browser by the website you’ve visited, it store the data for a specific time duration, to follow up some functionalities. Following code is an example of this for setting cookies on meta tag –

<meta http-equiv=“Set-cookie” content=“name=data; path=path; expires=Day, DD-MM-YY HH:MM:SS ZONE”>

In above code, name=data is the name of the cookie which determines the values set in it. path is the path of the document.


6. Meta Keywords and Meta Description Tags Tips

When we discuss about Meta Tags, I shouldn’t leave Meta keyword and Meta description tags. Lets find out some important points which we should remember when we give Meta keywords and Meta Description tags –

  • Use keywords in your meta description tag.
  • Try not to repeat the words overly often, but try to use multiple syntaxes of your key words.
  • There should not be more than 150 characters in a description meta tag of a single web page.
  • Use a different meta description tag for each page, as each page is different and stands a better chance of being found if you place a good title and description on it.
  • Use synonyms for meta keywords.
  • Use unique keywords.
  • No need to repeat any given phrase or keyword.
  • You can repeat any word an unlimited amount of time as long as each time it is part of a different phrase.

, , ,