聊聊吴川SEO的那些事儿

一、搜索引擎那点事
当我们在百度输入"吴川特产"，按下搜索键，然后看到结果列表。这背后啊，搜索引擎可忙活了好久。
在搜索引擎的后台，有个特别大的数据库，里面存着数不清的关键词，每个关键词又对应着好多网址。这些网址都是搜索引擎派出的"蜘蛛"从互联网各个角落搜集来的。这些小东西每天不知疲倦地在网上爬来爬去，从这条链接爬到那条链接，把看到的内容下载下来仔细分析。要是发现新鲜又有用的关键词，就赶紧存进数据库；要是觉得是垃圾信息或者重复内容，就甩甩头继续往前爬。等到有人搜索时，就能把最相关的网址挑出来排好队展示给用户。
一个关键词对应那么多网址，这就牵涉到排序问题了。一般来说，跟关键词最搭的网址就能排到前面去。不过"蜘蛛"在分析网页内容的时候，会遇到个麻烦：它得能看懂才行。要是网站全是Flash和JS，它就傻眼了，再好的内容也白搭。所以啊，得用它能懂的语言，这就是SEO。

二、SEO是啥玩意儿
全称：Search English Optimization，搜索引擎优化。自从有了搜索引擎，SEO就跟着出生了。
为啥要做这个呢？就是为了让网页在搜索引擎的自然搜索结果里多露脸，位置靠前点。说白了，就是想让百度这些搜索引擎多收录咱们精心捣鼓的网站，等有人来搜的时候能排在前几名。
这里头分两种：白帽SEO和黑帽SEO。白帽SEO嘛，是老老实实优化网站，让搜索引擎和用户都觉得舒服，这样从搜索引擎来的流量也实在，搜索引擎可喜欢这种了。黑帽SEO就不太老实了，专钻搜索引擎的空子，这种做法搜索引擎可不待见。咱们今天聊的是白帽SEO，那具体能做啥呢？

1. 把网站标题、关键字、描述好好琢磨琢磨，让搜索引擎一眼就明白这网站是干啥的；


2. 网站内容得跟关键字对上号，适当增加关键字密度；


3. 好好设置Robot.txt文件；


4. 弄个搜索引擎喜欢的网站地图；


5. 多找些外部链接，到处宣传宣传；

三、前端SEO要留意
通过调整网站结构和优化网页代码，让做出来的页面既让人看得顺眼，也让"蜘蛛"能看懂。
(1)网站结构布局得讲究：越简单越好，最好是扁平化结构
一般来说，网站结构层次越浅，"蜘蛛"越容易抓取，也就越容易被收录。中小型网站要是超过三级目录，"蜘蛛"可能就不乐意往下爬了，"万一迷路了咋整"。而且据调查：用户要是跳转三次还找不到想要的信息，八成会直接关页面走人。所以说三层结构也是照顾用户体验。具体要怎么做呢？

1. 首页链接数量要控制好

网站首页可是最有分量的地方，要是首页链接太少，"蜘蛛"就没法顺着桥爬到内页去，直接影响网站收录。但链接也不能太多，太多的话显得杂乱，既影响用户体验，又会拉低首页权重，收录效果反而不好。
所以中小型企业网站，建议首页链接控制在100个以内，可以包括页面导航、底部导航、文字链接这些，关键是得让用户看着舒服，能顺利找到需要的信息。

1. 目录层次尽量扁平化，确保"蜘蛛"跳转三次就能到达任何一个内页。比如说"吴川"->"特产"->"海鲜""月饼""泥塑"，三级就能找到泥塑了。


2. 导航要优化

导航最好用文字，实在想用图片也行，但记得给图片代码加上"alt"和"title"属性，这样就算图片显示不出来，用户和"蜘蛛"也能知道这是个啥。
另外每个页面都要有面包屑导航，好处可多了：对用户来说，能清楚知道自己在哪里，整个网站的结构也一目了然，还方便返回其他页面；对"蜘蛛"来说，能更好地理解网站结构，顺便增加内部链接，抓取起来更方便，跳出率也低了。

1. 网站结构布局的小细节

页面头部：放logo和主导航，还有用户信息；
页面主体：左边放正文，包括面包屑导航和具体内容；右边放热门文章和相关推荐，好处是能留住访客，让他们多待会儿。对"蜘蛛"来说，这些相关链接能增强页面之间的关联性，提升页面权重；页面底部：放版权信息和友情链接。
特别要注意分页导航的写法，推荐这么写："首页 1 2 3 4 5 6 7 8 9 下拉框"，这样"蜘蛛"能直接跳到指定页码。不推荐"首页 下一页 尾页"这种，特别是分页多的时候，"蜘蛛"得一层层爬，太累人了，容易半途而废。

1. 页面别太大，减少http请求，提升网站加载速度。

一个页面最好别超过100k，太大的话加载慢。速度一慢，用户等不及就走了，"蜘蛛"也会超时离开。

(2)网页代码要优化

1. 标题：突出重点就行，重要的关键词放前面，别重复出现，每个页面标题都要不一样。


2. 标签：把页面重要的几个关键词列出来就行，千万别堆砌。


3. 标签：网页描述要简明扼要，别太长，别硬塞关键词，每个页面描述也得有区别。


4. 中的标签：代码要语义化，该用什么标签就用什么，让看代码的人和"蜘蛛"都能看明白。比如h1-h6就该用在标题上。


5. 超链接标签：页内链接要加"title"属性说明，让访客和"蜘蛛"都知道这是啥。外部链接，就是连到其他网站的，要加上el="nofollow"属性，告诉"蜘蛛"别爬了，不然它一去可能就不回来了。


6. 正文标题一定用h1标签："蜘蛛"觉得这个最重要，要是嫌h1默认样式不好看，可以用CSS改。最好正文标题用h1，副标题用h2，其他地方别乱用h标签。


7. 换行标签：只在文本需要换行的时候用


8. 表格记得用表格标题标签


9. 图片一定要加"alt"属性说明


10. 加粗和强调标签：该强调的时候再用。加粗标签在搜索引擎眼里分量很重，能突出关键词，表现重点内容。强调标签的效果仅次于加粗标签。


11. 文本缩进别用特殊符号，应该用CSS设置。版权符号也别用特殊符号，直接在输入法里打"banquan"，选第5个就出来了。


12. 巧用CSS布局，把重要的HTML代码放前面，因为最前面的内容被"蜘蛛"认为是最重要的，会优先抓取。


13. 重要内容别用JS输出，"蜘蛛"看不懂


14. 尽量少用iframe框架，"蜘蛛"一般不看里面的内容


15. display：none要慎用：不想显示的文字内容，应该用z-index或者设置到浏览器显示范围外。因为搜索引擎会直接过滤掉display:none里的内容。


16. 代码要不断精简


17. 操作DOM的js代码尽量放在body结束标签前面，html代码后面。