Build A Simple Web Page: Add To The Head Section
In the last part we showed you how to set up the html page. In this part we will show you how to start adding scripts,external scripts and css, and meta information between those head tags that we entered in the last part.
<head>...</head>
In the head section of the web page is where we enter all the meta tags and your page title. Meta tags used to be fairly important for search engine results, however there are a lot more than meta tags now a days to improve your rankings. Although the meta tag info is not that important it is still useful to have it there for things such as a page description(this will be what Google will see to add to the results page to say what the page is about). You use meta tags for your robots.txt file; we will get more into that later. Meta tags are also used to add in all the keywords in your page that you are trying to target. Again, we will get into optimizing your page for search engines in another tutoria
A must have in the head section is the title tag,
<title>...</title>.
Google looks at this with an important eye. So make sure your title has the keyword(s) in it and not to long. Usually I see people put things such as "Welcome to our site". Well for one, what is our site, and two are those the keywords you are targeting? I don't think so. Try something a little more intuitive like if you have a travel site then you could put something like this, "Travel Destinations Accommodations Resource". That would be more relavant to your page content and " travel destination" could be a keyword and so could "Travel Accommodation Resource" and so on. So back to the building the page.
So now that I have rambled on about telling you about it lets begin to enter the code.
First we will add a title tag between the head tags:
<head>
<title>My First Web Page</title>
</head>
Our title of the page will be"My First Web Page" and you will see that at the top of the browser in the title bar.
Next we will add in the meta tags for description and keywords.
<head>
<title>My First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="keyword 1, keyword 2, keyword 3" />
<meta name="description" content="Enter page description here" />
</head>
This is the basic information you need, we will get more into advanced meta info such as robots.txt files and site maps in our seo tutorials.
The other things you will put into the head section are refereces to external scripts or css(cascading style sheets).
It will look like this:
<link href="path_to_your_style.css" rel="stylesheet" type="text/css" media="screen"/>
However for the purpose of this exercise will do all css and minor scripts within the page.
So now your file should look like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="keyword 1, keyword 2, keyword 3" />
<meta name="description" content="Enter page description here" />
</head>
<body>
</body>
</html>
So now save your file and in the next part will start adding in the real sun stuff to make the page show something. Rather than this boring code.