汤旺SEO那些事儿

一、搜索引擎那点事儿
当我们在搜索框输入"汤旺旅游"，点击查询按钮，然后看到结果列表。这背后的小秘密，搜索引擎可忙活了不少。
在搜索引擎公司的服务器里，有个特别庞大的数据库，里面存放着无数个关键词，每个关键词都对应着好多网址，这些网址都是搜索引擎派出的"小蜘蛛"从互联网各个角落搜集来的。这些勤快的"小蜘蛛"整天在网上爬来爬去，从一个链接跳到另一个链接，把网页内容搬回家，仔细分析找出关键词，要是觉得这个词既新鲜又有用，就赶紧收进数据库。要是觉得是垃圾信息或者重复内容，就扭头走开，继续寻找新的有用信息。等到有人搜索时，就能把和关键词最匹配的网址找出来展示给用户。
一个关键词往往对应着多个网址，这就涉及排序的问题了，通常和关键词最贴切的网址就会排在前面。在"小蜘蛛"抓取网页、提炼关键词的过程中，有个关键问题："小蜘蛛"能不能看懂网页内容。要是网站全是Flash和JS动画，它就看不懂了，会犯糊涂，哪怕关键词再合适也没用。相反，要是网站用的是它能理解的语言，那它就明白了，这种语言就是SEO。

二、SEO是什么
全称：Search Engine Optimization，搜索引擎优化。自从有了搜索引擎，SEO就跟着出现了。
存在的意义：为了让网页在搜索引擎的自然搜索结果里多被收录、排名更靠前而做的优化工作。说白了，就是希望搜索引擎能多收录我们精心优化的网站，并且在用户搜索时能排在前几位。
分类：白帽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. HTML标签：尽量语义化，在合适的地方用合适的标签，用对的标签做对的事。让看代码的人和"小蜘蛛"都看得明白。比如：h1-h6是专门用来做标题的。


5. 链接标签：站内链接要加"title"属性说明，让用户和"小蜘蛛"都知道这个链接是干嘛的。而外部链接，连到其他网站的，要加上rel="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代码后。