SEO优化技巧

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

关于meta标签

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

• META标签的keywords

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

1. meta标签的Keywords的的信息参数，代表说明网站的关键词是什么。

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

---

• META标签的Description

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

1. meta标签的Description的信息参数，代表说明网站的主要内容，概况是什么。

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

---

• META标签的Robots

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

1. Robots代表告诉搜索引擎机器人抓取哪些页面

2. 网易云课堂的写法：
   <meta name="robots" content="all"/>

3. 参数说明：

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

---

其他SEO优化技巧

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

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

• 利用布局，把重要内容HTML代码放在最前。搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让主要代码优先读取，广告等不重要代码放在下边。例如，在左栏和右栏的代码不变的情况下，只需改一下样式，利用float:left;和float:right;就可以随意让两栏在展现上位置互换，这样就可以保证重要代码在最前，让爬虫最先抓取。同样也适用于多栏的情况。

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

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

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

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

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

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

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

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

SEO要适度，网站还是要以“内容为王”，有好的内容网站才会有发展。