Saturday, July 31, 2010

XHTML page with considerations of search engine optimization

Obviously content is very important for search engine optimization. But equivalently Code your pages using external CSS and JavaScript and use relevant and semantic XHTML formatting which will be part of on-page optimization.


Benifits Of XHTML
  • Strict XML syntax encourages authors to write well-formed markup, which some authors may find easier to maintain
  • Integrates directly with other XML vocabularies, such as SVG and MathML
  • Allows the use of XML Processing, which some authors use as part of their editing and/or publishing processes  
Definations of XHTML

•XHTML (Extensible Hypertext Markup Language) is a family of XML markup languages that mirror or extend versions of the widely used Hypertext Markup Language (HTML), the language in which web pages are written
•The next generation of HTML, compliant with XML standards. Although it is very similar to the current HTML, it follows a stricter set of rules, thus allowing for better automatic code validation.
•A general purpose markup language that utilises existing and future XML elements to present information on the WWW

Impotant XHTML elements

1. First declare document type: Always remember to include the correct DOCTYPE to tell the browser which version of XHTML you are using
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
2. Assign the document an xmlns attribute and set page language code
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
3. Declare head element of the page  <head>
4. Declare Character set used in the page
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
5. Declare page title element
<title>Page Title </title>
6. Declare the page description
<meta name=”description” content=”page description” />
7. Include external CSS and Javascript files.
<link href=”css/styles1.css” rel=”stylesheet” type=”text/css” media=”all” />
<script src=”js/fngetScript.js” type=”text/javascript”></script>

8. Close the head element
</head>
9. The document Body
  <body>

Important XHTML elements of a page

<h1></h1>
only one <h1> element on a page and like the page title it should be a short description on the page text content.it means <h1> tag should be used to represent the main topic of the page.
<h2></h2> / <h3></h3>
we can use sub heading h1 to h6. If one header is a sub-topic of another header use the next level header.
<p></p>
The paragraph tag
<em></em>
Used to italicize text. Like the <strong> tag the search engines will put emphasis on text inside this tag
<strong></strong>
Used to bold text.
<a></a>
<a href=”pagename” rel=”nofollow”>
<img>
 include an image ALT attribute along with width and height
<img src=”image.gif” width=”150” height=”60” alt=”Image keyword” />
 
Here you should remember to close all the tags. Never over-use <DIV> tags. Use <DIV> tags only in the appropriate places. but it would be more appropriate if you use the <UL> tag instead.Validate your webpage as and when it is being developed.

No comments:

Post a Comment