Building the Perfect Page - The Basics - Part I
Title Element | META Description Tag | META Keywords Tag | Heading Tags
Alt Attribute | Hyperlinks | Visible Copy | File Names | Directory Names
<!-- Begin Building the Perfect Page - The Basics - Part I -->
Title Element
The page title element (some refer to it as the title tag which is incorrect) is one of the most important factors for ranking highly in the search engines.
Page title elements are normally 3-9 words (60-80 characters) maximum in length, no fluff, straight and to the point. This is what shows up in most search engine results as a link back to your page.
Make sure your Page Title Element (title tag) is relevant to the content on the page.
References
- W3C - 7.4.2 The TITLE element
- W3C - <title>: the most important element of a quality Web page
- SEO Consultants Directory - Title Element - Page Titles
- Title Element - Building the Perfect Page - The Basics - Part II
- WebmasterWorld - 101 Signals of Quality - The Title Element
Subscription required and well worth it for this one topic alone.
This is a recent topic started on 2006-01-04 by Brett Tabke.
META Description Tag (Metadata)
The META description tag usually consists of 25 to 30 words or less using no more than 160 to 180 characters total (including spaces). The META description also shows up in many search engine results as a summary of your site.
Directories like Yahoo! and the ODP (Open Directory Project - dmoz.com) show the page title and description that you entered (and the editors modified) on their manual submission form.
Make sure your META Description Tag is relevant to the content on the page.
References
- W3C - 7.4.4 Meta data
- W3C - Resource Description Framework
- SEO Consultants Directory - META Description Tag - Metadata Elements
- META Description Tag - Building the Perfect Page - The Basics - Part III
META Keywords Tag (Metadata)
For those search engines that are META enabled, the META keywords tag used to be one of the most important areas after the page title and page description. It has been abused by both marketers and consumers alike that there is very little weight given to the META keywords tag.
Don't fret over your META keywords tag. Utilize keywords and keyword phrases from your title element, META description tag, heading tag and first one or two paragraphs of visible content. Try to limit it to 15 to 20 words if possible.
Make sure your META Keywords Tag is relevant to the content on your page.
References
- W3C - 7.4.4 Meta data
- W3C - Resource Description Framework
- SEO Consultants Directory - META Keywords Tag - Metadata Elements
Heading Tags
At least one heading tag <h1> should appear at the top of your page and be well written using prime keywords and keyword phrases.
You can use CSS to control the appearance of the heading tags. I prefer using external style sheets (file.css).
Make sure your Heading Tags are relevant to the content on the page.
References
- W3C - Use <h1> for top-level heading
- W3C - Use headings to structure your document
- W3C - 7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
- SEO Consultants Directory - XHTML - The Heading Elements
Alt Attribute
Alt text is the line of text you see pop up (in Internet Explorer, see note below) when you place your cursor over an image. It also displays a text representation of the image when the user has images turned off in their browser (this is the intended behavior). It is highly recommended that you utilize this area as it is required under accessibility laws and, is indexed by the search engines.
Note: Internet Explorer (IE) will display alt text when you hover your cursor over an element that utilizes the alt attribute. This is incorrect behavior as the alt text is designed to be displayed when the user has their images turned off while browsing. Other browsers such as Opera and Mozilla will not display the alt text on hover.
The alt attribute should not to be stuffed with keywords or phrases. The alt text should mirror the content of the image. If it is a graphic header, then your alt attribute should mirror the text in the graphic header.
Alternative text values should not exceed 80 characters in length. If more than 70-80 characters are required one should use the longdesc attribute as an alternative to alt text.
Make sure your Alt Attribute is relevant to the content for that image.
References
- W3C - Use the alt attribute
- W3C WCAG - 7.1 Short text equivalents for images ("alt-text")
- W3C WCAG - 7.2 Long description of images
Hyperlinked Text
This area is overlooked by many when promoting a web site to the search engines. Many web sites utilize graphic representations of links. These are visually appealing, but the text in the image cannot be indexed by the spiders.
I always recommend an additional text navigation bar (SSI - Server Side Includes or Front Page Includes) somewhere on the page, usually at the top, right, bottom or left hand side. Link text should be concise, use keywords and phrases, and follow the same structure as the graphic navigation.
References
Visible Copy - Content is King
Content (visible copy) weighs heavily and is considered one of the primary areas of search engine optimization and marketing, hence the expression, Content is King.
Your content should be written in a way that grabs the users attention, while utilizing your targeted keywords and keyword phrases. There is a method to placement of the keywords and keyword phrases that will help your web site gain better placement in the search engines. Balance is essential and creating that balance takes knowledge and experience.
You should make it your goal to add at least one new page of content daily if possible. If not, then once a week is acceptable. You want to keep your website content fresh and give your visitors something to come back for on their next visit. Stale website content may not perform as well as fresh website content.
I strongly suggest that you utilize last modified dates on your pages so that visitors to your site know when the page was last modified and how fresh the content is.
Last modified: 2007-06-09T07:42:48-0700
Note: We utilize the ISO International Date Format. FrontPage users are welcome to use the following customized webbot to display the International Date Format.
Last modified: <!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%Y-%m-%dT%H:%M:%S%Z" -->
File Naming
I've seen many of the search engines indexing file names and have found that using relative keywords in this area will play a role in your overall search engine marketing strategy.
Instead of naming your file pagename.asp, you would name it keyword-phrase.asp or page-name.asp. Always use hyphens (-) to separate the words in your file names, use all lower case for file naming, this includes images too.
Visitors to your site will appreciate the clean URI paths which are easy to remember and bookmark. Always try to provide the visitor with the shortest URI path.
This is not an area to stuff keywords. Files should be named appropriately as part of the overall theme and should be relevant to the on page content.
Directory Naming
I've seen many of the search engines indexing directory names and have found that using relative keywords in this area will play a role in your overall search engine marketing strategy.
Be descriptive with naming directories. Don't get carried away, but make sure at least one keyword or keyword phrase appears in the directory name. Don't forget to use hyphens (-) to separate the words.
This is not an area to stuff keywords. Directories should be named appropriately as part of the overall theme and should be relevant to the directory content.
<!-- End Building the Perfect Page - The Basics - Part I -->
There is much more to it than that! The above are just the basics and something that all newcomers may want to study carefully. There should be an understanding of page layout, positioning of elements and balancing the use of html markup
No comments:
Post a Comment