SEO优化技巧

SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。

关于meta标签

    meta标签的作用有：搜索引擎优化，定义页面实用语言，自动刷新并指向新的页面，实现网页转换时的动态效果 ，控制页面缓冲，网页定级评价，控制网页显示的窗口等！
`META`标签的`keywords

<meta name="Keywords" content="信息参数" />

1.meta标签的keywords的信息参数，代表说明网站的关键词是什么。
2.网易云课堂的写法:

<meta name="keywords" content="优质课程、智能问答、趣味实践、随心笔记、教育、网易公开课、计算机开发、交互视觉设计、视频教程、交流互动、免费、名师、实用、培训"/>
META标签的`Description`

``` 1.`meta`标签的`Description`的信息参数，代表说明网站的主要内容，概况是什么。 2.网易云课堂的写法：

<meta name="description" content="云课堂是网易公司研发的一款大型在线教育平台服务，该平台面向学习者提供海量免费、优质课程，创新的个性化学习体验，自由开放的交流互动环境。继网易公开课后，云课堂是网易公司在教育领域的又一重量级产品。"/>

META标签的Robots

<metaname="Robots" content="信息参数">

1.Robots代表高速搜索引擎机器人抓取哪些页面
2.网易云课堂的写法：

<meta name="robots" content="all">

3.参数说明：

信息参数	含义
all	文件被检索，且页面上的链接可以被查询
none	文件将不被检索，且页面上的链接不可以被查询
index	文件将被检索
follow	页面上的链接可以被查询
noindex	文件将不被检索，但页面上的链接可以被查询
nofollow	文件将被检索，但页面上的链接不可以被查询

其他SEO优化技巧

除了meta，我们还应该了解很多的SEO优化技巧

简化代码结构，更利于搜索引擎分析抓取有用内容，所有js、css采用外联方式，图片采用css精灵，减少请求次数

利用布局，把重要内容HTML代码放在最前。搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让主要代码优先读取，广告等不重要代码放在下边。

每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般咨询详情页的标题、商品详情页的标题，都放在H1里。

图片一定要添加alt属性，title属性可选：不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词

图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到速度

非特殊性链接，链接地址一定要写入herf属性，做过SEO优化的人都知道，蜘蛛目前对于js的支持很差，基本无法读取里面的链接地址。所以说click事件是绝对不允许的，特别是一些重要的导航链接。

网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取

做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404.用户体验友好，可以留住用户不至于直接关闭页面；蜘蛛友好，可以返回抓取其他页面

重要内容不要用js输出。蜘蛛不会读取js里面的内容，所以重要内容必须放在HTML中

尽少使用ifname框架。搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中