北海seo那些事儿：想让家乡的网站在搜索里冒个泡

一、当我们在北海打开搜索引擎
在北海的街头巷尾，无论是想了解北海银滩的天气，还是想找一家地道的北海海鲜大排档，我们多半会习惯性地打开手机或电脑，在输入框里敲几个字，然后一点搜索。这背后搜点什么，其实挺有意思的。
在搜索引擎那边，比如百度吧，它背后有一个特别大的库，里面装满了数不清的关键词，每个词呢，又连着好多好多网址，这些网址都是那些叫作“搜索引擎蜘蛛”或者“网络爬虫”的程序，从网上这儿一点、那儿一点扒拉过来的。这些北海的“蜘蛛”也是，每天不知疲倦地在网络的海洋里爬来爬去，从这个链接爬到那个链接，把里面的东西下载下来，瞅瞅，提炼提炼。要是找到一个关键词，它觉得“哎，这个我库里没有，对北海的网友应该有用”，它就存起来。要是觉得是垃圾或者看腻了的，它就丢开，继续爬它的，去找点新鲜的、有用的信息存着，等北海的街坊邻里来搜。这样一来，大家一搜，才能看到那些跟你的北海关键词搭边的网址。
一个词对应那么多网址，那就得排个队了，相应的当和关键词最对得上的那个网址，就排前面了。在“蜘蛛”忙活着抓网页、提炼词的这功夫，有个问题就冒出来了：它看不看得懂呢。如果北海哪个网站，里面全是些FLASH动画和JS特效，那“蜘蛛”就傻眼了，晕头转向的，哪怕你的关键词再贴切也没用。相应的，如果网站内容是它的语言，那它就能看明白，这个语言嘛，就是SEO了。

二、聊聊北海SEO
全称：Search English Optimization，搜索引擎优化。自从有了搜索引擎，SEO就跟着来了。
存在的意义呢，就是为了提升网页在搜索引擎自然搜索结果里的排名位置，想让北海的网站被多收录点，排得靠前点。简单说，就是希望百度等搜索引擎能多瞧上咱们北海的网站几眼，把它收进去，别人来找的时候能看到它，最好还是在前排。
分类：有白帽SEO和黑帽SEO。白帽SEO，就是规规矩矩地来，能让咱们北海的网站设计更清楚、更容易用，用户和搜索引擎都喜欢。这样做能从搜索引擎那儿换来些合理的流量，搜索引擎是鼓励的。黑帽SEO呢，就有点想走捷径了，钻空子，很多时候是糊弄搜索引擎，这种一般搜索引擎公司是不支持与鼓励的。所以咱还是说说白帽SEO吧，那白帽SEO能给北海的网站做些啥呢？

1. 把网站的标题、关键词、描述好好琢磨一下，写清楚，让搜索引擎一看就知道这个北海网站是干什么的；


2. 做好网站内容，让内容跟关键词对上号，关键词该出现就多出现几次；


3. 在网站里写上合适的 Robot.txt 文件；


4. 搞个让搜索引擎看着顺眼的网站地图；


5. 到别的网站发点链接，给咱们北海的网站打打广告；

三、北海网站的前端SEO门道
通过网站的结构布局设计和网页代码优化，让网站前台页面，咱们北海的街坊能看懂，也能让“蜘蛛”看懂。
(1)网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。
一般来说，北海的网站结构层次越少，“蜘蛛”越乐意爬进去抓取，也越容易被收录。一个中小型的北海网站，要是目录结构超过了三层，“蜘蛛”可能就不太想往下走了，“爬太深，万一迷路了咋办”。而且，有调查发现：北海的访客要是跳转3次还没找到他要的东西，可能就关上网页走人了。所以，三层目录结构也刚好能让用户体验好一点。那咱得做到：

1. 首页链接数量控制好

网站首页是权重最高的地方，如果首页链接太少，没有“蜘蛛”能走的“路”，它没办法继续爬到内页去转转，影响网站收录数量。但是首页链接也不能太多，万一太多，一大堆没意思的链接在那，用户体验会变差，还会拉低网站首页的权重，收录效果也不好。
所以，按我们北海这边中小企业的实际情况，网站首页上的链接差不多100个以内就行。这些链接可以是顶上的导航栏、底部的链接、正文里加粗的文字链什么的，总之得让用户方便找到他需要的北海信息才行。

1. 目录层次尽量扁平，最好让“蜘蛛”跳到个3次，就能到咱北海网站里的任何一页。比如说你弄个北海特产介绍，结构像这样：“北海特产”–> “海产品” –> “鱿鱼丝”、“沙虫干”、“虾米”，3步就找着沙虫干了。


2. 导航优化

导航最好用文字来写，配图导航的话也行，但得把图片的代码给优化一下，标签一定得加上“alt”和“title”属性，明确告诉搜索引擎这导航是往哪去的。这样图片万一加载不出来，用户也能看到字。
其次，每个网页上都应该放上“面包屑导航”，就跟咱们小时候走丢了好找路一样。从用户体验方面来说，可以让北海的访客了解“现在我在网站的哪个位置”，好认路。对“蜘蛛”而言，结构清楚了，还多了好些内部链接，抓起来方便，也不会爬一半跑掉。

1. 网站的结构布局--北海本地网站不可忽略的细节

页头顶上：放网站Logo、主要的导航菜单，还有用户登录信息这些。
页面中间：左边放正文，包括面包屑导航和具体内容；右边最好放点北海相关的热门文章、推荐文章啥的，这样能留住访客，让他多看几眼，也能让“蜘蛛”觉得“嗯，这个页面内容挺相关的”，对提高页面权重有好处。
页面底部：记得把版权信息和别的北海友好网站链接放上去。
特别是做北海分页展示的时候，最好写成这样：“首页 1 2 3 4 5 6 7 8 9 下拉框”，“蜘蛛”能直接挑页码往上跳，下拉框也行。别写成“首页 下一页 尾页”这种，尤其是北海网站产品多，分页也多的时候，“蜘蛛”要转好久，容易累，一累就不想爬了。

1. 控制页面的大小，别让网页加载太慢。

一页最好不要超过100k，太大了加载慢。北海的网速有时候也不快，网页一慢，用户没耐心等了，就直接关掉了。要是一加载就超时，“蜘蛛”也走了。

(2)网页代码优化

1. 标题：把重点词放前面说明白就行，北海的关键词别来回重复写。每个页面的标题，最好是不同的。


2. 标签：关键词，就列几个跟页面相关的北海重点词，别写一大堆。


3. 标签：描述，把网页内容概括几下，别太长，也别把北海关键词堆起来。每个页面也写不同的。


4. 里的标签：用该用的标签，让看代码的人和“蜘蛛”都能明白写的是什么意思。比如：h1-h6是给标题用的。


5. 链接标签：北海网站里的链接，要加 “title” 属性备注一下，点进去是去哪，让访客和“蜘蛛”心里有数。链到北海外头别的网站的，就需要加上 el="nofollow" 属性，明着告诉“蜘蛛”别跟过去，因为“蜘蛛”一爬出去，可能就不回来了。


6. 正文标题最好用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. js代码里操作DOM的部分，最好放在body结束标签前面，html代码的后面。