This is the source code of the E-Commerce Demo webpage before search engine optimization. Compare the frequency of the keywords at the top of the document with the webpage after optimization

<html><head><title>ROBO Design Solutions</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta content="© 2005 ROBO Design" name=copyright>
<meta content="Site design and development - ROBO Design Solutions - Paul Roberts - support @ robodesignsolutions.com" name=author>
<meta name=description content="Try our online E-Commerce Demo, try changing the colours, fonts & style to suit. Have fun with our unique demonstration">
<meta name=keywords content="E-Commerce Demo try test trial Ecommerce font color colour style shopping trolley basket cart design designs layout layouts stylish">
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen></style >
</head><body>
<script language="javascript">
function Go(){return}
</script>
<!-- SCRIPT src="exmplmenu_var.js" type=text/javascript></SCRIPT -->
<script type="text/javascript">
var NoOffFirstLineMenus=7;
var LowBgColor='#98A7B7';
var LowSubBgColor='#98A7B7';
var HighBgColor='#4E6884';
var HighSubBgColor='#4E6884';
var FontLowColor='#FFFFFF';
var FontSubLowColor='#FFFFFF';
var FontHighColor='#FFFFFF';
var FontSubHighColor='#FFFFFF';
var BorderColor='#FFFFFF';
var BorderSubColor='#FFFFFF';
var BorderWidth=1;
var BorderBtwnElmnts=1;
var FontFamily="arial,comic sans ms,technical";
var FontSize=9;
var FontBold=0;
var FontItalic=0;
var MenuTextCentered='left';
var MenuCentered='left';
var MenuVerticalCentered='top';
var ChildOverlap=.08;
var ChildVerticalOverlap=.08;
var StartTop=110;
var StartLeft=30;
var VerCorrect=0;
var HorCorrect=0;
var LeftPaddng=3;
var TopPaddng=2;
var FirstLineHorizontal=0;
var MenuFramesVertical=1;
var DissapearDelay=1000;
var TakeOverBgColor=1;
var FirstLineFrame='navig';
var SecLineFrame='space';
var DocTargetFrame='space';
var TargetLoc='';
var HideTop=0;
var MenuWrap=1;
var RightToLeft=0;
var UnfoldsOnClick=0;
var WebMasterCheck=0;
var ShowArrow=1;
var KeepHilite=1;
var Arrws=['rhsq.gif',9,15,'rhsq.gif',9,15,'rhsq.gif',9,15];
 


function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set "Text to show" to: "rollover:Image1.jpg:Image2.jpg"
Menu1=new Array("Home","http://www.robodesign.co.nz","",0,28,140);
Menu2=new Array("Website Basics","welcome.htm","",7,28,140);
Menu2_1=new Array("Welcome","welcome.htm","",0,28,190);
Menu2_2=new Array("Pricing Packages","pricingpackages.htm","",0,28,190);
Menu2_3=new Array("Pricing Estimator","price_calc.php","",0,28,190);
Menu2_4=new Array("About ROBO Design","aboutrobodesign.htm","",0,28,190);
Menu2_5=new Array("Privacy Policy","privacypolicy.htm","",0,28,190);
Menu2_6=new Array("Search Engine Ranking","searchengineranking.php","",0,28,190);
Menu2_7=new Array("Contact Details","contactdetails.htm","",0,28,190);
Menu3=new Array("Designing a Site","designingasite.htm","",8,28,140);
Menu3_1=new Array("Designing a Site","designingasite.htm","",0,28,190);
Menu3_2=new Array("E-Commerce Demo","demo/","",0,28,190);
Menu3_3=new Array("E-Commerce Design","e-commercedesign.htm","",0,28,190);
Menu3_4=new Array("Animation Design","animationdesign.htm","",0,28,190);
Menu3_5=new Array("Colours","websitecolours.htm","",0,28,190);
Menu3_6=new Array("Background Images","backgroundimages.htm","",0,28,190);
Menu3_7=new Array("Navigation","websitenavigation.htm","",0,28,190);
Menu3_8=new Array("Fonts","websitefonts.htm","",0,28,190);
Menu4=new Array("Portfolio","portfolio.htm","",6,28,140);
Menu4_1=new Array("Kia Kaha Clothing","http://www.kiakaha.co.nz/page.php?pg=2","",0,28,190);
Menu4_2=new Array("Caffe Prima","http://www.caffeprima.co.nz","",0,28,190);
Menu4_3=new Array("GSR Online","http://www.gsronline.co.nz","",0,28,190);
Menu4_4=new Array("ROBO Animation","main2.html","",0,28,190);
Menu4_5=new Array("Previous ROBO Site","old/index2.htm","",0,28,190);
Menu4_6=new Array("Shizouka English School","shizouka.htm","",0,28,190);
Menu5=new Array("Products","","",1,28,140);
Menu5_1=new Array("Job Sheets - Printing","jobsheetsprinting.htm","",0,28,190);
Menu6=new Array("F.A.Q.","websitefaq.htm","",3,28,140);
Menu6_1=new Array("Website","websitefaq.htm","",0,28,190);
Menu6_2=new Array("E-Commerce","e-commercefaq.htm","",0,28,190);
Menu6_3=new Array("Animation","animationfaq.htm","",0,28,190);
Menu7=new Array("Contact","contactrobodesign.htm","",0,28,140);
</script>
<script type="text/javascript" src="menu_com.js" ></script >
<table border="0" cellpadding="0" cellspacing="0" width="760" height="52">
<tr>
<td width="200" height="52" valign="top"><table border="0" cellpadding="5" cellspacing="0" width="200" background="images/bckng2.gif" height="80">
<tr>
<td><font face="Arial" size="3" color="#4E6884"><strong><a href="pricingpackages.htm#ec1" style="color: #4E6884; text-decoration: none">Full E-Commerce sites from $999+GST</a></strong></font></td>
</tr>
</table>
</td>
<td width="500" bgcolor="#FFFFFF"><p align="center"><img src="images/logo.gif" width="154" height="74" alt="ROBO Design"> </td>
<td width="140" height="52"><table border="0" cellpadding="5" cellspacing="0" width="200" background="images/bckng2.gif" height="80">
<tr>
<td><font face="Arial" size="3" color="#4E6884"><strong><a href="pricingpackages.htm#ec2" style="color: #4E6884; text-decoration: none">Light E-Commerce sites from $799+GST</a></strong></font></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td><img src="images/h1.gif" width="758" height="5" ></td>
<td><img src="images/h2.gif" width="2" height="5" ></td>
</tr>
<tr>
<td><img src="images/h3.gif" width="758" height="10" ></td>
<td><img src="images/h4.gif" width="2" height="10" ></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="783" height="404">
<tr>
<td height="204" width="30" valign="top"><img src="images/spacer.gif" width="180" height="1"><img src="images/stripes1.gif" width="110" height="204"><img src="images/stripes1.gif" width="110" height="204"></td>
<td width="580" valign="top"><table width=580 align=left cellpadding=9 border=0><tr><td>
<h2>All about our E-Commerce Demo</h2>
<p>Try our free E-Commerce Demo. Unlike other E-Commerce Demo, you can change the colours, fonts & layout to suit your style. Your email address is required if you would like a dummy order &amp; GST tax invoices sent to your email address. Please note:<p><ul>
<li>For our e-commerce demo under normal circumstances the secure directory is held on a secure server.</li>
<li>At the checkout, please enter a dummy credit
card number, or none at all. For retrieving the orders, the username is
<font color="Red"><b>Joe</b></font> and the password is <font color="Red"><b>Bloggs</b></font>.</font></li>
<li>There is also a maintenance website available for inspection, please <a href="mailto:info@robodesignsolutions.com">email us for
details.</a></li>
<li>Your company name and email address is confidential from other users of this website. We will not pass your email address onto any
third party, and we will not contact you unless you want us to. Please see our <a
href="http://www.robodesign.co.nz/privacypolicy.htm">Privacy Policy.</a></li>
<li>All products are fictitious, and you will
not be charged for items ordered from this demo website.</li>
</ul><form method="POST" action="demo/htdocs/page.php" name="input" onsubmit="return validate();">
<table border="0" cellpadding="3" cellspacing="0" width="351">
<tr>
<td width="132" bgcolor="#FFFFFF"><font face="Arial" color="#000066" size="2">Company Name:</font></td>
<td width="207" bgcolor="#FFFFFF"><font face="Arial" color="#000066" size="2"><input type="text" name="v150" size="21" value="Paul"></font></td>
</tr><tr>
<td width="132" bgcolor="#FFFFFF"><font face="Arial" color="#000066" size="2">Email Address:</font></td>
<td width="207" bgcolor="#FFFFFF"><font face="Arial" color="#000066" size="2"><input type="text" name="v170" size="21" value="test@robodesign.co.nz"></font></td>
</tr></table>
<h2>Optional Settings You Can Change</h2>
<p>Please feel free to try changing some of these settings, to get an idea on the most suitable
design for your site. Please note the variables below are just a small number of variables
which can be changed.<p>
<input type="hidden" name="pg" value="1"><input type="hidden" name="verr" value=""><input type="hidden" name="t" value="1"><table
border="0" cellpadding="3" cellspacing="0" width="410">
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Heading Font:</font></td><td width="15"></td><td><select name="v39" size="1">
<option selected value="Arial">Arial</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Impact">Impact</option>
<option value="Times Roman">Times Roman</option>
</select></td></tr>
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Heading Colour:</font></td><td width="15"><table ID="ddv41" width="10" border="0" cellpadding="0" cellspacing="0" height="15" bgcolor="#ff0000"><tr><td></td></tr></table></td><td><input type="text" name="v41" onchange="document.getElementById('ddv41').style.backgroundColor=document.input.v41.value;" value="#ff0000" size="7" maxlength="7">&nbsp;<input type="button" value="Colour..." onClick="document.input.v41.value=forecolor(document.input.v41.value,'Heading Colour:');document.getElementById('ddv41').style.backgroundColor=document.input.v41.value;" ></td><tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Text Font:</font></td><td width="15"></td><td><select name="v40" size="1">
<option selected value="Arial">Arial</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Impact">Impact</option>
<option value="Times Roman">Times Roman</option>
</select></td></tr>
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Text Colour:</font></td><td width="15"><table ID="ddv42" width="10" border="0" cellpadding="0" cellspacing="0" height="15" bgcolor="#000080"><tr><td></td></tr></table></td><td><input type="text" name="v42" onchange="document.getElementById('ddv42').style.backgroundColor=document.input.v42.value;" value="#000080" size="7" maxlength="7">&nbsp;<input type="button" value="Colour..." onClick="document.input.v42.value=forecolor(document.input.v42.value,'Text Colour:');document.getElementById('ddv42').style.backgroundColor=document.input.v42.value;" ></td><tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Background:</font></td><td width="15"><table ID="ddv1" width="10" border="0" cellpadding="0" cellspacing="0" height="15" bgcolor="#f8f8ff"><tr><td></td></tr></table></td><td><input type="text" name="v1" onchange="document.getElementById('ddv1').style.backgroundColor=document.input.v1.value;" value="#f8f8ff" size="7" maxlength="7">&nbsp;<input type="button" value="Colour..." onClick="document.input.v1.value=forecolor(document.input.v1.value,'Background:');document.getElementById('ddv1').style.backgroundColor=document.input.v1.value;" ></td><tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Frame Colour:</font></td><td width="15"><table ID="ddv97" width="10" border="0" cellpadding="0" cellspacing="0" height="15" bgcolor="#b0c4de"><tr><td></td></tr></table></td><td><input type="text" name="v97" onchange="document.getElementById('ddv97').style.backgroundColor=document.input.v97.value;" value="#b0c4de" size="7" maxlength="7">&nbsp;<input type="button" value="Colour..." onClick="document.input.v97.value=forecolor(document.input.v97.value,'Frame Colour:');document.getElementById('ddv97').style.backgroundColor=document.input.v97.value;" ></td><tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Major Layout:</font></td><td width="15"></td><td><select name="v178" size="1">
<option selected value="1">Horizontal menu, trolley on RHS</option>
<option value="2">Horizontal Menu</option>
<option value="5">Vertical menu, trolley on RHS</option>
<option value="7">Vertical Menu</option>
</select></td></tr>
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Table Layout:</font></td><td width="15"></td><td><select name="v19" size="1">
<option value="1">Image on right</option>
<option selected value="2">Image on left</option>
<option value="3">Image on bottom</option>
<option value="4">Image on top</option>
</select></td></tr>
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Quantity Input:</font></td><td width="15"></td><td><select name="v7" size="1">
<option selected value="1">Pulldown QTY Menu</option>
<option value="2">Edit Boxes</option>
</select></td></tr>
<tr><td><FONT FACE="Arial" COLOR="#000066" size="2">Goods & Services Tax:</font></td><td width="15"></td><td><select name="v10" size="1">
<option value="0">Not required</option>
<option selected value="1">Prices to include GST</option>
<option value="2">Prices to exclude GST</option>
</select></td></tr>
<input type="hidden" name="page" value="Menu1_1"><input type="hidden" name="t" value="1">
<tr><td colspan="3" align="center"><input type="submit" name="submit" value="View E-Commerce Demo"></td></tr>
</table>
</form>
<script langauge="Javascript">
var altpage=true;
version=0;
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE");
version=parseFloat(temp[1])
}
if (version < 5.5) {
document.location="index-test.php?verr=5.0";
}
function forecolor(col,heading) {
var colold = col;
var col2 = "demo/htdocs/colourchooser.php?col=%23" + col.substring(1,7) + "&heading=" + heading;
var col = showModalDialog(col2, "", "dialogWidth:440px; dialogHeight:400px; status:No" );
if(col==null) col=colold;
return col;
}
 


function check(input, error_m) {
var pos = 0
found = false
for (var i = 0; i < input.length; i++) {
chr = input.charAt(i);
for (var j = 0; j < 11; j++) {
pos = illegal_characters[j];
if (chr == pos) found = true;
}
}
if (found == true ) {
//alert if illegal Character is present
alert ( 'Invalid input for ' + error_m + ' - Illegal Character found')
detok = false;
return false
}
};
 


function validate() {
detok = true;
// check name
error_m = "name";
found = false;
//Characters which must be included
if (detok == true ) {
if (document.input.v150.value.length < 1){
alert ('Please enter a company name');
detok = false;
return false;
}
}
 


//for email address
if ((detok == true ) && (document.input.v170.value.length > 3)) {
error_m = "Email address"
//Characters which must be included
if (document.input.v170.value.indexOf('@') != -1 ) {
illegal_characters = new Array ();
check(document.input.v170.value, error_m);
}
else {
//alert if Character which should be there is not present
alert ('Invalid input for the email address - @ Character not present');
detok = false;
return false;
}
} else {
error_m = "Email address"
//alert if less than 4 Characters long
alert ('Invalid input for the email address - Must be more than 4 Characters');
detok = false;
return false;
}
}
</script>
<br><b><a href="mailto:info@robodesignsolutions.com">ROBO Design</a></b>©2005 ROBO Design Solutions.
</td></tr></table></td></tr><tr><td height = "100"></td></tr></table></body></html>