HTML代码搜索引擎seo优化

    首先是html代码要简洁规范，其次是合理使用title、keywords、description、canonical、H1、alt、nofollow、strong标签，最后是js、css加载优化。

1、title是搜索引擎的抓取重点，作为影响网页排名的重要因素和搜索结果页面的显示信息。一般来说Title标签字数不超过30个字符，最好包含关键字。但不要全部都是关键字，避免造成页面关键字堆砌导致过度优化，从而受到搜索引擎的惩罚。

2、keywords关键词优化要注意关键词密度和允许出现的位置，多个最好用“，”号隔开，关键词数量不要超过10个，出现的关键词一般包含在文本正文或alt等标签出现密度比较多的词。

3、description标签让页面的相关度更高。在用户搜索关键词的时候，可以通过描述大致了解网站的主题内容，搜索引擎会截取描述标签里的部分内容作为页面的描述， 有助于提高页面的相关性，主关键词一般出现5次左右，每个辅关键词只出现1次是比较合理的。最重要的是添加完关键词后，description标签中的语言读起来比较连贯，没有堆积关键词的现象。

4、canonical标签是一种告诉搜索引擎特定网页的首选版本的方式。不管是出于seo操作还是网站用户使用，有很多原因都会导致重复页面的问题，或者非常相似的页面可以用不同的网址打开。而canonical标签的使用起到了整合重复内容的作用，可以帮助搜索引擎选择网页的首选网址，避免因重复内容问题可能带来的惩罚。使用canonical标签对重复内容进行了整合，避免了权重在不同链接间的分散，将权重集中在规范网页，也有利于网页的收录和排名提升。

5、H1标签一个页面只能出现1次，对网站关键词排名有很大的帮助，其首要作用是修饰网页的主标题，由于搜索引擎需要在一堆代码中了解这个页面的内容，而这时H1标签就起到作用，告诉搜索引擎标题的方位，以便于他们敏捷的掌握文本的大意。一旦搜索引擎了解了这个页面的首要内容，自然的也就会收录这个页面，并增加页面关键词排名。

6、alt标签使搜索引擎抓取图片内容，还可以增加关键词密度，也可以用于图片搜索获取目标流量。利用得当，有利于提升搜索引擎的信任评级以及关键词排名的提高。

7、nofollow标签让蜘蛛优先爬取有价值的链接或者页面。对没有价值的链接添加nofollow标签，这会让更多有价值的页面优先收录。增加网站权重。

8、js优化，重要链接用a链接不要用JS脚本调用或解析，如主导航、菜单系统、栏目等；想被收录的内容不要用JS调用，包括文章正文，产品说明，产品图片等。

9、css优化，合理设计css布局和压缩体积，减少数据传输量，注意复用样式，降低css渲染页面浓厚度，减少低效代码的使用，如：滤镜、express、!import等。