优化前端SEO

记得刚从业的时候自己用的是ASP + JQ，天然性的服务器渲染，所以对搜索引擎来说是最友好的，但自从转为前后端分离之后，Ajax异步渲染和SPA单页的技术特性导致SEO的问题就很突出了。

哪怕时至今日，我对SEO优化还是停留在meta标签 + 花钱买竞价排名上。

今天优化了一下自己网站的SEO，记录一下整个过程，方便以后回头看。

先来点前置知识：

robots.txt 是什么？

robots.txt 可以理解为给搜索引擎爬虫看的说明书。

主要告诉搜索引擎三件事：

• 哪些页面允许抓取
• 哪些页面禁止抓取
• 网站地图(就是网站所有的链接的地址)在哪里

例如：

User-agent: *
Allow: /

Sitemap: https://gogec.cn/sitemap.xml

意思就是：

所有搜索引擎都可以访问
整个网站允许抓取
网站地图在 sitemap.xml

访问地址：

https://gogec.cn/robots.txt

如果配置成：

User-agent: *
Disallow: /

那就相当于告诉搜索引擎：

整个网站禁止抓取

sitemap.xml 是什么？

sitemap.xml 可以理解为网站地图。搜索引擎虽然能够自己爬网站，但效率并不高。有了 sitemap.xml 之后，相当于直接告诉搜索引擎：

首页在哪
文章在哪
分类在哪
标签在哪

例如：

<urlset>
  <url>
    <loc>https://gogec.cn</loc>
  </url>

  <url>
    <loc>https://gogec.cn/article/seo</loc>
  </url>
</urlset>

访问地址：

https://gogec.cn/sitemap.xml

对于博客来说，每新增一篇文章，都应该同步更新 sitemap.xml。

我的收录过程

第一步：配置 HTTPS

现在搜索引擎基本都要求网站支持 HTTPS。

我原来已经支持：

https://gogec.cn

后面又给网站增加了：

https://www.gogec.cn

并且通过 Nginx 的 301 重定向统一跳转到：

https://gogec.cn

第二步：配置 robots.txt

在网站根目录增加：

robots.txt

内容如下：

User-agent: *
Allow: /

Sitemap: https://gogec.cn/sitemap.xml

让搜索引擎能够正常访问网站内容。

第三步：生成 sitemap.xml

生成网站地图：

sitemap.xml

把博客所有页面都放进去。

这样搜索引擎就能快速知道网站有哪些内容。

第四步：提交搜索引擎

分别注册：

1. Google Search Console
   
   

2. Bing Webmaster Tools

3. 百度搜索资源平台
   

核心就是添加网站的时候，会给一个meta标签以及唯一的码，就像这个

第五步：等待收录

搜索引擎的收录流程大概是：

提交网站
↓
发现页面
↓
爬虫抓取
↓
建立索引
↓
展示到搜索结果

快的话几个小时。

慢的话几天甚至几周。

都属于正常情况。

总结

遵循几个步骤：

1. 进入要收录的网站，谷歌、必应、百度。
2. 输入自己的网站，https是最好的。
3. 然后会生成对应的meta标签content
4. cv到index.html中
5. 建立robots.txt和sitemap.xml。

完事~