前端如何做网站的SEO

今天面试遇到这个面试题，感觉自己说的并不是很全面，所以上网查了一下，顺便在这里帮大家总结一下

1.什么是seo

所谓seo（Search Engine Optimization）即搜索引擎优化。简单说就是百度、谷歌搜索引擎的‘蜘蛛’，如下图

2.seo目的

seo是通过总结搜索引擎的排名规律，对网站进行合理的优化是你的网站在搜索引擎的排名提高，从而利用搜索引擎给自己带来客户。

3.seo工作原理

搜索引擎蜘蛛是通过，连接地址来找到你的网站的，seo就是让你的网站符合蜘蛛的胃口，让你的网站连接地址刚好的呈现在搜索引擎蜘蛛面前，从而让他抓取你网站的连接地址。

4.前端优化内容

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）图片的alt属性。所有图片都加上alt属性，title属性可选，如果商品详情页，都写上了title和alt，容易造成关键词堆砌，所以一般建议只加alt属性。

（8）链接可根据实际需求添加title属性和nofollow属性。nofollow这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。非特殊性链接，一定要写href，因为搜索引擎对js的支持通常来说很差，图省事用click事件的程序员看到这里估计已经哭晕在厕所。快从厕所出来，以后改掉这个坏毛病。对于不需要排名的链接，请一定加上nofollow属性。加上此属性的链接，权重就不再传递。

（9）页面内容尽量不要做成flash和图片，视频。因为搜索引擎抓取不到抓取不到抓取不到。重要的事要说三遍。

（10）网站结构尽量呈扁平状，目录结构不宜过深，否则不利于搜索引擎抓取。

（11）ajax动态加载的内容，搜索引擎无法识别。（这里不知道现在是否还是这样，有懂得大大可以出来说一说）。对于一些关键的链接组和商品，采用直接输出到页面的方式，优化用户体验的同时兼顾seo。

（12）站内锚文本。站内锚文本.搜索引擎会根据这个“站内锚文本”来理解这个href是做什么的。如果一个页面的站内锚文本足够精确，那这个网站页面在搜索引擎里面的排序就有极大的机会排在靠前的位置。

（13）反向链接。友情链接就是反向链接的一种。优化关键字排名的核心就是获取大量高权重，高PR的反向链接，能在短时间内将关键字排名提高到首页前三位。

（14）长尾关键词 单次搜索次数比较少，但总体数量巨大的非热门关键词。从流量来源来看，seo整站优化带来的流量，特别是大量长尾关键词带来的流量将远远大于其首页带来的流量。

（15）站点地图和rss订阅。给自己的网站做一个站点地图和rss订阅也会影响排名。

（16）做好404页面。不仅是为了提高蜘蛛体验，也是为了用户体验的更好。

文章转自知乎！