东明SEO指南：从入门到精通

一、搜索引擎工作原理
当我们在搜索框中输入"东明seo"，点击搜索按钮时，就会看到很多结果。这背后发生了什么？搜索引擎其实默默做了很多工作。
在搜索引擎的后台，比如百度，都有一个特别庞大的数据库，里面存放着数不清的关键词，每个关键词又对应着很多网址。这些网址都是搜索引擎的"蜘蛛"程序从浩瀚的互联网世界里一个个抓取回来的。这些勤劳的"蜘蛛"日夜不停地在网上爬行，从一个链接跳到另一个链接，把看到的内容下载下来，仔细分析，提取其中的关键词。如果"蜘蛛"觉得这个关键词在数据库里没有，而且对用户有用，就会存进数据库。要是"蜘蛛"认为这是垃圾信息或者重复内容，就会直接丢掉，继续爬行，寻找新鲜有用的信息保存起来，等待用户查询。当有人搜索"东明seo"时，搜索引擎就会把相关的网址找出来展示给用户。
一个关键词往往对应很多网址，这就涉及到排序的问题。一般来说，与关键词最匹配的网址会排在最前面。在"蜘蛛"抓取网页内容、提炼关键词的过程中，存在一个重要问题："蜘蛛"能不能看懂网页内容。如果网站大量使用flash和js，"蜘蛛"就会犯糊涂，就算关键词再贴切也没用。相反，如果网站使用它能理解的语言，它就能顺利读懂，这种语言就是SEO。

二、SEO简介
全称：Search Engine Optimization，搜索引擎优化。可以说，自从有了搜索引擎，SEO就自然诞生了。
存在的意义：为了提升网页在搜索引擎自然搜索结果中的收录数量和排名位置而进行的优化工作。简单来说，就是希望百度等搜索引擎能够多多收录我们优化过的网站，并且在用户搜索时能让网站排在前面。
分类：白帽SEO和黑帽SEO。白帽SEO能够规范和改进网站设计，让网站对搜索引擎和用户都更友好，而且可以从搜索引擎获得合理的流量，这是搜索引擎鼓励的做法。黑帽SEO则是钻搜索引擎政策空子来获取更多访问量，这种做法基本是在欺骗搜索引擎，一般不被搜索引擎公司支持。本文重点说说白帽SEO，那么白帽SEO主要做些什么呢？

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


2. 网站内容优化：让内容与关键词对应，适当增加关键词密度；


3. 合理设置网站根目录下的Robot.txt文件；


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


5. 增加外部链接，到各大平台宣传网站；

三、前端SEO
通过优化网站结构布局和网页代码，让前端页面既能让普通用户看懂，也能让"蜘蛛"理解。
(1)网站结构布局优化：要尽量简单明了，提倡扁平化结构。
一般来说，网站结构层次越少，"蜘蛛"越容易抓取，也就越容易被收录。中小型网站如果目录超过三级，"蜘蛛"可能就不愿继续往下爬了，"要是迷路了多麻烦"。而且根据调查显示：用户如果跳转3次还找不到需要的信息，很可能就会离开。所以三层目录结构也是出于用户体验考虑。具体要这么做：

1. 控制首页链接数量

网站首页权重最高，如果首页链接太少，"蜘蛛"找不到通往内页的"桥梁"，会直接影响网站收录数量。但首页链接也不能太多，链接过多会影响用户体验，还会拉低首页权重，收录效果反而不好。
对于中小企业网站，建议首页链接控制在100个以内，链接形式可以包括页面导航、底部导航、锚文字链接等，关键是要建立在良好用户体验和有效引导的基础上。

1. 采用扁平化目录结构，确保"蜘蛛"跳转3次就能到达网站任何内页。比如："东明"->"SEO教程"->"基础教程"、"进阶教程"、"实战案例"，这样三级就能找到想要的内容。


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. js代码如果是操作DOM，尽量放在body结束标签之前，html代码之后。