<meta http-equiv="content-type" content="text/html; charset=GBK" /> 
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
 
<meta name="Keywords" content="外包業，外包100強，外包協會，外包專家，外包"/> 
 
<meta name="Description" content="最重要的專業性國際外包研究聯合會,中國外包行業的進步，全球外包領域頂尖專家，外包跨越地平線，顛覆思維" /> 
 
<title>About IAOP</title> 
 
  

For example : the old one of index.html is

<title>About IAOP</title> 

<title>全球外包專家-簡介</title> 

Step 5:Every word in the paragraph with the content “外包”,“外包業”，”外包專家”,”外包協會” should be embedded into <b></b> tag.

This rule is applicable for every page.

For example: in index.html  line 43-45

<td> 
 
1993年，全球著名的外包專家麥克爾•卡伯特先生，在美國創立了國際外包專家協會-The International Association of Outsourcing Professionals (IAOP) ，這是一個全球性的標準制定組織，通過推出各種專業標準和行業規范，致力于推動外包產業的發展。<br/> 
 
</td> 
 
  

<td> 
 
1993年，全球著名的<b>外包</b>專家麥克爾•卡伯特先生，在美國創立了國際<b>外包專家</b>協會-The International Association of Outsourcing Professionals (IAOP) ，這是一個全球性的標準制定組織，通過推出各種專業標準和行業規范，致力于推動<b>外包產業</b>的發展。<br/> 
 
</td> 
 
  

Step 6:Every word in the paragraph with the content “外包”,“外包業”，”外包專家”,”外包協會” should be added with the <a></a> hyperlink.

This rule is applicable for every page.

So ,in the above paragraph ,all the “外包”,”外包業”,”外包專家”,”外包協會” should be linked to http://baike.baidu.com/view/123205.htm

Step 7:Every <img> link should be added with an “alt” attribute ,and in this attribute ,we should add some keyword.

This rule is applicable for every page.

For example ,in contactus.html line 29 ,the original one is

<img src="p_w_picpaths/c7414231-f191-4e1d-a50a-1eef6d949a70.jpg" alt="no p_w_picpath"> 

We should replace with

<img src="p_w_picpaths/c7414231-f191-4e1d-a50a-1eef6d949a70.jpg" alt="外包服務聯系商"> 

Step 8:Move all the javascript out of the html page ,and include them in the html page.

This rule is applicable for every page.

For example , IAOP membership.html from Line 200 to Line 212 has the following javascript.

<script type="text/javascript"> 
 
  
 var _gaq_gaq = _gaq || []; 
 
  _gaq.push(['_setAccount', 'UA-29894656-1']); 
  _gaq.push(['_trackPageview']); 
  
  (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
 
  })(); 
  
</script> 
 
  

We should create a folder named js ,then create a file named xxx.js ,then include this js in this page using the following grammar.

<script type="text/javascript" src="$../js/xxx.js"></script> 
 
  

Step 9: url rewrite

I don’t know whether this website will contain dynamic page or only contain some static page ,if you need to let page pass parameter such as http://abc.jsp?a=2&b=3

You should use some url rewrite mechanism ,such as http://abc/2/3

Details if you need it ,I can add more .

Step 10:If possible ,add the breadcrumb for every page

For example ,首頁>外包資訊> 上海外包資訊

Step 11:Compress static resource files

make sure that compress every css /js file using the tool naming yui-compressor.

Step 12:Merge p_w_picpaths

Use CSS Sprite to merge every small p_w_picpath into a whole big p_w_picpath named iaopSprite.gif ,and in the css file ,use the background p_w_picpath and position to allocate the small p_w_picpath coordinate in th big p_w_picpath as follows:

#leftNavigation h2{ background:url(../../p_w_picpaths/iaopSprite.gif) -209px -38px;width:181px;height:24px; } 

Step 13:Optimize all the css file  of margin and padding  attribute as follows:

For example, in aboutIAOP.css line 49 to line 61 ,we have

body{ 
 
      background-p_w_picpath:url(../p_w_picpaths/bkr.jpg); 
 
      background-repeat:repeat-x; 
      background-position: center top; 
      margin-top: 0px; 
 
      margin-right: 0px; 
      margin-bottom: 0px; 
      margin-left: 0px; 
      font-family: Arial, Helvetica, sans-serif; 
 
      font-size: 12px; 
      color: #333333; 
      overflow:scroll; 
      } 

body{ 
 
      background-p_w_picpath:url(../p_w_picpaths/bkr.jpg); 
 
      background-repeat:repeat-x; 
      background-position: center top; 
      margin:0 0 0 0; 
      font-family: Arial, Helvetica, sans-serif; 
 
      font-size: 12px; 
      color: #333333; 
      overflow:scroll; 
      } 
 
  

Step 14:Check every hyperlink <a> tag in every page so that all of these links are valid:

Use http://validator.w3.org/checklink tool to make sure that every link that exists in your website is valid link.

Step 15:Make sure that the website has updating frequency (daily update is recommend):

I suggest that we use Jenkins/Hudson to make sure the website has daily build every mid-night (low throughput at mid-night)

Create  a Jenkins project ,then configure it ,to make sure the website will build every night and deploy to container.