摘要：白帽是搜索引擎提倡的，也是一种良性竞争。这当然不被搜索引擎提倡，甚至于说是头疼的，还需要想办法如何在搜索结果内剔除掉那些页面。影响搜索引擎对网站排名的合理和公正性。扁平化目录层次网站层次既然要清晰，目录最好不要超过三次分级。
SEO【search engine optimization】即搜索引擎优化。
搜索引擎对用户来说，就是搜东西，那他是怎样展示关键词的相关东西呢？这就需要有人每天逛互联网，每天看无数个新网站，将所有逛过的网站贴标签，分类，排序。等有人想要找网页，他就能按照整理的标签，快速的展示结果。这个人自然就是搜索引擎公司。
那么我们作为网站编写者，很多时候我们都希望从搜索引擎获取客户流量，极度希望度娘收录咱的时候，能将自己的网页，放在相关关键字搜索页面的前列。
因此我们势必需要根据搜索引擎收录网站的方式，做一些优化，能让他更好的识别我们的网站。
白帽SEO与黑帽SEO万事皆有利弊。
一句话，白帽是光明正大用技术宣传自己，黑帽是作弊蹭流量。
白帽seo是通过正常的手段对网站内部(包括网站标题，网站结构，网站代码，网站内容，关键字密度等)调整、网站外部的链接建设，来提高网站关键字在搜索引擎排名的一种seo技术。
白帽SEO是搜索引擎提倡的，也是一种良性竞争。运营者通过对自己网站合理的优化，让搜索引擎爬取，达到靠前排序。
黑帽SEO就是采用搜索引擎禁止的方式优化网站，不是关键字内容的网站，却添加该关键字，一般该类型网站点进去并不是用户想要的内容，是一大批很丑的广告。这当然不被搜索引擎提倡，甚至于说是头疼的，还需要想办法如何在搜索结果内剔除掉那些页面。影响搜索引擎对网站排名的合理和公正性。
前端SEO优化我们作为前端工程师，自然考虑网站构建与代码上的优化————网站结构优化，代码优化。
网站结构布局优化其实搜索引擎的抓取，也是按人类的逻辑来浏览收录，通过页面之间的链接串来串去，只不过比人要更蠢更机械一些。
所以讨论网站的结构时，我们可以从人的角度去想，什么样结构的网站能马上理解。
本网站举例
网站做到扁平，即让se能直观的理解。我们知道，爬虫爬取网页是根据链接与页面内容来的，因此，页面必须要有比较清晰的链接和文字说明内容。
iframe，flash做的页面，爬虫很难理解内容，这些对SE很不友好。
所以在首页，我们要尽可能合理的，清晰的放置多的页面链接，写清楚每个链接的描述，内容，让SE更好的理解，切忌不要繁复。
扁平化目录层次网站层次既然要清晰，目录最好不要超过三次分级。人点三次找不到内容都不想往下翻了，四五层的结构完全可以称之为晦涩难懂。大部分网站，只需要一个总览分类列表，与详情页两层结构即可。不同的是，不同分类，不同详情长得不一样，但点击进入返回的逻辑层次很少。
导航SEO优化不仅网站结构要清晰以外，网站页面之间的关联也要清晰，才能方便阅读理解。
大部分的导航都是这么做的。
header上面是总的大分类导航，左侧，是当前页面内容的小分类导航，不同大类的小分类不同。
还有最底部的footer的分类导航
这样，se在爬取链接的时候，能够很好的区分我们网站的结构，这样就能很好的找到想要的不同内容，贴上不同的目录标签，方便搜索。
除此之外还有一类，面包屑导航。除了上面的分类导航以外，链接之间的关联也是很重要的，面包屑导航能够很清晰的反映我们处于哪一层级的位置。
那剩下的部分是什么，非常常见的，就是我们的推广链接。他是正文链接的相关链接，添加这些相关的链接，也能够帮助当前页面增加权重，更好的理解页面的内容。
导航的细节导航除了以上以外，就是分页了，每一个12345也是我们的链接，依旧是se爬取的对象。
对这个我们怎么做优化？先看一下常见的几种类型。
很明显，对于浏览爬取的人来说，链接越直接越明显，越容易获取。第三种方法明显更好，不仅能获取分页的数量，也能够直接获取链接，不需要通过上一页下一页，每次到下一个页面再来获取其他链接。
浏览页面最烦的是什么，页面打不开。
se也是一样的，加载越慢，就会降低网站的权重，因此我们要控制好自己的页面大小，注意压缩，注意服务器响应。
代码优化接下来就看代码啦！
title，keywords，description在网页头部，我们有三个很重要的元素，用来描述页面。
我们尽可能的在这些地方，精简且全面的描述我们的页面。
在html标签中，每一个标签都规定过特定的用处。我们根据这些规则来正确使用标签，而不是所有的东西都使用div，就会很好的帮助SE来理解我们的网页。
| 标签 | 常用语义 | seo优化方法 |
|---|---|---|
| h1-h9 | 标题系列 | 将标题或者重要名称用h1包裹，副标题使用h2，加权重，若显大，css改样式就好 |
| p | 正文内容 | 正文统一用P标签，方便se理解注意：br标签只适用于文本内也就是p标签内 |
| ul | 无序列表 | 使用ul做导航可以帮助se理解这是导航栏 |
| ol | 有序列表 | |
| dl | 定义数据列表 | |
| img | 图片 | 图片存在title与alt，每一项都填写完整可以帮助理解图片 |
| a | 链接 | 存在rel，如果是外链而不是自己内部链接，设为rel="nofollow"，让爬虫不爬出自己的网站 |
| strong/em | 加粗/斜体 | 增加内容权重，强调内容，如果仅仅为了加粗斜体，使用 |
se抓取的时候，把前面的html视为最重要的，因此，我们把重要的html写在最前面。如果真实展示不该这样，我们用css调整位置即可。
不要使用js输出内容se在抓取内容的时候，是不识别js，只会浏览分析html，所以重要的东西，尽量不要使用js后期渲染
尽少使用iframese是不会获取iframe标签里面的内容的，所以我们展示内容，尽可能不要使用iframe
谨慎使用display:nonese会忽略读取这部分内容，因此如果我们为了不显示重要的内容，可以使用z-index，或者使用定位设到显示区域以外
精简代码se是根据标签来判断内容及内容之间的联系，因此，越容易理解越好。我们就不要过于嵌套，能使用一个标签的事情就不要使用两个
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/54936.html
摘要：客户端对微服务的依赖直接使重构服务变得困难。一种直观的方法是将这些服务隐藏在一个新的服务层后面，并提供针对每个客户端的。这个聚合器服务层也称为网关，它是解决这个问题的一种常见方法。 本博客 猫叔的博客，转载请申明出处阅读本文约 4分钟 适读人群：Java初级 为什么要设计网关？ 上网搜罗了一下，觉得别人说的挺好，就引用了一下，在使用微服务的时候，不同的功能业务会集成一个服务群，而网关...
摘要：然而，作为学生代表的我，绝对不允许老师混入进来充当间谍。而且，该方法由所独享，并不需要判断是否为学生。由此，改进为以下版本。得到如下测试代码而对于教学分类的判断，则有以下两种情形。 前言 入学不久之后，我就在想，对于学校的这么多人，这么多教师，这么多学生，以及其他种种事物，能否对应的做一套系统下来呢？随之也跟着思考了起来。 设计 好了，最直观的映入大脑的就是三个实体：人、教师、学生。这...
摘要：闭包与柯里化闭包有权访问另一个函数作用域中变量的函数。柯里化把接受多个参数的函数变换成接受一个单一参数最初函数的第一个参数的函数，并且返回接受余下的参数而且返回结果的新函数的技术。 本回内容介绍 上一回聊到JS的Object类型，简单模拟了一下Java的Map，介一讲，偶们来聊一下函数好唔好，介可系JS世界的一等公民哟。从函数开始，我们就将逐步过渡到设计模式，来吧，帅狐带你装逼带你飞：...
摘要：所以，我强烈建议新人要舍得投资自己的大脑，至少要参加一个系统的培训班，系统地学习，避免自学浪费宝贵的时间，没有建站技术能学好吗答这个问题要看情况，曾庆平在前面也讲了，不会建站技术的很大程度上是属于第一层次的。 SEO人员在职场上总会碰上一些难解的问题，很多人也不懂得自己学习SEO该往...
摘要：三灰帽灰帽是介于白帽和黑帽之间的技术，它采取一些技巧或则轻微作弊的方式操作，并不严重触犯规则，也不严格遵守搜索引擎的公平原则。灰帽特点排名提升较快不容容易收受到搜索引擎惩罚。白帽seo和黑帽seo的关系白帽seo、黑帽seo、灰帽seo他们的关系是什么呢？什么才是值得我们采用的呢？重庆seo今天就给你介绍他们的关系和怎么使用。一、白帽seo；白帽seo是最符合搜索引擎优化技术的，也是被搜索引...
阅读 1344·2023-04-25 14:12
阅读 584·2021-08-27 16:24
阅读 2395·2019-08-30 15:44
阅读 2790·2019-08-30 13:16
阅读 1470·2019-08-29 14:10
阅读 826·2019-08-29 13:54
阅读 1165·2019-08-29 13:09
阅读 1566·2019-08-26 18:37
