网站的SEO优化

关于web前端开发过程中SEO优化的注意点

简单点理解就是标签的语义化，在合适的地方用最合适的标签，这样会更利于网络爬虫对网站的解析

SEO优化通俗点说就是为了让网站在各大搜索引擎中更容易的被搜到，即提高搜索排行，从而提高网站流量的一个技术手段

在写web页面的时候，为了让网络爬虫更容易的搜索到页面，需要注意几个点：

html语义化

刚接触web前端开发的时候很奇怪，既然html标签可以通过css进行更改它的内置属性，为什么还有这么多的标签存在

,

,,....

而现在，随着对前端的不断深入，才逐渐明白它的用处

语义化的html可以让开发者更容易看懂每一块代码的含义及其侧重点，同时，对于SEO优化也有帮助

网络爬虫在搜索的过程中会按着html语义去侧重搜索，

标准的符合W3C规范html能让网络爬虫更好的理解，从而提高网站的SEO优化水平。

在http://www.w3school.com.cn/html篇中，有对每一个标签的语义都做了说明，需要的同学可以注意看下。

ifame

对于前端开发来说，ifame已经是很久之前的技术了，现阶段应该很少有前端开发者使用ifame（当然，在后台框架搭建中还是会使用到）

ifame退出前端舞台的理由我想应该就有一点，web中使用ifame，ifame中的内容网络爬虫是搜索不到的，所以对于ifame页面来说基本不存在SEO优化

建议前端开发中少用，（后台开发对这点到不在意，后台系统对于SEO优化没这需求吧）

js输出

对于网站中一些重要的文字或内容最好不要使用js输出生成html展现，因为网络爬虫对web中的js只会视而不见，所以用js输出过多的内容

会让网站的SEO优化水平降低，建议重要的信息不要用js输出（我还是挺喜欢用js去输出html的，被限制住~~~~）

alt属性

alt属性一般应用在标签里，当图片无法正常加载时，alt属性设置的值就会显示出来作为解释文本

对于前端开发人员来说总感觉这个属性有点鸡肋，因为在开发过程中基本看不到这个属性的效果（PS：开发过程中一般情况都不会有加载图片失败的情况）

不过要注意，该加的属性还是要加上去的，网络爬虫是识别不了图片的，不管你的图片怎么炫怎么酷，在网络爬虫眼里终究只是一段code而已，而

标签的alt属性在网络爬虫眼里就是图片的标志

title属性

title属性一般应用在标签里，当鼠标移动到图片上面时，title属性设置的值就会显示出来作为解释文本