Nov 21, 2009
Pages: 1, 2, 3

Html Meta Tags Tutorial - -What it is/does; how to utilize it-

free web hosting

Read Latest Entries..: (Post #21) by HTML_Guru on Jun 25 2018, 12:02 AM.
ntt,There's actually a bit of a debate concerning the length of META tag description; more pertaining to the exact characters alotted for the description. It seems to vary among different websites and ideas but, the main point is, you DO want to limit the length to some degree - after some time it will become needless and unnecessary to the search engines, so, yeah, there is some limit to the length of descriptions. Oh, and keywords too, believe it or not......
read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion & Free Web Hosting > Computers & Tech > How-To's and Tutorials > Websites and Web Designing

Html Meta Tags Tutorial - -What it is/does; how to utilize it-

HTML_Guru
So, you've got your beginning page started, your homepage is defined, neat, and it looks like everyone will love it - STOP. Do you really think your site will be even accidently view by anyone, even if you do have a bought domain?! Don't kid yourself; the fact of the matter is, you're just one infantesimle speck in the universe of much greater websites than yours. Don't worry, though - I got your back. Here, I'm gonna explain what meta tags are, and what they're used for. I'm also going to show how to utilize them for your site, to increase your traffic.

What are Meta Tags/What are they Used for?
Meta tags are HTML tags which are used to identify your site. More specifically, as an example, meta tags will give your site at least the slim chance of being caught by the search engine crawlers*, which are, in a sense, lazy; they barely want to look at your site, they just want a "superficial" look; hence, the meta tags.

How do I Add them to My Site?
To add them to your site, first realize this form:
CODE
<html>
<head>
<title>YOUR TITLE HERE</title>
</head>
<body>

YOUR MAIN TEXT HERE

</body>
</html>


Meta tags fit in there right after the TITLE tag and before the end of the HEAD tag:
CODE
<html>
<head>
<title>YOUR TITLE HERE</title>

<meta http-equiv="content-type" content="text/html; charset=YOUR UNICODE HERE" />
<meta name="generator" content="YOUR GENERATOR HERE" />
<meta name="description" content="YOUR DESCRIPTION HERE" />
<meta name="author" content="YOUR NAME HERE" />
<meta name="reply-to" content="YOUR SITE/MAIN E-MAIL HERE" />
<meta name="title" content="YOUR SITE TITLE HERE" />

</head>
<body>

YOUR MAIN TEXT HERE

</body>
</html>


I'll explain some of the confusing meta tags:

UNICODE: Unicode is the necessary for identifying the specific set of characters that you use; sites without them will result in browsers using a default unicode.

GENERATOR: Generator is simply the program you used to create your HTML page; Stone's WebWriter, wysiwyg editors (though you might need the name of that editor), and others could fall into this category.

DESCRIPTION: C'mon, really? Do you really need me to tell you that description just implies the details of your site; what it's about?! Get a grip people!

AUTHOR: I'm not even explaining this one...

REPLY-TO: Just your e-mail that you can be reached at.

TITLE: The title of your site, jeez...


There you go; those were just some of the meta tags you can add to ultimately create more traffic to your site. Ask around, I'm sure you'll find some other useful tags to spice your site up.

Go for it...
---------------------------------------
crawlers*: simply put, the "robots" that anally search your site to identify; that's where my "meta tag" deal fits in. H**l, you could "loophole" the crawlers with incorrect data - might be a bit difficult though...
--------------------------------------

 

 

 


Comment/Reply (w/o sign-up)

OpaQue
Nice HTML META Tag tutorial. Will be really useful :-)

Comment/Reply (w/o sign-up)

Sarah81
Mmm ... META tags - some of my favorite HTML right there.

Excellent job on the tutorial. But I have one question: do search engines still do much with META KEYWORD tags?

Comment/Reply (w/o sign-up)

HTML_Guru
In actuality, yes. It does, as a matter of fact, way more towards getting your site noticed and added to search engines than without meta tags altogether. And of course, you can also buy higher search enginge positions. Yeah, you go ahead and dish out some $700 for that...

Comment/Reply (w/o sign-up)

vujsa
Well, many search engines pay much less attention to meta descriptions now than in the past because of faulst descriptions. Google doesn't pay any attention to the meta tags. Meta tages if accurate for your website will help on smaller link indexes and search engines. I have a small link indexing script tat uses the meta description as the link description.

Setting your meta tags is a very good idea even if the larger search engines pay less atttention to them now for many reasons. I recommend using meta in you website.

vujsa

Comment/Reply (w/o sign-up)

Logan Deathbringer
I have, in the past, submitted my site to many of the larger Search engins such as google and without meta tags I didn't even get listed in even the most obscure ways that you can get listed...such as just typing in your site url. Once I put in meta descriptions and keywords and was crawled again I was listed, sort of-had to type in my url into the search box and got a list of my pages..lol. So I don't know if having meta tags did anything for me but from what I just described it would seem that they did.

Just thought I would add my experiances here in hopes that they will help someone else in the future.

Comment/Reply (w/o sign-up)

minnieadkins
I agree with the above post. In my experience yahoo and altavista both require meta tags (for small sites) in order to be anywhere in the first page or two of results. Nice tut. A lot of these are fairly useful in everyday coding. =)

Comment/Reply (w/o sign-up)

jlhaslip
Hi to all. Just visiting for a bit from trap17.
Trying to improve my Html knowledge.
I'm not new, but far from 'experienced' like most of you folks in Html.
I have written a couple of sites/pages and each one builds upon what I've learned from the last one. Sound familiar?
Anyways, thanks for the information about meta-tags. Now could someone post a link for a site that lists out all the meta-tags available? There were some in the tutorial above which I never thought would be there, yet there they are. Most of the sites I have found discuss the typical ones and their uses, so what I am asking for is a site that is 'definitive' in the listing of available meta-tags. Please don't reccomend googling for it. I got lost in cyber-space last time I tried that search.
Thanks for any help you might make available.


Comment/Reply (w/o sign-up)

ntt
Thanks for the META Tag tutorial it helped smile.gif

But I have a very quick question is there a limit as to how much or how long your description is?
Because I've looked at some other sites META Tags and they have non ending descriptions with as many words they fit on there, kind of like keywords.

Does that really help getting you the top place in the searches?

Comment/Reply (w/o sign-up)

HTML_Guru
ntt,

There's actually a bit of a debate concerning the length of META tag description; more pertaining to the exact characters alotted for the description. It seems to vary among different websites and ideas but, the main point is, you DO want to limit the length to some degree - after some time it will become needless and unnecessary to the search engines, so, yeah, there is some limit to the length of descriptions. Oh, and keywords too, believe it or not...

Comment/Reply (w/o sign-up)

Latest Entries

HTML_Guru
ntt,

There's actually a bit of a debate concerning the length of META tag description; more pertaining to the exact characters alotted for the description. It seems to vary among different websites and ideas but, the main point is, you DO want to limit the length to some degree - after some time it will become needless and unnecessary to the search engines, so, yeah, there is some limit to the length of descriptions. Oh, and keywords too, believe it or not...

Comment/Reply (w/o sign-up)

lonebyrd
I just found this tutorial. I didn't realize what <META> tags really were about til a little while ago. But I thought that all search engines used them? Since Google doenst use <META>, how do you get noticed? Anyway, about the tutorial. It was extremely informative to me. I knew nothing of them, except what they did. Now I will know how to use them when I need them.

Comment/Reply (w/o sign-up)

crazyballer
go http://www.internet.com it has all the great links and tutorial and some other stuff I don't really look at

Comment/Reply (w/o sign-up)

ruben
Oh, thanks for clearing that up, I didn't know it is mandatory.
I always write it because I also look at my sites offline, therefore I never noticed.
I know, the tags I mentioned are not the creme de la creme of meta tags, but some of them are actually useful (especially the very popular expire and refresh tags)

Comment/Reply (w/o sign-up)

HTML_Guru
ruben,

Thanks for the extra tidbits!

Yeah, as you notice, I didn't post every META tag, mainly due to the fact that I find some unnecessary, and some - I don't even know of.

However, you spoke of how the CHARSET META tag is not necessary; however, in a sense, it is. See, for a website to be properly validated - for instance, XHTML conformed, etcetera, there needs to be a few mandatory tags; one, being the CHARSET tag. The CHARSET tag can properly identify the encoding for the browsers, and so it can be properly validated.

In XML documents, one can include the XML doctype, but this does not remove the need for the CHARSET META tag.

For more info, please check out validator.w3.org

Hope that helps!

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2, 3
Similar Topics

Keywords : html, meta, tags, tutorial, utilize

  1. 4 Html Based Website Tips
    (4)
  2. Coding Html Properly In The New Age
    (15)
    In all your html there are things you want to follow. Always use lowercase for your HTML Tags
    Don't use upper case. Upper case is bad (this can be hard to do if your like me and tend to
    write and then for closing:P). CODE Types of Staff Administrators: SilverFox,
    Danmidas Above: Bad Code Below: Good Code CODE Types of Staff Administrators:
    SilverFox, Danmidas Use Self-Closing Tags In html certain tags (ex. img, br, hr) didn't
    need closing tags. However its best to write them with something called self-closing tags. ....
  3. A Tutorial For Html Color Codes
    (7)
    HTML Coloring System - RGB Values RGB which stands for Red, Green, Blue. Each can have a value from
    0 (none of that color) to 255 (fully that color). The format for RGB is - rgb(RED, GREEN, BLUE),
    just like the name implies. Below is an example of RGB in use. Red, Green, and Blue Values:
    bgcolor="rgb(255,255,255)" White bgcolor="rgb(255,0,0)" Red bgcolor="rgb(0,255,0)" Green
    bgcolor="rgb(0,0,255)" Blue HTML Color Code - Breaking the Code The following table shows how
    letters are incorporated into the hexadecimal essentially extending the numbers system to 16 values....
  4. Integrating Html And Css
    (9)
    QUOTE(the_aggie10 @ Trap17.com) Ok. Well i am writing this as a series of tutorials i will be
    doing on this subject, so enjoy. I hope this helps. Introduction
    to HTML and CSS HTML and CSS are to work together. HTML is what puts the characters
    on the page, while CSS is what makes everything look outreageous! For instance, I would use HTML if
    i wanted to put "Trap17 is the poop!" onto my page, although if i wanted to make it look nice like
    this by adding a font, and maybe some color, then I would use CSS. Learn the ....
  5. {} Changing Font Color / Size {}
    Basic HTML for beginners (14)
    Changing the Size of your Font: - So you've got basic text on your website but its JUST
    not what you want. Why not change the size of your font. It can both attract and reject viewers so
    becareful how you use it. This tutorial will show you how to do that in very easy, basic steps!
    Getting Started.. - Changing the size of your font is quite easy. It requires TWO tags. These two
    tags require the Brackets and ending brackets (tags) . If you do not put the ending tag, the font
    size will effect your entire website, changing it to that font size. Below is wha....
  6. {} Html'ing & Basic Codes {}
    Basic coding HTML for beginners! (0)
    ** I was looking through the tutorials page and I saw one tutorial on beginning HTML, I thought I
    would expand a little on it and show ya some basic codes you can use for your website if your
    beginning HTML! ** Beginning HTML HTML isnt all that hard. Once you get the hang of it, its
    quite a breeze, but sense your starting out new and would like some basic help on how to do simple
    things regarding HTML heres a little help for you! First off, lets start out with what HTML means
    and what you need to write it. * HTML - H ypertext M arkup L anguage which is a....
  7. Starting Your Website With Html
    To build a website, you need to know HOW (7)
    I was reading through the tutorials, and it seems throughout the tutorials, no one has ever really
    taught how to build a beginner's page using HTML. Not that it's anyone's fault, but
    if someone is unsure of how to begin and end a page with HTML, then they will not be able to make a
    page. So, I figured I'd lend a hand... -------------------------------------------- To begin
    your first webpage using HTML, you will need these tags* (in this order): CODE YOUR TITLE
    FOR YOUR PAGE THIS IS WHERE YOUR MAIN TEXT GOES To explain: The ....
  8. Upgrading Your Site!
    Move from HTML 4.01 to XHTML 1.0 (0)
    I planned to post 3 different parts because of the length, but so there's no confusion, I'll
    just make one big tutorial all together /cool.gif" style="vertical-align:middle" emoid="B)"
    border="0" alt="cool.gif" /> . ====================================== (A note to the moderators:
    Alright, I've got this down now, so please delete all of my other posts besides this one, and
    any posting credits as well; thanks!) ====================================== Now the tutorial:
    Concerning those in the webmaster biz... If you are an aspiring experienced webmaster, the....
  9. Creating Tooltips
    DHTML, HTML, CSS, Javascript... (7)
    Here is a little tutorial to make those small yellow-background boxes (tootltips) that pop-up for
    some links that describe them when you hover the mouse over them, it uses DHTML, CSS, HTML, and
    Javascript, so it gives us a much more wide range than my previous tutorials that just where on
    HTML. OK, so here we go... Put this right under CODE var offsetxpoint=-60 //Customize x
    offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var
    ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=doc....
  10. Three Html/ Css/ Javascript Tutorials
    (6)
    Here are some tutorials that always get great results when I post them. Lesson 1 HTML means Hyper
    Text Markup Language. HTML is a very common language used for many websites, is the base for more
    complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the
    easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two
    arrows-like brackets created by hitting Shift and the comma key, or Shift and the period key. They
    look like this... HTML HTML > Tags start a change in the way a webpage ....
  11. Robots Meta Tag Introduction
    bots and spiders crawling the web Part 2 (5)
    Robots meta tags, do we need them. What good do they do and what does it control. “Robots Meta Tag”
    are used to control if you want a spider or a bot to index a html page or not. You can give
    permission to index your whole site and the spider will crawl all your pages. This is a great way
    to control bots and spiders if you don’t have access to the root directory and robots.txt file.
    Some search engines (not all) fully obey the “Robots Meta Tag”. What is the format of “Robots Meta
    Tag” and where do I put it on my site? The “Robots Meta Tag” are placed in your HTML d....
  12. Uploading A Html Format Page
    (0)


      Looking for html, meta, tags, tutorial, utilize

See Also,

*SIMILAR VIDEOS*
Searching Video's for html, meta, tags, tutorial, utilize
advertisement



Html Meta Tags Tutorial - -What it is/does; how to utilize it-

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com