Programming.a.baby - (Html5) Meta Tags ( html5 beginner meta ) ( Html5 Meta Tag In Body ) ( Html5 Meta Tags Language )
By pol1ce
Article 2
Html Head's Meta Tags
Before you even think about writing something in the Body document, build your head's document with it's Meta Tags.
Looks difficult but is not.
And i will help you easy.
Is very important that you have a good Html Page's Head for the following reasons:
- Any Modern Browser will affix and interpret well your page
- Search engines will collect the right info and index your page correctly
- Page's language will be used by editors, browser, crawlers...etc
- ...etc
After this you will be able to build your document's Head in less then 5 Min.
********** ********** **********
Take a look in a sample document with a small Meta Tag inside that tell in which language is wrote, in this case English-Great Britain:
.
Head with Title and Language's Metatag
<head> <title>My Web Page</title> <meta http-equiv="Content-Language" content="en-gb" /> </head>
...
Now look another sample with this and more 2 Tags
- Meta Tag Description
- Meta Tag Keywords
These 2 Meta Tags will tell search engines what your site is about and will use the words inside of it to identify and affix your website.
((( BECARFUL NOT ENTERING WORDS THAT ARE NOTHING TO DO WITH YOUR WEBSITE OUR SEARCH ENGINES MAY IDENTIFY IT AS SPAM )))
<head> <title>My Web Page</title> <meta http-equiv="Content-Language" content="en-gb" /> <meta name="description" content="Website about colors" /> <meta name="keywords" content="colors, paint, brush" /> </head>
...
Now the n3 sample of a simple Web Page with these and also the Body with some text on it.
Note that i'm using Modern Html 5, so instead of writing the Break Tag like this "<br>" (old Html 4.0) we will write "<br />" because in Web 2.0 with Html 5 is this way we write "Empty Tags"
<head> <title>My Web Page</title> <meta http-equiv="Content-Language" content="en-gb" /> <meta name="description" content="Website about colors" /> <meta name="keywords" content="colors, paint, brush" /> </head> <Body> <div> Painting is art <br /> You can paint everything you like </div> </Body>
More Meta Tags
As you may be a beginner or not, i don't want to explode your head right now with hundreds of things, so let's make it easier for you, shall we!
- You can use this Free Web Tool i Created in 2008 for Sinalsoft.com
- Is very fast and easy to create all your Meta Tags in less than 1 Minute
Check it here SInalsoft.FreeOnlineTools.Metatags.Builder
********** ************ ************
Next article i will explain More about Metatags in a advanced way
I also explain more about the Web Page's Body and it's Tags
.
More Articles on This Theme
.
Next -->
Programming.a.baby - (Html5) Html Meta Tags (B)
|||
<--- Previous
Programming.a.baby (Html5) Create a Web Page Structure
.
sophie_allen 13 months ago
This is really useful! A great hub here. I am not a technical person and I how I wish I can absorb and learn everything. Thanks for sharing this.