Improve the structure of your URLs

Creating descriptive categories and filenames for the documents on your website can not only help
you keep your site better organized, but it could also lead to better crawling of your documents by
search engines. Also, it can create easier, "friendlier" URLs for those that want to link to your content.
Visitors may be intimidated by extremely long and cryptic URLs that contain few recognizable words

www.example.com/products/bike-14.html
www.example.com/bikes/red-bicycles 


URLs like these can be confusing and unfriendly. Users would have a hard time reciting the URL from
memory or creating a link to it. Also, users may believe that a portion of the URL is unnecessary,
especially if the URL shows many unrecognizable parameters. They might leave off a part, breaking
the link.

Some users might link to your page using the URL of that page as the anchor text. If your URL
contains relevant words, this provides users and search engines with more information about the
page than an ID or oddly named parameter would.

Good practices for page title tags

• Accurately describe the page's content - Choose a title that effectively communicates the
topic of the page's content.
Avoid:
• choosing a title that has no relation to the content on the page
• using default or vague titles like "Untitled" or "New Page 1"

• Create unique title tags for each page - Each of your pages should ideally have a unique
title tag, which helps Google know how the page is distinct from the others on your site.
Avoid:
• using a single title tag across all of your site's pages or a large group of pages

• Use brief, but descriptive titles - Titles can be both short and informative. If the title is too
long, Google will show only a portion of it in the search result.
Avoid:
• using extremely lengthy titles that are unhelpful to users
• stuffing unneeded keywords in your title tags
Make use

Create uniqueand accurate page titles

A title tag tells both users and search engines what the topic of a particular page is. The <title> tag
should be placed within the <head> tag of the HTML document. Ideally, you should create a unique
title for each page on your site.

A relevant, deeper page (its title is unique to the content of the page) on our site appears as a
result

If the user clicks the result and visits the page, the page's title will appear at the top of the
browser

Titles for deeper pages on your site should accurately describe the focus of that particular page and
also might include your site or business name.


Alt tags in graphic links

An example of an alt tag might be the description of a picture of the Mona Lisa on your web site.
Your alt tag, then, should look like this:
Alt=”Mona Lisa”
The alt tag usually falls at the end of the image tag. An image tag might look something like this:
<img width=”100”
height=”100”
src=”monalisa.jpg”
alt=”Mona Lisa”>
The image code breaks down like this:
<img width=”100”: The width (in pixels) of the image.
Height=”100”: The height (in pixels) of the image.
Src=”monalisa.jpg”: The source of the image file.
Alt=”Mona Lisa”>: The alternative text that’s displayed when the image is not.

One more note about alt tags: To be really effective, these tags should be used for every single image
on your web site. That could become an arduous task if your site hasn’t been properly coded to start
with (and depending on the number of images that you have on your site). However, the addition of
these tags should be advantageous to your SEO efforts as long as you don’t overstep the unspoken
boundaries of alt tags.

Character Entities

 Character Entities

The following table lists the defined standard and proposed character entities for HTML and XHTML, as well as several that are nonstandard but generally supported.
Entity names, if defined, appear for their respective characters and can be used in the character-entity sequence &name; to define any character for display by the browser. Otherwise, or alternatively for named characters, use the character's three-digit numeral value in the sequence &#nnn; to specially define a character entity. Actual characters, however, may or may not be displayed by the browser, depending on the computer platform and user-selected font for display.
Not all 256 characters in the International Organization for Standardization (ISO) character set appear in the table. Missing ones are not recognized by the browser as either named or numeric entities.
To be sure that your documents are fully compliant with the HTML 4.0 and XHTML 1.0 standards, use only those named character entities with no entries in the Conformance column. Characters with a value of "!!!" in the Conformance column are not formally defined by the standards; use them at your own risk.
Numeric entity
Named entity
Symbol
Description
Conformance
&#009;
Horizontal tab
&#010;
Line feed
&#013;
Carriage return
&#032;
Space
&#033;
!
Exclamation point
&#034;
&quot;
"
Quotation mark
&#035;
#
Hash mark
&#036;
$
Dollar sign
&#037;
%
Percent sign
&#038;
&amp;
&
Ampersand
&#039;
'
Apostrophe
&#040;
(
Left parenthesis
&#041;
)
Right parenthesis
&#042;
*
Asterisk
&#043;
+
Plus sign
&#044;
,
Comma
&#045;
-
Hyphen
&#046;
.
Period
&#047;
/
Slash
&#048;-&#057;
09
Digits 09
&#058;
:
Colon
&#059;
;
Semicolon
&#060;
&lt;
<
Less than sign
&#061;
=
Equals sign
&#062;
&gt;
>
Greater than sign
&#063;
?
Question mark
&#064;
@
Commercial at sign
&#065;-&#090;
A-Z
Letters A-Z
&#091;
[
Left square bracket
&#92;
\
Backslash
&#093;
]
Right square bracket
&#094;
Caret
&#095;
_
Underscore
&#096;
`
Grave accent
&#097;-&#122;
a-z
Letters a-z
&#123;
{
Left curly brace
&#124;
|
Vertical bar
&#125;
}
Right curly brace
&#126;
~
Tilde
&#130;
,
Low left single quote
!!!
&#131;
Florin
!!!
&#132;
"
Low left double quote
!!!
&#133;
...
Ellipsis
!!!
&#134;
Dagger
!!!
&#135;
Double dagger
!!!
&#136;
^
Circumflex
!!!
&#137;
Permil
!!!
&#138;
Capital S, caron
!!!
&#139;
<
Less than sign
!!!
&#140;
Œ
Capital OE ligature
!!!
&#142;
Capital Z, caron
!!!
&#145;
'
Left single quote
!!!
&#146;
'
Right single quote
!!!
&#147;
"
Left double quote
!!!
&#148;
"
Right double quote
!!!
&#149;
Bullet
!!!
&#150;
En dash
!!!
&#151;
Em dash
!!!
&#152;
~
Tilde
!!!
&#153;
Trademark
!!!
&#154;
Small s, caron
!!!
&#155;
>
Greater than sign
!!!
&#156;
œ
Small oe ligature
!!!
&#158;
Small z, caron
!!!
&#159;
Capital Y, umlaut
!!!
&#160;
&nbsp;
Nonbreaking space
&#161;
&iexcl;
¡
Inverted exclamation point
&#162;
&cent;
¢
Cent sign
&#163;
&pound;
£
Pound sign
&#164;
&curren;
¤
General currency sign
&#165;
&yen;
¥
Yen sign
&#166;
&brvbar;
Broken vertical bar
&#167;
&sect;
§
Section sign
&#168;
&uml;
¨
Umlaut
&#169;
&copy;
©
Copyright
&#170;
&ordf;
ª
Feminine ordinal
&#171;
&laquo;
«
Left angle quote
&#172;
&not;
¬
Not sign
&#173;
&shy;
­
Soft hyphen
&#174;
&reg;
®
Registered trademark
&#175;
&macr;
¯
Macron accent
&#176;
&deg;
°
Degree sign
&#177;
&plusmn;
±
Plus or minus
&#178;
&sup2;
2
Superscript 2
&#179;
&sup3;
3
Superscript 3
&#180;
&acute;
´
Acute accent
&#181;
&micro;
μ
Micro sign (Greek mu)
&#182;
&para;
Paragraph sign
&#183;
&middot;
·
Middle dot
&#184;
&cedil;
,
Cedilla
&#185;
&sup1;
1
Superscript 1
&#186;
&ordm;
º
Masculine ordinal
&#187;
&raquo;
»
Right angle quote
&#188;
&frac14;
¼
Fraction one-fourth
&#189;
&frac12;
½;
Fraction one-half
&#190;
&frac34;
¾
Fraction three-fourths
&#191;
&iquest;
¿
Inverted question mark
&#192;
&Agrave;
À
Capital A, grave accent
&#193;
&Aacute;
Á
Capital A, acute accent
&#194;
&Acirc;
Â
Capital A, circumflex accent
&#195;
&Atilde;
Ã
Capital A, tilde
&#196;
&Auml;
Ä
Capital A, umlaut
&#197;
&Aring;
Å
Capital A, ring
&#198;
&AElig;
Æ
Capital AE ligature
&#199;
&Ccedil;
Ç
Capital C, cedilla
&#200;
&Egrave;
È
Capital E, grave accent
&#201;
&Eacute;
É
Capital E, acute accent
&#202;
&Ecirc;
Ê
Capital E, circumflex accent
&#203;
&Euml;
Ë
Capital E, umlaut
&#204;
&Igrave;
Ì
Capital I, grave accent
&#205;
&Iacute;
í
Capital I, acute accent
&#206;
&Icirc;
Î
Capital I, circumflex accent
&#207;
&Iuml;
Ï
Capital I, umlaut
&#208;
&ETH;
Capital eth, Icelandic
&#209;
&Ntilde;
Ñ
Capital N, tilde
&#210;
&Ograve;
Ò
Capital O, grave accent
&#211;
&Oacute;
Ó
Capital O, acute accent
&#212;
&Ocirc;
Ô
Capital O, circumflex accent
&#213;
&Otilde;
Õ
Capital O, tilde
&#214;
&Ouml;
Ö
Capital O, umlaut
&#215;
&times;
x
Multiply sign
&#216;
&Oslash;
Ø
Capital O, slash
&#217;
&Ugrave;
Ù
Capital U, grave accent
&#218;
&Uacute;
Ú
Capital U, acute accent
&#219;
&Ucirc;
û
Capital U, circumflex accent
&#220;
&Uuml;
Ü
Capital U, umlaut
&#221;
&Yacute;
Ý
Capital Y, acute accent
&#222;
&THORN;
Capital thorn, Icelandic
&#223;
&szlig;
ß
Small sz ligature, German
&#224;
&agrave;
à
Small a, grave accent
&#225;
&aacute;
á
Small a, acute accent
&#226;
&acirc;
â
Small a, circumflex accent
&#227;
&atilde;
ã
Small a, tilde
&#228;
&auml;
ä
Small a, umlaut
&#229;
&aring;
å
Small a, ring
&#230;
&aelig;
æ
Small ae ligature
&#231;
&ccedil;
ç
Small c, cedilla
&#232;
&egrave;
è
Small e, grave accent
&#233;
&eacute;
é
Small e, acute accent
&#234;
&ecirc;
ê
Small e, circumflex accent
&#235;
&euml;
ë
Small e, umlaut
&#236;
&igrave;
ì
Small i, grave accent
&#237;
&iacute;
í
Small i, acute accent
&#238;
&icirc;
î
Small i, circumflex accent
&#239;
&iuml;
î
Small i, umlaut
&#240;
&eth;
Small eth, Icelandic
&#241;
&ntilde;
ñ
Small n, tilde
&#242;
&ograve;
ò
Small o, grave accent
&#243;
&oacute;
ó
Small o, acute accent
&#244;
&ocirc;
ô
Small o, circumflex accent
&#245;
&otilde;
õ
Small o, tilde
&#246;
&ouml;
ö
Small o, umlaut
&#247;
&divide;
÷
Division sign
&#248;
&oslash;
Small o, slash
&#249;
&ugrave;
ù
Small u, grave accent
&#250;
&uacute;
ú
Small u, acute accent
&#251;
&ucirc;
Û
Small u, circumflex accent
&#252;
&uuml;
ü
Small u, umlaut
&#253;
&yacute;
y
Small y, acute accent
&#254;
&thorn;
Small thorn, Icelandic
&#255;
&yuml;
ÿ
Small y, umlaut

Layers

Spacers and multiple columns are natural extensions to conventional HTML, existing within a document's normal flow. With version 4, Netscape took HTML into an entirely new dimension with layers. It transforms the single-element document model into one containing many layered elements that are combined to form the final document. Regrettably, layers are not supported by Netscape 6 or any version of Internet Explorer.
Layers supply the layout artist with a critical element missing in standard HTML: absolute positioning of content within the browser window. Layers let you define a self-contained unit of HTML content that can be positioned anywhere in the browser window, placed above or below other layers, and made to appear and disappear as you desire. Document layouts that were impossible with conventional HTML are trivial with layers.
If you think of your document as a sheet of paper, layers are like sheets of clear plastic placed on top of your document. For each layer, you define the content of the layer, its position relative to the base document, and the order in which it is placed on the document. Layers can be transparent or opaque, visible or hidden, providing an endless combination of layout options.

H.3.1. The <layer> Tag (Antiquated)

Each HTML document content layer is defined with the <layer> tag. A layer can be thought of as a miniature HTML document whose content is defined between the <layer> and </layer> tags. Alternatively, the content of the layer can be retrieved from another HTML document by using the src attribute with the <layer> tag.

<layer> (Antiquated)

Function
Defines a layer of content within a document
Attributes
above, background, below, bgcolor, class, clip, left, name, src, style, top, visibility, width, z-index
End tag
</layer>; never omitted
Contains
body_content
Used in
block

Regardless of its origin, Netscape 4 formats a layer's content exactly like a conventional document, except that the result is contained within that separate layer, apart from the rest of your document. You control the position and visibility of this layer using the attributes of the <layer> tag.
Layers can be nested, too. Nested layers move with the containing layer and are visible only if the containing layer itself is visible.

Multicolumn Layout

Multicolumn text formatting is one of the most common features of desktop publishing. In addition to creating attractive pages in a variety of formats, multiple columns let you present your text using shorter, easier-to-read lines. HTML page designers have longed for the ability to easily create multiple text columns in a single page, but they have been forced to use various tricks,
Netscape 4 neatly solved this problem with the unique <multicol> tag. While fancy unbalanced columns and straddling are not possible with this tag, as they are with tables, conventionally balanced text columns are easy to create with <multicol>. And while this capability is available only with Netscape 4, the <multicol> tag degrades nicely in other browsers.

H.2.1. The <multicol> Tag (Antiquated)

The <multicol> tag creates multiple columns of text and lets you control the size and number of columns.

<multicol> (Antiquated)

Function
Formats text with multiple columns
Attributes
class, cols, gutter, style, width
End tag
</multicol>; never omitted
Contains
body_content
Used in
block

The <multicol> tag can contain any other HTML content, much like the <div> tag. All of the content within the <multicol> tag is displayed just like conventional content, except that Netscape 4 places the contents into multiple columns rather than just one.
The <multicol> tag creates a break in the text flow and inserts a blank line before rendering its content into multiple columns. After the tag, another blank line is added and the text flow resumes using the previous layout and formatting.
Netscape 4 automatically balances the columns, making each approximately the same length. Where possible, the browser moves text between columns to accomplish the balancing. In some cases, the columns cannot be balanced perfectly because of embedded images, tables, or other large elements.
You can nest <multicol> tags, embedding one set of columns within another set of columns. While infinite nesting is supported, more than two levels of nesting are generally impractical and results in unattractive text flows.

THE CONCEPT OF KEYWORDS

This is the most fundamental concept in SEO. Keywords and
keyphrases are the words that users might enter into a search engine
to find information which could potentially lead them to your site. They
also indicate to search engines what your site is all about.

Keywords can and should be placed in the meta tags, URLs, and
content of your site in order for search engines to ‘see’ them. This
means that the content of your site must actually be relevant to, and
contain your chosen keywords prominently (we’ll get to how to do all
this later on in the book).

An important factor to consider is that some phrases will be more
competitive than others ie. More sites will be targeting certain obvious
phrases and it will be harder for your site to rank highly when that is
the case.

WHEN TO IMPLEMENT SEO

Ideally you should be considering these SEO concepts right from the
get-go; at the conceptualization and design stage of your site so that
you can integrate them into the design as it is executed. Some
designers are more SEO-savvy than others so you may even have to
educate your designer a little, or give him/her a copy of this e-book so
he/she can implement some of the ideas into the design.

However, I’m assuming that many of you already have a site up and
running that you would like to optimize, and that’s totally fine too.
These techniques can be implemented at any stage with little trouble,
and it’s never too late to start!

Using powerful titles

Page titles are one of the most important elements of site optimization. When a crawler examines
your site, the first elements it looks at are the page titles. And when your site is ranked in search
results, page titles are again one of the top elements considered. So when you create your web site,
you need to have great page titles.
There are several considerations when coming up with your page titles. Here are some of the key
factors to consider:

Unless you’re Microsoft, don’t use your company name in the page title. A better choice
is to use a descriptive keyword or phrase that tells users exactly what’s on the page. This
helps ensure that your search engine rankings are accurate.

 Try to keep page titles to less than 50 characters, including spaces. Some search engines
will index only up to 50 characters; others might index as many as 150. However, maintaining
shorter page titles forces you to be precise in the titles that you choose and ensures
that your page title will never be cut off in the search results.

<title>A Descriptive Web Site Title</title>