SEO Tutorial

Search Engine Optimization Tutorial - "How To SEO"

Search Engine Optimization -- the process of making a site "search engine-friendly" — also known as "SEO" -- is probably the most important aspect of website design. Many, many commercial websites are designed and set up by people who know little or nothing about search engine optimization — how to give the search engines what they need to see when they index your site. This long page contains the information (or links to it) that web designers SHOULD know about optimizing a website for the search engines.

The most important thing to know about search engines is that SEARCH ENGINES ONLY INDEX TEXT. Make that your mantra while designing and optimizing your website. They don't index images well, and they don't index Flash well. Although there are some exceptions to that rule, as search engines are becoming more intelligent and more able to index files such as PDFs and the captions of graphic files, and some of the text in a Flash file — for all practical purposes just remember that rule: Search engines only index text and you won't go too far wrong in search engine optimization.

For a technical "how to" on optimizing Flash files, see this page from J E Hochman , and for an up-to-date late-2010 summary of the pros and cons of trying to optimize Flash, see this article from WebsiteMagazine . (Note that we use these same techniques when optimizing Flash sites.)

There are a lot of small things you can do when designing or re-designing a site to get better rankings in the search engines — and every little bit helps in the end result. There is no one magic thing you can do to get top placement at a search engine for your website. But you can do a bunch of small things that will add up to excellent placement in the search engines for the key words you select that are relevant to your web pages.

You can and should optimize more than one page of your website for the search engines; it's not something you do on just one page and skip doing on the rest of the site. You can optimize your home page for your single most important keyword phrase and other pages for different key word phrases. If you sell different products on different pages, each page can be optimized for that particular product. That's a good way to organize it. We recommend search engine optimization on at least a dozen main pages of your site, for the best effect. Don't bother optimizing pages on which you do not have public content, or pages such as a "contact us" or "privacy policy" or "copyright info" pages. (No one will be searching for your copyright info.) The pages you want to optimize are the pages you want people to find — those pages with content about your service or product--whatever you are selling.

Note: If you have a database-driven website, there are special concerns. Click here for more info on how to optimize a database-driven site for the search engines.

Also Note: If you have a website that is designed using <frames>, there are special concerns. Click here for more info on optimizing a frames-built website for the search engines.

If you are designing a site from scratch, see also especially this page: SEO Techniques in Web Design.

Search Engine Optimization – Let's get started!

To get a good feel for what is required in optimizing a normal commercial website for the search engines, let's pretend we're creating a website which sells after-market accessories for the "Alfa Romeo Alfetta", a 70's 4-door sports car that provides a snap-your-head-back kind of driving experience. (It is a car with a small but fanatical base of fans.) Our site will sell floor mats, hood ornaments, key chains, steering wheels, and so on -- all for the Alfa Romeo Alfetta.

Alfa Romeo Alfetta

Pick a Good Domain Name

This step is not very important - but every little bit helps. For the perfect domain name match-up in a search engine so that a page of our "Alfa Romeo Alfetta" website comes up #1 in the search results, the website itself would be best named:

http://www.alfa-romeo-alfetta.com

For more info on picking a good domain name for optimum search engine placement, and what you can do if you already have a domain name that isn't very good in this respect, click here. Don't sweat it if you haven't got a great domain name, you can skip this step. This aspect of search engine optimization doesn't count for much, just a little.

Back to top of page.

Pick a Good Web Hosting Company

What type of website hosting company do you have? This can be very important to the search engines. Free website hosting is usually bad for search engine rankings, for several reasons. For a detailed article about how your website hosting company can affect your rankings in the search engines by Larisa Thomason (Senior Web Analyst for NetMechanic), click here .

The most important factor is that your website should have its own "static" IP address. In other words, its numeric IP address should be stable, and not be different every time someone types in your URL--that's called a "dynamic" IP Address and is typical of Windows IIS Hosting. Big hosting companies typically use "dynamically assigned" IP addresses which work this way: when someone types in your URL into his browser, the HTTP request is presented to your hosting company's server, which quickly assigns an IP address to your website files on its server and connects the visitor to your files. Some search engines don't like this, for various technical reasons.

But more importantly, if your web hosting company has some "bad hats" (spammers or pornographers or whatever) who have been banned from search engines for good reason, your site could also be banned "by association" because, to the Search Engine your site's IP address looks to be that of the bad hats. In the eyes of the search engines it has an identical numeric IP address -- the one that belongs to your web hosting company.

If you are serious about getting good search engine rankings for your site, you need to have a static IP address of your own. If you don't know whether you do or not, call or email your web hosting company and find out whether your IP address for your site is static or dynamic. If it a static IP address, they should be able to tell you exactly what your static numeric IP address is. Find out what that is. For example, the static numeric IP address for Words in a Row is: 65.38.173.39. You should be able to substitute your numeric IP address after the "http://______", type that into your browser and go directly to your website.

There's another way to find out if you have a dynamic or static IP address, and that is to use this tool provided free by Bruce Clay :

Put Your URL to Check in this box:

it will tell you exactly what the numeric IP address of your site is, and a bunch of other info about it. Did your site pass the test? If not, contact me and I will try to advise you what to do to fix the problem.

You can also "ping" a website to find out the IP address being used. For example, if you open a DOS command prompt window on your Windows PC, you can type the following:

ping:www.wordsinarow.com

and it will return the IP address of 65.38.173.39. You can ping any website, get its IP address, and try to reach it through HTTP:// at that IP address. If it has a static, dedicated IP address, you'll get to the website. If not (and that's usually the case) you'll either get a different website, or a generic message from the server saying that there's no website configured at that address.

Now take the numeric IP address from that report and type it in your browser after typing "http://" — don't put in "www" — just type the four numbers after the "http://" — if it returns a "404 page not found" or some site other than yours! -- you have a dynamic IP address. If your site shows up in your browser, then that four-part number is your static IP address. (Many thanks to Bruce Clay for providing this tool!)

We like the website hosting from Data393  for many reasons - one of them is that they will set up hosted websites on their server with static IP addresses. If your hosting company does not offer static IP addresses, my advice is that you should change web hosting companies. Data393 is a good choice but not your only choice -- you could also use Verio  or many others. In 2010, even Godaddy.com  offers cheap hosting with a dedicated static IP address for an extra $3.00/month. WebWizards.net  also offers inexpensive hosting and a dedicated static IP address. Words in a Row also offers hosting, but only to our marketing or web design clients.

Unless you are locked into a proprietary shopping cart or content management system, it is not usually very difficult or expensive to move your site from one hosting company to another. Just make sure your new hosting company gives you a static IP address and that your site passes through the Bruce Clay analysis tool (the form above) without any problems.

In our experience, with all other factors being equal, the site with its own static IP address will rise to the top at the search engines over those with dynamic IP addresses. This is something your hosting company may dispute--especially if they don't provide static IP addresses. Approximately 97% of all IP addresses on the web are dynamically assigned, so do not be surprised if your site has a dynamic IP address when you check it.

Here's a blog post from BruceClay.com  about their tests of static vs. dynamic IP addresses to see if they really make a difference in search engine rankings.

Here's an article from Michael Banks Valentine of About.com, about "Playing Hide and Seek with Search Engines" . It explains in detail some of the ways your server setup can make your site a problem in the search engines.

Back to top of page.

Figure Out Your Key Word Phrases

Your next step should be to do some homework and figure out what your key word phrases should be for your website pages. You need to make a short list of 1 or 2 key word phrases for each page of the site you want to optimize. Each phrase should be no more than three or four words. It is okay if the same words are in more than one key word phrase, and it is okay if some of the pages overlap their keyword phrases.

For each page you should wind up with a list of no more than two key word phrases, each less than three or four words long. Longer phrases are less effective. Single words are often useless. The word "Software" for example, is ignored by many search engines - it is what they call a "stop" word, like "the" or "a" - they just ignore it when you search for it, unless you put it inside quotation marks or otherwise make it clear it is part of your search.

For more info about picking the right key word phrases for your website, click here. There are several tools that will help you pick the right keywords. One great free tool is the Google External Keyword Tool .

Back to top of page.

Set up your Meta Tags

There are several "tags" that go into the HTML code for a page of a website. These tags are placed between the <HEAD> and </HEAD>. These are invisible to the average person browsing the site but are used by the search engines when they come crawling through your site and index the pages--a process called "spidering". These tags should be present on every page of the website. The most important tags are:

• The <title> tag
• and the "description" <meta> tag.

The "keyword" <meta> tag used to be important but is basically useless now.

Back to top of page.

Set up your <Title> Tag

Our site would contain a <title> tag like this:

<title>Alfa Romeo Alfetta Accessories</title>

What we put in here is based on the key word phrases we figured out above. It should contain our main key word phrase, "Alfa Romeo Alfetta" at least once. It shouldn't contain more than 60 characters. In fact, if you can make it seven words or less (discounting words like "and" and "for", which the search engines ignore anyway) you're better off.

The <title> tag must contain the main keyword phrase for which you are optimizing that page. Google in particular places heavy emphasis on what is in your page's <title> tag. So does Bing.

Back to top of page.

Set up your Meta Keyword Tag

The <meta> keyword tag will contain our key word phrases for the specific page we are on:

<meta name="keywords" content="Alfa Romeo Alfetta, automobile accessories, aftermarket, hood ornaments, floor mats, auto parts, blah, blah, blah">

Don't make this more than about 250 characters long. Don't use the same key word more than twice in it. Vary the capitalization. Don't use all capital letters unless the word is an acronym, like "SEO", which is short for Search Engine Optimization. Don't use words in it that don't show up in the body text on the page. In practical terms, you can delete this keywords meta tag without any consequence. Better not to have a keywords meta tag than one that is filled with keywords that don't show up on your pages; it can count against you!

Note: Don't obsess about the keywords tag. It is mostly disregarded nowadays due to abuse by people stuffing keywords that didn't belong into it. You can almost skip it entirely.

Back to top of page.

Set up your Meta Description Tag

The <meta> description tag is a description of the page. It should contain our key word phrases for the specific page we are on:

<meta name="description" content="Alfa Romeo Alfetta accessories, blah, blah, blah">

This tag should describe the specific page it is on, not the whole website. This is the description of the page that shows up at the search engine when someone is lucky enough to find this page in a search. Don't make the description more than about 200 characters long. Make it descriptive, and make sure it contains your key word phrases!

We won't repeat individual key words more than twice in any one meta tag because that can get a site banned from a search engines for something called "spamdexing", which is "spamming" the index of a search engine. It's also known as "keyword stuffing"; don't do it! For more info on how to avoid spamming the search engines, click here.

Note: The description meta tag should include a call to action, such as "Call for a free consultation" or "Click here for a discount coupon" or something else to make it stand out, so people click on it when your listing does show up in the search engine results.

Back to top of page.

Put Key Words in Headings

Back to our Alfa Romeo Alfetta site: It will have "headings" like the one at the top of this section. It was created using heading tags that look like this: <H2>Put Key Words in Headings</H2>.

These "headings" make your browser display the text larger and set it aside from the rest of the text, on its own line. Search engines will look for and index our headings when they index the pages on our site, so our headings should ALSO contain the main key word phrases for our site, like this:

• <h1>Alfa Romeo Alfetta</h1>
  
• <h2>Alfa Romeo Alfetta - Hood Ornaments</h2>
  
• <h2>Alfa Romeo Alfetta - Maintenance Manuals</h2>
  
• <h2>Alfa Romeo Alfetta - Floor Mats</h2>
  
• and so on through as many headings (in this case our products for sale) as we can think of that we want to include on that page.

Headings like that are weighted heavily in the search engines -- many of them use a formula that LIKES the key words in headings more than elsewhere in the site. Don't neglect these. Use them to set off areas of text, in the same way this page you are reading is divided up by headings.

Note: Some people detest using headings because they tend to be big clunky elements in web designs, and they can add a lot of space down the page. You can easily bypass this using a simple inline style command, like this:

<H1 style="margin-bottom: 0px; font-size: 12px;">This will make a small heading with no space after it!</H1>

Back to top of page.

H1 headings should be used for branding of your site. H2 tags should be used for keywords, to help outline what's on the page visually. Don't use more than one H1 tag on a page.

Use Key Words in Your Text

Our optimized page would contain TEXT of at least 250 words, with the key word phrase "Alfa Romeo Alfetta" occurring several times near the beginning of the text. If a page doesn't contain at least 250 words, some search engines won't bother to index it. It's preferable to have 500 words or more if possible, on a page. You'll get better results from the search engines if you have more text.

It also seems to help to put the key word phrase near the end of the text, too. Search engines use a factor called "key word density" to determine how relevant that key word you're using is to the page. If it shows up a few times in the text, it is more "dense". Key word density is a good thing, up to a certain point. The main thing is to make sure you have some text that describes what you do or what you're selling - that makes your page a resource worth indexing.

In the HTML code for the page, the text should be as close to the beginning of the page as possible, because there is a limit to how far down into a page a search engine spider will go to try to find text. It is generally agreed that this is 3kb. That's only about 80-100 lines of code! So make sure your text comes before some really long JavaScript menu in the code for the page, or else the search engine won't make it far enough into the page to index the text. They'll never see the text if it is buried way down at the end of the code.

There's a trick of the <table> one can use to keep your menu bar on the left side of the page (where most people put a navigation menu) and still have the text of the page come first in the code. Normally to display to the left, the nav bar has to come first in the code. But not if you use this table trick. Of course if you use HTML/CSS only (no tables) then you won't need the table trick.

Back to top of page.

Put Key Words in Alt Tags

Pictures on a website can and should contain a little text description that only shows up when you move your mouse over the picture. That little description is called an "ALT tag" ("ALT" is short for "alternate"). Hold your mouse over the picture on the right for a couple of seconds and your browser will display the ALT tag for the picture in most browsers.

Some search engines index those ALT tags, so we will make sure we label every picture with an ALT tag--every last picture. Wherever it is possible and appropriate, each ALT tag will contain our main key word phrase — "Alfa Romeo Alfetta".

Note: Some people surf with "pictures" turned off, to speed up their browsing. The visually handicapped also use the ALT tags to "see" what's on a picture--there is special software for the blind which reads aloud to the person what's on the page. If there are no alt tags, the pictures are invisible to them, so it is worthwhile to put an alt tag on every picture. If you can appropriately place some key words in those alt tags, so much the better.

This article by Robin Nobles  quotes SEO researcher Jerry West's research showing that the alt tag is not used by the main search engines at all. My own research tells me that alt tags are only a small part of what the search engines do look at. Even so, I still recommend that you put alt tags on all images (because that is one thing needed to make your HTML code "valid", and that you put keywords in the alt tags of any images that you use as links where using keywords would be appropriate in helping to describe the image to someone who cannot view the image (i.e., someone who is visually impaired or who is using a text only browser). My research shows that some search engines do use those alt tags describing the image used as a link to determine what the page they point to is about.

Keep image names real, don't stuff keywords into them. You need to have an alt tag on every image (in order to have valid HTML code), but page design element images (such as lines, color blocks, etc.) should just have an empty alt tag, like this: alt="". Also, if you give design elements names that are just numbers, such as 1.jpg, 2.jpg, etc., Google won't bother indexing them, and they won't dilute the importance of images that you DO want Google to index, such as your product images. Don't use numbers as the names of product images if you want Google to index them. Try to use keyword-rich image names and alt tags, of any image that you want Google to index.

Back to top of page.

Put Key Words in Anchor Tags

Hypertext links on your site usually look something like this:

<a href="floor-mats.html">. Those are called "anchor tags" — that's what the "a" stands for. You can put some other information in there, which will show up when one mouses over the link. It would look like this:

Sample Anchor Tag:

<a href="blah.html" title="Alfa Romeo Alfetta floor mats"> Alfa Romeo Floor Mats </a>

-- if the link points to the floor-mats.html page. When someone mouses over the link, they will see what you put in the title. These "titles" for the anchor tags get indexed by the search engines. Every little bit helps! Make sure the words that you wrap the anchor tag around are keywords, too, whenever possible.

Back to top of page.

Is a Robots Tag Necessary?

In our experience, a Robots meta tag with instructions to index and follow the links on the page is simply ignored by the search engines. You can safely omit the robots tag if that's all you have been using it for. In the old days of the net (a few years ago) you would have put this tag in the head of your document:

<meta name="robots" content="index,follow">

It might have done some good a few years back - in today's world it can safely be omitted.

The robots meta tag is more useful for pages you do not want indexed. If you don't want a page to be indexed -- such as a test page, or a page you put up for your own use, then put this robots tag in the head of your document:

<meta name="robots" content="noindex">

That will keep the page out of the search engines that recognize and follow these tags. Of course, to actually prevent the page from being indexed by the search engines, you need to add the page name to the robots.txt file as one of the disallowed files. A robots meta tag is not enough to prevent the page from being indexed by some of the search engines that ignore them completely.

Back to top of page.

Use a robots.txt file

Make an empty file. Name it "robots.txt". Put it in the root directory of your server; usually this is the same directory where your index.html file is kept. (But not always - sometimes your index.html file is in a sub-directory. In which case, make sure you have a copy of the robots.txt file in the root directory - usually the root directory is as high as you can go in the directory tree on your server.

While it is possible to set up a "robots.txt" file to exclude some or all of the search engine robots, what you probably want it to do is to allow every robot that comes along to index your site. If you do want to exclude specific robots from indexing certain directories or certain files, you will have to put some commands into the robots.txt file. For more info than you probably want about the use of the "robots.txt" file, go here . If you want every robot to be able to index your site, just leave the robots.txt file completely empty — but make sure it is there!

Experience has taught me that on some servers, it is wisest to put something in that robots.txt file and put it in both the root directory and in the directory where your index.html file is located. This text works inside the robots.txt file, to allow robots to access everything except what is noted:

User-agent: *

Disallow: /cgi-bin/

Disallow: /tmp/

Disallow: /private/

That example lets the robots coming to your site index everything except what is in your cgi-bin directory, your tmp directory, and your private directory.

To see the robots.txt file in place on Words in a Row, click here

Here is an article called "Search Engine Spiders lost without Guidance"  by Mike Banks Valentine, which covers in detail many aspects of creating a robots.txt file.

You can validate your existing robots.txt file using this robots.txt validator tool .

Note: You should have a line in your robots.txt file that says where your sitemap.xml file is. That line looks like this, on my site:

Sitemap: http://www.wordsinarow.com/sitemap.xml

You'll want to put your own domain name in there, of course.

Note: If you have a huge site, you may need more than one sitemap.xml file to list all the pages of your site in it. Here's an explanation of how to set up a sitemap index 

Back to top of page.

Validate your HTML code.

Everybody knows that robots, in general, are not too smart. The search engine robots which gather information from your site can really only do two things: 1. Read text. 2. Follow links. That's all.

These days, modern browsers are much, much smarter than robots. So while you may be able to look at a page using the latest version of Firefox, Safari, Google Chrome, or Internet Explorer, the search engine robots are too dumb to see anything at all if there is a big error in your HTML code. If you have an unclosed HTML tag - for example if you have complicated nested tables, any of which aren't closed -- then that may be the point where the search engine robot gives up trying to read your site. To validate your site, use this link: http://validator.w3.org/ . This will tell you where your HTML code is "busted" and needs to be fixed so you don't confuse the search engine robots. There's plenty of advice there on how to make your HTML code validate. If you or your webmaster can't figure out how to make your HTML code valid, we can help with that. Note: this page you're looking at right now has valid HTML code.

Click this button to validate now!