白云SEO方案解密：让搜索引擎一眼爱上你的网站

一、搜索引擎那些事儿
当我们在百度搜索框输入"白云SEO"这样的关键词，点击查询按钮后，那些排在前面的网站结果是怎么来的呢？这背后藏着搜索引擎的小秘密。
在像百度这样的搜索引擎后台，有个特别庞大的数据库，里面存着数不清的关键词，每个关键词都对应着很多网址。这些网址都是被叫作"搜索引擎蜘蛛"的小程序，从茫茫互联网上像采蜜似的收集来的。这些勤快的"蜘蛛"每天在网络上爬来爬去，顺着链接从一个网页爬到另一个网页，把看到的内容下载下来仔细分析，找到其中有用的关键词。要是"蜘蛛"觉得这个关键词数据库里没有，而且对用户会有帮助，就赶紧存进数据库。相反，要是觉得是垃圾信息或者重复内容，就摇摇头不要了，继续往前爬，专门找那些新鲜有用的信息存起来。等用户来搜索时，就能快速找出和关键词最匹配的网址展现在大家面前。
因为一个关键词往往对应很多网址，这就出现了排名先后的问题。自然而然，和关键词最对路的网站就会排在最前面。不过在"蜘蛛"抓取网页内容、提炼关键词的过程中，会遇到个麻烦事："蜘蛛"能不能看懂网页内容？要是网站全是flash和js动效，"蜘蛛"就看不懂了，哪怕关键词再合适也白搭。反过来，要是网站用它能理解的语言写，它就能明白，这个语言就是SEO。

二、白云SEO能做什么
全称：Search Engine Optimization，搜索引擎优化。其实从有搜索引擎那天起，SEO就跟着诞生了。
做白云SEO的意义：就是为了让网页在搜索引擎自然搜索结果里能被更多收录，排名位置更靠前而做的优化工作。简单说，就是希望百度这类搜索引擎能多收录我们精心优化过的网站，而且在别人搜索时网站能出现在前面。
分为两类：白帽SEO和黑帽SEO。白帽SEO，能帮助改进和规范网站设计，让网站对搜索引擎和用户都更友好，同时网站也能从搜索引擎获得合理的流量，这是搜索引擎喜欢和支持的做法。黑帽SEO，是利用和放大搜索引擎规则漏洞来获取更多访问量，这种做法基本是在糊弄搜索引擎，通常搜索引擎公司都不支持。我们这里重点说白帽SEO，那么白云地区的白帽SEO具体要做什么呢？

1. 精心设置网站标题、关键词和描述，明确体现网站定位，让搜索引擎一眼就明白这个网站是做什么的；


2. 网站内容优化：让内容和关键词对应起来，适当增加关键词出现频率；


3. 在网站里合理安放Robot.txt文件；


4. 制作对搜索引擎友好的网站地图；


5. 多做一些外部链接，到各个平台去宣传网站；

三、前端SEO实战技巧
通过优化网站结构布局和网页代码，让制作出来的前端页面既能让浏览的用户看得明白，也能让"蜘蛛"理解得了。
(1)网站结构布局优化：要简单明了，直奔主题，推荐用扁平化结构。
一般来说，网站结构层次越简单，"蜘蛛"越容易抓取，也就越容易被收录。中小型网站要是目录结构超过三层，"蜘蛛"可能就不太愿意往下爬了，"万一爬太深迷路了怎么办"。而且据相关调查：用户要是跳转3次还找不到需要的信息，很可能就直接关网页走人了。所以三层目录结构也是从用户体验角度考虑的。为此我们需要做到：

1. 把控好首页链接数量

网站首页是权重最高的地方，如果首页链接太少，没有"桥梁"，"蜘蛛"就无法继续爬行到内页，直接影响网站收录数量。但首页链接也不能太多，一旦过多，缺少实质性的内容链接，容易影响用户体验，也会拉低首页权重，收录效果反而不好。
所以对白云地区的中小企业网站，建议首页链接控制在100个以内，链接可以包括页面导航、底部导航、锚文字链接等类型，关键是要建立在提升用户体验和引导用户获取信息的基础上。

1. 采用扁平化目录层次，尽量让"蜘蛛"跳转不超过3次就能到达网站内任何一个页面。扁平化的目录结构，比如："白云SEO"->"白云SEO方案"->"白云SEO策划""白云SEO咨询"，这样3级就能找到需要的内容了。


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.加粗，强调标签 : 需要强调时使用。加粗标签在搜索引擎那里很受重视，能突出关键词，展示重要内容，强调标签的强调效果仅次于加粗标签。
10、文本缩进别用特殊符号 应该用CSS设置。版权符号别用特殊符号 可以直接用输入法，打"banquan"，选第5个就能打出版权符号。
12、巧用CSS布局，把重要内容的HTML代码放在最前面，最前面内容被认为最重要，优先让"蜘蛛"读取，抓取内容关键词。
13.重要内容别用JS输出，因为"蜘蛛"看不懂
14.尽量少用iframe框架,"蜘蛛"一般不看里面的内容
15.谨慎使用 display：none ：不想显示的文字内容，应该设置z-index或者放到浏览器显示范围外。因为搜索引擎会过滤掉display:none里的内容。

1. 持续精简代码

17.js代码如果是操作DOM操作，应该尽量放在body结束标签前面，html代码后面。