标点符(钱魏 Way)

SEO代码优化规范

一、将要将CSS、JS与HTML相分离,将CSS、JS写入外部文件并调用,将可以合并的CSS和JS文件合并,并作必要的压缩。正在开发的文件命名为file.dev.css,file.dev.js;开发好的使用file.css,file.js;压缩过的使用file.min.css,file.min.js来命名,防止出现混乱。

JS在线压缩:http://www.biaodianfu.com/js-yasuo/
CSS在线压缩:http://www.cleancss.com/

所有JS使用外部调用如:<script type=”text/javascript” src=”/js/xxx.min.js”></script>

二、书写格式的规范,HTML书写时要有缩进,缩进请使用“tab”键,而不是使用“空格空格空格”,对代码块要进行必要的注释。HTML里要避免空行。

<!–注释开始–>
代码块
<!–注释结束–> 

三、HTML协议,建议使用XHTML协议,使用要求较为宽松的过渡型(Transitional)协议

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
并设定命名空间 <html xmlns=”http://www.w3.org/1999/xhtml”>

四、所有标签及元素必须小写,xhtml与html更为严格,如以前使用<TITLE></TITLE>的要改为使用<title></title>,所有属性值用引号括起来。

五、Head部分的规范

1.文件编码:<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

2.title:title长度控制在10-60个字符之间,一个汉字算两个字符,title使用”_”或”|”将关键词区分,最好不使用”-“和”,”,个人建议关键词间使用“_”,关键词与网站名之间使用“|”,个人认为这样能使title表达的意思更为清晰。用户在搜索引擎中搜索看到的最为显著的就是title这部分,所以title不但要包含主要内容,还要让客户看上去有清晰的表达方式。title的书写页面考虑用户体验,不能一眼看上去有SEO的明显痕迹。对title进行必要的精简,虽然搜索引擎Google对title的最大容忍度是64个字符,百度62个字符,但是title最好是越简单越好,title中要包含主要关键词,并有对主关键词的补充说明,能使客户能清晰的知道网站提供的服务内容是什么。书写title前要考虑title中的目标关键词是“完全匹配”“完整匹配”“全部匹配”“部分匹配”还是会出现“不匹配”,同时要考虑匹配顺序。对title的修改,应为百度对title的修改非常敏感,轻则降权,重则K站,所以对title的修改必须慎重。但是title并不是不能修改,修改title的方式为,从最后一个关键词改起,等收录以后再改倒数第二个,最主要的关键词放到最后修改。

2.keywords:keywords的长度要小于100个字符,keywords数量最好不超过10个。排在越前面的keyword越占优势。Keywords中的关键词在网页中至少要出现一次。主要关键词要出现3-4词。

3.description:Description要少于200个字符,description主要是对当前页面的简单描述,描述中可以放置关键词。

六、内容文章越靠近<body>开始标签越好

Body中所有关键词密度 5%-20%之间(所有关键词/总共词数),Body中单个关键词密度1%-5%之间(单个关键词/总共词数),控制关键词距离(距离远近都要出现),和关键词顺序(一致与不一致要都出现),页面内链出要少于100个,内链文字最好要小于所有文字的20%。

七、CSS命名

CSS命名要统一,如使用“驼峰式”比如<div id=”aboutUs”>或统一使用下划线<div id=”about_us”>,同一页面和同套页面不要出现两种或以上命名规则,最好整个网站保持一致。

八、<H1>,<H2>,<H3>及<strong>标签
 
<H1>在同一页面统一使用一次,H1,H2, H3文字不要使用连接。H1主要用于页面主标题,H2可用于副标题,H3用于侧边栏标题等,Strong可用于页面内关键词,虽然strong不受限制,但不要过多使用,一个页面3-4个就够了。

九、Url命名

URL中统一使用英文小写,统一将URL转成UTF-8编码

1.使用中文拼音:面向中文的页面建议使用中文拼音

2.英文:如要使用英文,请在英文单词中间加“-” 比如 globalhotel 最好使用global-hotel,搜索引擎会认为“globalhotel”是一个单词。“-”在URL中不要超过4个。

十、图片优化

1.alt属性,图片格式jpg,图片修改,图片大小

图片必须要要有alt属性,图片旁最好有文字描述,图片格式选用JPG格式,网上保存的图片要对其做调整,放大,缩小,裁剪等,使其md5不一致。

十一、<a>

<a href=”” title=“链接描述”>链接显示</a>,链接描述要与链接显示不同,链接描述主要是做“长尾关键词”

十二._blank 页面是否从新窗口

页面点击后可通过可返回原来页面的不使用 _blank,如可通过导航栏,侧边栏返回前一页的不使用_bank,页面内没有可返回前一页的使用_blank

十三、页面内显示内容用字符替代,避免与HTML冲突。

如 ” <” 用 “&lt;”表示,” >” 用 “&gt;”表示。

十四、语义化代码

比如想要呈现几个产品

原来:
<P>产品1:怎么样怎么样<br />产品2:怎么样怎么样<br />产品3:怎么样怎么样<br /></p>
语义化结构为:<ul><li>产品1:怎么样怎么样</li><li>产品2:怎么样怎么样</li><li>产品2:怎么样怎么样</li></ul>
以酒店为例
如果如果一个页面要显示几个酒店

 ul_hotel
如果酒店是按顺序排列的就要使用有序排列。

ol-hotel

码字很辛苦,转载请注明来自标点符《SEO代码优化规范》

评论