什么是SEO？
SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益。
seo是通过总结搜索引擎的排名规律，对网站进行合理的优化是你的网站在搜索引擎的排名提高，从而利用搜索引擎给自己带来客户。
搜索引擎蜘蛛是通过链接地址来找到你的网站的，seo就是让你的网站符合蜘蛛的胃口，让你的网站链接地址刚好的呈现在搜索引擎蜘蛛面前，从而让他抓取你网站的链接地址。
前端关于SEO的注意事项：
合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
前端优化内容
seo的核心思想是：每个页面抓取几个关键字（一般不超过5个）进行核心优化，想试图通过一个页面就做完所有关键字，是不可能的。
seo优化的基础思路：（四处一词）
（1）当前页面的title上出现这个关键字；
（2）当前页面的keywords和description中出现这个关键字；
（3）当前页面的内容里多次出现这个关键词，并且在第一次出现的时候，加粗；
（4）其他页面的锚文本里，出现这个关键词。
下面来说说看对于网站seo优化的具体方法总结。
（1）调整页面代码结构和标签。这里我觉得就算不从seo的角度来看，有良好编码习惯的前端开发人员也都是应该做到的。css，js和html分离本来就是最最基础的开发习惯。这样不仅仅能够提高编码速度和代码整洁度，更有利于搜索引擎抓取有用的内容。图片使用雪碧图也是好习惯，因为每一张图片都会发送请求，通过css来调整一张雪碧图的不同显示位置也是提高用户体验的很好的方法。
（2）让重要内容优先加载。搜索引擎蜘蛛爬行抓取页面的顺序是从上到下，从左到右，所以最先出现的的链接和关键字权重也会越大。可以通过人为调整html结构来完成seo优化。而金三角，指的是google抓取关键字重点位置一般分布在页面左上，呈三角形。
（3）title。title标签是最最最重要的一个部分。要放在description和keywords之前。最好是不同的页面都能考虑到title的书写合理性，不同的页面，都能根据页面的特点，设置不同的title，优化重点突出。
（4）每个页面只出现一个
标签。标签的权重仅次于title。一般资讯详情页和商品详情页标题，都放在里。（5）标签优化。meta标签的作用是跟搜索引擎解释你的网页是有关于哪些信息的。这里我们只说和seo优化有关的description和keywords标签。description标签通常排在title之后，keywords之前。是用于描述网站，这些描述将鼓动人们浏览你的网站而不是你的竞争对手的，一般在150字之内。keywords中只能包括与你本页内容相关的关键字列表。所有关键字必须与本页内容相关。“逗号”表示“或”，“空格”表示“与”，搜索引擎会把空格分开的关键字根据一定的方式进行组合。关键字不宜以统一形式重复3——6次，重复过多会产生关键字垃圾，因此还有可能会受到惩罚。
（6）关键字合理布局，合理使用
-,这类的标签，都有利于影响关键词排名
（7）语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页。
HTML5的革新—语义化标签
（8）重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
（9）重要内容不要用js输出：爬虫不会执行js获取内容
（10）少用iframe：搜索引擎不会抓取iframe中的内容
（11）图片的alt属性。所有图片都加上alt属性，title属性可选，如果商品详情页，都写上了title和alt，容易造成关键词堆砌，所以一般建议只加alt属性。
alt是![]()
的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。
（12）提高网站速度：网站速度是搜索引擎排序的一个重要指标，可参考下文web前端性能优化——如何提高页面加载速度 - 蓦然JL - 博客园 (cnblogs.com)
（13）链接可根据实际需求添加title属性和nofollow属性。nofollow这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。非特殊性链接，一定要写href，因为搜索引擎对js的支持通常来说很差，图省事用click事件的程序员看到这里估计已经哭晕在厕所。快从厕所出来，以后改掉这个坏毛病。对于不需要排名的链接，请一定加上nofollow属性。加上此属性的链接，权重就不再传递。
（14）页面内容尽量不要做成flash和图片，视频。因为搜索引擎抓取不到抓取不到抓取不到。重要的事要说三遍。
（15）网站结构尽量呈扁平状，目录结构不宜过深，否则不利于搜索引擎抓取。
（16）ajax动态加载的内容，搜索引擎无法识别。（这里不知道现在是否还是这样，有懂得大大可以出来说一说）。对于一些关键的链接组和商品，采用直接输出到页面的方式，优化用户体验的同时兼顾seo。
（17）站内锚文本。站内锚文本.搜索引擎会根据这个“站内锚文本”来理解这个href是做什么的。如果一个页面的站内锚文本足够精确，那这个网站页面在搜索引擎里面的排序就有极大的机会排在靠前的位置。
（18）反向链接。友情链接就是反向链接的一种。优化关键字排名的核心就是获取大量高权重，高PR的反向链接，能在短时间内将关键字排名提高到首页前三位。
（19）长尾关键词 单次搜索次数比较少，但总体数量巨大的非热门关键词。从流量来源来看，seo整站优化带来的流量，特别是大量长尾关键词带来的流量将远远大于其首页带来的流量。
（20）站点地图和rss订阅。给自己的网站做一个站点地图和rss订阅也会影响排名。
（21）做好404页面。不仅是为了提高蜘蛛体验，也是为了用户体验的更好。
（7）语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页。
HTML5的革新—语义化标签
（8）重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
（9）重要内容不要用js输出：爬虫不会执行js获取内容
（10）少用iframe：搜索引擎不会抓取iframe中的内容
（11）图片的alt属性。所有图片都加上alt属性，title属性可选，如果商品详情页，都写上了title和alt，容易造成关键词堆砌，所以一般建议只加alt属性。
alt是的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。
（12）提高网站速度：网站速度是搜索引擎排序的一个重要指标，可参考下文web前端性能优化——如何提高页面加载速度 - 蓦然JL - 博客园 (cnblogs.com)
（13）链接可根据实际需求添加title属性和nofollow属性。nofollow这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。非特殊性链接，一定要写href，因为搜索引擎对js的支持通常来说很差，图省事用click事件的程序员看到这里估计已经哭晕在厕所。快从厕所出来，以后改掉这个坏毛病。对于不需要排名的链接，请一定加上nofollow属性。加上此属性的链接，权重就不再传递。
（14）页面内容尽量不要做成flash和图片，视频。因为搜索引擎抓取不到抓取不到抓取不到。重要的事要说三遍。
（15）网站结构尽量呈扁平状，目录结构不宜过深，否则不利于搜索引擎抓取。
（16）ajax动态加载的内容，搜索引擎无法识别。（这里不知道现在是否还是这样，有懂得大大可以出来说一说）。对于一些关键的链接组和商品，采用直接输出到页面的方式，优化用户体验的同时兼顾seo。
（17）站内锚文本。站内锚文本.搜索引擎会根据这个“站内锚文本”来理解这个href是做什么的。如果一个页面的站内锚文本足够精确，那这个网站页面在搜索引擎里面的排序就有极大的机会排在靠前的位置。
（18）反向链接。友情链接就是反向链接的一种。优化关键字排名的核心就是获取大量高权重，高PR的反向链接，能在短时间内将关键字排名提高到首页前三位。
（19）长尾关键词 单次搜索次数比较少，但总体数量巨大的非热门关键词。从流量来源来看，seo整站优化带来的流量，特别是大量长尾关键词带来的流量将远远大于其首页带来的流量。
（20）站点地图和rss订阅。给自己的网站做一个站点地图和rss订阅也会影响排名。
（21）做好404页面。不仅是为了提高蜘蛛体验，也是为了用户体验的更好。