HOME

design element
 
design element

ONLINE MARKETING > SEARCH ENGINE MARKETING > SEARCH ENGINE OPTIMIZATION pointerBasic HTML Body TagspointerYOU ARE HERE!

design element design element
design element design element

EFFECTIVE ETHICAL INTEGRAL SEARCH ENGINE MARKETING & OPTIMIZATION

design element

ONLINE MARKETING

design element

SEARCH ENGINE MARKETING (SEM)

design element

SEARCH ENGINE OPTIMIZATION (SEO)

design element

design element SEO Basics

design element

design element Ethical SEO Strategies

design element

design element HTML Code Validation

design element

design element HTML Structure & Style Sheets

design element

design element META Tags Tutorial

design element

design element Basic HTML Body Tags

design element

design element Image Tag & Alt Attribute

design element

design element Hyperlinks - Anchor Tag

design element

design element Table Tags

design element

design element Off-Site SEO Factors

design element

design element Off-Site SEO Strategies

design element

design element Search Engine Spam

design element

design element PageRank Puzzle (1-4)

design element

USER ORIENTED WEBSITE INTERFACE

design element

DISTINCTIA INFO

design element
design element
design element

SEARCH ENGINE JARGON GLOSSARY

design element

SITE MAP

design element

EFFECTIVE ETHICAL INTEGRAL SEARCH ENGINE MARKETING & OPTIMIZATION

design element

At Distinctia we take an integral approach to site design and development. Successful web sites are aesthetically pleasing to visitors, comfortable to people with disabilities and favorable to the search engines. We take pride in using strictly ethical marketing methods to achieve top placement across the major search engines.
Let us show you how!

design element design element

BODY ELEMENT & BASIC HTML BODY TAGS

The purpose of the BODY element of a HTML document is to define the actual visible document's content. The BODY of a HTML document contains all the text and images that make up the page, together with all the HTML elements that provide the control/formatting of the page (unless the document uses a style sheet to control presentation).

BODY element - Visible Copy - Body text is considered essential for search engine optimization /marketing and targeted traffic. Your copy has two important goals - to grab and retain the users attention, and to achieve higher search engine rankings. As your website must be recognized by the search engines to be visible to your target audience, incorporating keyword phrases logically throughout your Body Copy is essential. Incorporating Targeted Keyphrases in Your Visible Website Copy>>

The most important HTML tags are tags that define headings, paragraphs and line brakes (W3schools HTML Tutorial).

HEADINGS

Heading tags are defined with the <H1> to <H6> tags, where <H1> is the largest and <H6> the smallest heading.

Heading tags help in making the block of text more interesting to the user. They also have some weight with most search engines, if optimized for target phrases. Naturally, they must be relevant to the content on the page.

Nowadays, Heading tags, especially H1, won't look aesthetically pleasing to the visitors. That's why it might be better to define Heading tags through style sheets.

Accentuating your important text for users while optimizing it for search engines could be done directly in your HTML:

<HEAD>
 ...
<style type="text/css">
<!-- H1 {verdana, arial, helvetica, sans-serif; font-size: 19px;} -->
</style>
</HEAD>

<BODY>
<H1>STYLE SHEETS & HEADINGS</H1>
 ...
</BODY>

Using external Cascading Style Sheets (CSS), allows you to specify the size, color, etc. of your Heading Tags in styles.css:

h1, h2, h3, h4, h5, h6, p, table, th, td, li, ol, ul, body { font-family: verdana, arial, helvetica, sans-serif}
H1 { font-size: 19px; color: white; background-color: black;}

while keeping the actual HTML code short and simple. Note that HTML automatically adds an extra blank line before and after a Heading Tag.

PARAGRAPHS & LINE BRAKES

The P element (P tag) represents a paragraph. HTML automatically adds an extra blank line before and after a paragraph.

The BR element forces a line break wherever you place it. It's used when you want to end a line, but don't want to start a new paragraph. The BR tag has no closing tag.

The visual rendering of paragraphs depends on the user agents/browsers. Style sheets provide much better control over the paragraph formatting. Using external style sheets allows you to specify the size, color, etc. of your Paragraph tag in styles.css:

P {font-size: 11px; color: #000000; background-color: transparent; font-weight: bold; text-align: center; font-style: italic; }

ensures the presentation changes without the changes in the HTML document source, while keeping the actual HTML code short and simple.

Style sheets are the preferred way to specify a document's presentation, offering flexibility with simplicity, and resulting in cleaner HTML code, thus ensuring your website would be both user oriented and search engine friendly.

Optimized and valid HTML code plays important part in achieving website relevancy, which is the ultimate goal in any search engine optimization campaign. HTML Body Tags: Image Tag & Alt Attribute >>

design element

design element
design element
design element
design element design element
design element design element  

User Oriented Design & Ethical Website Marketing Strategies by Distinctia, 2006

Valid HTML 4.01! Valid CSS!