在开发完网站后，总是希望能被较快的搜到，或者在搜到相关领域的时候，能排到比较靠前的位置，要实现这些效果，离不开SEO优化了。这篇经验就讲讲作为前端开发需要注意的一些SEO设置。
方法1
合理使用title、description和keywords，使得重要内容突出。
title：只强调重点即可，重要关键词出现不要超过2次，而且要靠前，每个页面title要有所不同。
description：把网页内容高度概括到这里，长度要合理，不要过分堆砌关键词，每个页面description要有所不同。
keywords：列举出几个重要关键词即可，也不要过分堆砌。
2语义化书写HTML代码，使用符合W3C标准的标签对。
对于搜索引擎来说，最直接面对的就是网页HTML代码，如果代码写的语义化，搜索引擎就会很容易的读懂该网页要表达的意思。
3重要位置放置重要内容。
利用布局，把重要内容HTML代码放在最前。搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让主要代码优先读取，让爬虫最先抓取。
4尽量避免使用js输出重要内容。
重要内容不要用JS输出，爬虫不会读取JS里的内容，所以重要内容必须放在HTML里。
5尽量避免使用iframe框架。
搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。
6图片需使用alt标签。
为图片加上alt属性，alt属性的作用是当图片无法显示时以文字作为代替显示出来，对于SEO来说，它可以令搜索引擎有机会索引你网站的图片。
7需要强调的地方可以加上title属性。
在进行SEO优化时，适合将alt属性设置为图片本来的含义，而将 ttitle属性为设置该属性的元素提供建议性的信息。
8为图片设置尺寸。
为图片加上长宽的属性，图片大的会排在前面一点。
9保留文字效果。
如果需要兼顾用户体验和SEO效果，在必须用图片的地方，例如个性字体的标题，我们可以利用样式控制，让文本文字不会出现在浏览器上，但在网页代码中是有该标题的。
10通过代码精简，使用CDN资源，云加速等方式提升网站打开速度。
网站速度是搜索引擎排序的一个重要指标。
11使用nofollow属性。
对于指向外部网站的链接要使用rel=”nofollow”属性告诉爬虫不要去爬其他的页面。
12SEO优化是一整套的方案，任何一项都做好也不一定效果明显，但是只要做好了，一定会 比同类的其他网站有更好的SEO排名。优化不容易，且行且珍惜吧。
END
