编程+SEO：双重技能加持，让你的网站流量飙升
编程+SEO：双重技能加持，让你的网站流量飙升
网站SEO必杀技：做到这八点让你的网站在搜索引擎中排名第一#网站建设#建站#wordpress#SEO#搜索引擎
什么是SEO？不管你是前端还是后端，我觉得你都应该知道 SEO 就是 search engine optimization，反正就是搜索引擎优化的意思，就是说你想要让你的网站更容易被搜索引擎搜到，更容易让别人在百度在谷歌搜到你的网站，那你就要去做SEO，大家可以试一试，你如果有专人博客的话，搜一搜，看能不能搜到你的网站。
那怎么做SEO？其实能讲的点非常多，打米是一种方式，那关键词，关键词就可以，那又是给你的网站设置很多的关键词，在你的网站 html 头信息中设置keywords，设置description。那还有一些小技巧，比如说每个网站中都有一个一级标题，因为一级标题往往更容易被搜索引擎收录的，就说你的网站的结构要足够清晰，就是你的页面嵌套不能太多，不能太复杂。有没有了解过搜索引擎的原理啊？有同学提到一个配置 rank 诶。没错，配置 rank 确实是一个，倒排索引也是一个。
我们每一个网站都有一个权重，有一个投票，那所有的网站如果都推荐你的网站，那你的网站是不是权重就比较高？相当于其他的网站都给你的网站投票，没有任何人推荐你的网站，但是你的网站又频繁地推荐别人的网站，那这种情况下相当于你把你自己的票给别人分出去了，你自己的网站权重就不会有所提高。
所以友情链接有链是一种做 SEO 的方式，一般就是别人推荐你，你推荐别人，这不就相当于你们在一场选举之中，双方互相投票，那最起码你们会有一票，对不对？那除了这点之外， SEO 它是不是需要有一个网页的小蜘蛛？它要顺着你的网站去爬取你的网站内容，对不对？比如说我们这个面试，我们每个标签都是一个详情页，然后大家能够看到这个标签里的题目，那我们怎么做？是不是要想办法把这个网址告诉我们的百度蜘蛛，让它能顺着网络爬过去啊？是不是就是在这个页面留更多的跳转到其他页面的入口啊？我们是怎么做的？大家往下看，很简单粗暴，所有的百度蜘蛛它肯定要先发现主页，对不对？那我们就把所有的标签页都放到主页上，那百度只要抓到了主页，它是不是就能够顺着这个主页诶？就看到我其他的标签页了？当然你也不要挂太多，这个作用虽然说有效，但是你挂得太多，我不知道会不会有反效果哈。
有人说为什么不隐藏，直接给直播看使用你的网站的用户，更多用户在你的网站上访问的网页更多，那样你的网站的权重也会更高，也就更容易被收录。所以我们觉得这个题目标签对用户来讲可能是有效的，用户有可能会点进去的，所以我们没有把它隐藏掉，所以这是我们的一个设计，也许有更好的设计，我只给大家分享我自己的经验啊。
缩短网站层级，这是一个技巧，有的网站离一层套一层，一个链接跳到1，另一个链接要想访问到你的链接，e，你要从 a 访问到b，从 b 访问到c，从 c 访问到d，从 d 才能访问到e。这样的话其实百度知书想要收录到 e 的这个可能性就会更低。
那如果说你直接在主页就有从 a 到e，那这样的情况下，可能你的这个 e 页面就更容易被发现，这是一种方法主动给搜索引擎推送也是一个很常见的方法，可以手动的向搜索引擎推送一些页面，或者推送一下我们网站的setmap，一般情况下支持两种推送方式，这样的话就能缩短搜索引擎发现你的网站的时间。
大家要注意，我说的是缩短，不是说你提了别人就一定会理你。 setmap 又是啥呢？其实这也是做 SEO 的一个基础了，这 setmap 其实它就是记录了网站的结构的一个文件，要么放在你网站的根目录，要么就是通过 robots 点 txt 这个文件来指定，让搜索引擎知道你的 setmap 文件在哪里啊。
这个 setmap 文件我就给大家简单地看一下我们的 robots 协议，你看我把这些东西都给大家讲完了，大家以后的流量要是抢我们的就过分了，哈哈，开个玩笑。我们在 robots 点 TST 文件中指定了这个 setmap 的文件在哪个位置，那比如说这个主页中我们就写了我们的这个页面，包括了这个主站题库页面，还有题目列表页面，这三个页面是我们最希望搜索引擎优先收录的，所以把它写到了第一个 setmap 里。除了给 setmap 写静态数据之外，接下来这个就是更着急的一种用法，工作好几年的同学，他都不一定知道主动推送动态的setmap。如果你不是个人站长，如果你只是在公司打工，我估计你不太会去接触到这种东西啊。
什么叫动态的setmap？比如说像我们这种博客网站，像我们这种刷题网站，我们的每道题目都是有一个详情页，对不对？我们肯定希望这个搜索引擎持续地收录我们网站上新发布的内容，对不对？那每个新发布的内容它的页面地址都是不一样的，对吧？我们要么以 ID 作为后缀，要么就是以一个关键词作为后缀，唯一标识一个内容的详情页，也就是说我们的这个 setmap 可能就是动态了，我每天新加了什么文章，我就把最新的这些文章的地址生成一个setmap，然后推送给搜索引擎。
这样是不是搜索引擎它每天都能拿到我们最新的数据啊？大家可以看一下这个是不是就是我们更新的题目的ID？我们定期把这个更新的题目要被搜索引擎收录的题目的页面地址写到这个 set map 里，然后主动推送给我们的搜索引擎，它就更有可能更快地发现我们的这些页面，然后就能让大家在网上搜到了。
那当然了，除了这点之外，还有一个方法SSR，这个方法是做 SEO 最有效的方法之一，一个叫SSR，一个叫SSG。听说过这两个的同学，说明你的知识面就更广了。什么是SSR？什么又是SSG？ SSR 我知道，就是那个玩游戏的时候我氪了金就能抽出来的那个比较厉害的角色或者比较厉害的武器装备，你如果能达成这样，我估计你也不要面试了。哈哈，开个玩笑，这个 SSR 叫服务端渲染。现在很多网站你用 will react 这种框架，可能这些数据它是异步请求的，那搜索引擎它不一定能抓到，这样是不利于收录的，我们编程导航就没有用SSR，大家可以看一下效果。好吧？点到文档这里看一下它的响应是什么，诶？大家看是不是非常短呀？因为我们编程导航用的是 under design Pro 这样一个框架，它是先加载了这些东西，加载完之后动态的加载一个 GS 脚本，然后再去向后端发送请求，加载数据。搜索引擎的爬虫来访问这个页面的时候，它拿到的内容也是不完整的，所以我们的这个网站的 SEO 效果就不好，那我们再看一下面试压，我们面试压网站用了服务端渲染，然后点一下响应，大家看一下响应里有啥？是不是非常多啊？我们所有要动态请求的数据全部是在服务器端请求好，然后封装到我们的 html 页面中，再统一的返回给前端，所以前端拿到的这个页面就是已经请求好数据的页面了，搜索引擎的蜘蛛它拿到的也是完整的包含有数据的页面，这样的话它就得到了更多的信息，就会觉得你的网站的价值更高，觉得你的网站更有意义，也就更容易提取关键词，也就更容易在网站上给你添加索引，给你增加收录量。
那什么是SSG？ SSG 做搜索引擎优化的效果比 SSR 还要好。 SSG 就是静态网站生成，我们招商服务端渲染它虽然说是给前端返回了完整的数据，但是当你请求这个页面的时候，服务器它还是要向我们的后端发送请求去拼接数据，得到完整的页面再返回给前端的。而我们的这个 SSG 它是直接我提前的把所有的这个题目的数据，文章的数据，这些动态的数据生成完一个静态的页面，放到我们的网站服务器上，当我们要请求的时候，根本就不需要让服务器在动态获取数据了，直接打开静态的取，下面在我们构建网站的时候，就根据我后端数据库中所有的题目数据，所有的内容数据，直接生成静态的有完整数据的网页，这种网页甚至你不需要任何的后端都能打开，都能加载，这个就叫网站的静态化啊。
生成这个静态化网站的过程就叫 SSG 静态站点生成，代价就是麻烦你想一下你的网站数据要更新了怎么办？ FSG 比较适合于数据量比较少的情况下，像我们开发个人博客，对吧？用的什么vopress？用的什么hasher？用的Hugo，对吧？基本上都是这种静态化网站，所以为什么我们坐真人博车要用它呀？那什么场景下适合使用网站静态化呢？就是你的内容数量不多，你的内容是固定的，很少去更新的，比如说真人博客，对吧？但是像我们做这种诶，大家管理员都能上传题目，题目成了也要更新的，批节也要更新的内容，就不太适合站点静态化了。
当然你也可以做缓存，对吧？谁说 SSR 就不能做缓存了？我们也可以做缓存，比如说这个题目数据一小时更新一次，那也可以，而且并不是说你网站静态化就不能更新了，我们是不是可以每天定时的更新一波网站？或者当你发现有题目修改的时候，我们把这个之前生成好的静态网站，再给它重新刷新一遍。
来源：百收网
