Page 1 of 1

<meta> Element Types of Meta Elements Rate Topic: -----

#1 kewlkreator  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 38
  • View blog
  • Posts: 1,065
  • Joined: 25-March 09

Posted 14 August 2009 - 11:22 AM

Welcome
Hello all. In this tutorial, I'm going to show you how to create <meta> elements and show how to use them.

Before you start
Before we begin, create a file called "index.html". This is where you'll create any tests with <meta> tags. Also, you should have some basic HTML knowlege.
<html>
<head>
<!-- Meta Tags Here --!>
<title>Meta Tutorial by kewlkreator</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>

This is our template, call it index.html.

The <meta> Tag
All meta tags are "single" meaning they end with /> and dont have a </meta> tag to close it. An example is the <img> tag which is similar in structure. Most meta tags look like:
<meta name="content-type" content="my-content" />

However, some meta tags can look like this:
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

Notice that it still has a content="" atribute.

Description
Descriptions are used by some search engines to grab the description of a page. To define a description:
<meta name="description" content="kewlkreator is awesome" />

Note: not all search engines use meta tags in their content. Google, for example, refused to use meta tags in their searches. It is still good practice to place them anyway.

Keywords
Keywords are also used in some search engines to aid in the process of finding the right page. A keyword meta tag:
<meta name="keywords" content="kewlkreator, meta, tag, tutorial" />

Again, this tag is not used by some major search engines due to the use being abused. People who wanted their site promoted would enter a dictionary full of words. This is not encouraged by me or anyone else by ANY means.

Unknown
Sometimes, a meta tag can be found like this:
<meta name="security" content="low" />

Tags like these show something unique to the site or a specific search engine. These tags are not always correct and are not encouraged for use by the W3C or any other major WWW community.

Content-type
This meta tag is used to define the character set for a site. Example:
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />


Copyright
This tag will NOT protect you from illegal copyright. Consult an attorney if you would like to secure the content on your site.
<meta name="copyright" content="Copyright 3003" />


Designer
This tag will show the designer of a site.
<meta name="designer" content="Kewl Kreator" />

Alternatives for this is:
<meta name="generator" content="Dreamweaver CS4" />
<meta name="author" content="Kewl Kreator" />


Abstract
This tag is usualy used in academic papers, terms of use, etc.
<meta name="Abstract" content="Short description of page" />

This tag is also similar to the description tag stated previoulsy.

Google
Some tags that Google does support are like so:
<meta name="googlebot" content="noarchive" />

This will ask Google not to archive your site. Alternatives to this content are:
  • nosnippet || This attribute will not allow Google to display excerpt text in the SERPs or cached content.
  • noindex || Will stop indexing on Google.
  • nofollow || With the use of this attribute it will instruct Google not to pass any PageRank or link popularity to the link served, however, Googlebot may follow the web page link and index the page referenced.

Yay!
I hope that the use of this tutorial you have learned how to utilize and use <meta> tags in HTML documents. :)
~kewlkreator

Is This A Good Question/Topic? 3
  • +

Replies To: <meta> Element

#2 Guest_yurek*


Reputation:

Posted 16 February 2010 - 11:27 AM

Studying *** removed spam link *** I learned that search engines now ignore the meta tag <keywords>. Is this true?

This post has been edited by JackOfAllTrades: 26 February 2010 - 10:27 AM

Was This Post Helpful? 1

#3 kewlkreator  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 38
  • View blog
  • Posts: 1,065
  • Joined: 25-March 09

Posted 24 February 2010 - 05:13 AM

Large search engine do ignore those. However, some small ones still use them.
Was This Post Helpful? 2
  • +
  • -

#4 Harlen  Icon User is offline

  • New D.I.C Head

Reputation: 4
  • View blog
  • Posts: 40
  • Joined: 08-February 10

Posted 24 March 2010 - 08:36 AM

Thanks a lot! Before I couldn't understand the importance of meta tags, but now I'll use them all th etime. :bigsmile:
Was This Post Helpful? 0
  • +
  • -

#5 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3541
  • View blog
  • Posts: 10,225
  • Joined: 08-June 10

Posted 11 June 2010 - 12:32 AM

be aware that any MIME type headers sent by the server will overwrite what you write in the <meta http-equiv="Content-Type" content=""> tag.
Was This Post Helpful? 1
  • +
  • -

Page 1 of 1