搜索引擎优化（step-by-step)

1.   
2.   
3. <meta http-equiv="content-type" content="text/html; charset=GBK" /> 
4.  
5. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
6.  
7. <meta name="Keywords" content="外包业，外包100强，外包协会，外包专家，外包"/> 
8.  
9. <meta name="Description" content="最重要的专业性国际外包研究联合会,中国外包行业的进步，全球外包领域顶尖专家，外包跨越地平线，颠覆思维" /> 
10.  
11. <title>About IAOP</title> 
12.  
13.   

For example : the old one of index.html is

1. <title>About IAOP</title> 

1. <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

1. <td> 
2.  
3. 1993年，全球著名的外包专家麦克尔•卡伯特先生，在美国创立了国际外包专家协会-The International Association of Outsourcing Professionals (IAOP) ，这是一个全球性的标准制定组织，通过推出各种专业标准和行业规范，致力于推动外包产业的发展。<br/> 
4.  
5. </td> 
6.  
7.   

1. <td> 
2.  
3. 1993年，全球著名的<b>外包</b>专家麦克尔•卡伯特先生，在美国创立了国际<b>外包专家</b>协会-The International Association of Outsourcing Professionals (IAOP) ，这是一个全球性的标准制定组织，通过推出各种专业标准和行业规范，致力于推动<b>外包产业</b>的发展。<br/> 
4.  
5. </td> 
6.  
7.   

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

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

We should replace with

1. <img src="images/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.

1. <script type="text/javascript"> 
2.  
3.   
4.  var _gaq_gaq = _gaq || []; 
5.  
6.   _gaq.push(['_setAccount', 'UA-29894656-1']); 
7.   _gaq.push(['_trackPageview']); 
8.   
9.   (function() { 
10.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
11.  
12.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
13.  
14.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
15.  
16.   })(); 
17.   
18. </script> 
19.  
20.   

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.

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

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 images

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

1. #leftNavigation h2{ background:url(../../images/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

1. body{ 
2.  
3.       background-image:url(../images/bkr.jpg); 
4.  
5.       background-repeat:repeat-x; 
6.       background-position: center top; 
7.       margin-top: 0px; 
8.  
9.       margin-right: 0px; 
10.       margin-bottom: 0px; 
11.       margin-left: 0px; 
12.       font-family: Arial, Helvetica, sans-serif; 
13.  
14.       font-size: 12px; 
15.       color: #333333; 
16.       overflow:scroll; 
17.       } 

1. body{ 
2.  
3.       background-image:url(../images/bkr.jpg); 
4.  
5.       background-repeat:repeat-x; 
6.       background-position: center top; 
7.       margin:0 0 0 0; 
8.       font-family: Arial, Helvetica, sans-serif; 
9.  
10.       font-size: 12px; 
11.       color: #333333; 
12.       overflow:scroll; 
13.       } 
14.  
15.   

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.