网站的 SEO 检查清单

我们创建网站的方式无非两种，其一是使用现成或者开源的系统（比如 WordPress 或者 Shopify），其二是完全自己开发并配置。那今天这篇文章分享下，自己开发的网站怎么去做 SEO 相关配置的检查。

比如我前段时间挺喜欢用 Next.js 来写网站，但是刚入手的时候没好好做 SEO 相关信息的配置，导致网站上线之后一堆错误（准确说应该是缺陷）。所以后续学乖了，开始啃官方的开发手册来逐步优化这些设置。

开发手册这块，推荐两个学习渠道。

首先 Next.js 官方的开发手册，里面有很详细的 SEO 相关设置说明。比如常规的站点地图与 Robots 协议，官方文档里都有相应的说明，怎么编写代码、怎么做细节设置、怎么实现信息联动，里面都有很细节的内容。

所以有需要的话，完全可以遵照开发手册的指导说明，一步一步在自己的项目中实现相应的 SEO 设置。

但是官方的开发手册，还有很多细节方面的东西仍未覆盖到（比如 Schema 标签这块内容），这就要求我们参考更专业的资料。

这里推荐直接看谷歌搜索中心的文档，碰到什么不明白的就去查什么，或者需要什么内容直接去翻阅相应的资料，然后应用到自己的网站项目中去。

比如还是刚刚提及的 Schema 标签这个点，搜索中心文档里面就有非常详细的操作说明。那当我们需要设置页面的 Schema 标签时，直接去文档中找到相应的篇章，然后依葫芦画瓢应用到自己的项目中去即可。

不过我还是建议，最好单纯创建一个模板项目，将各方面的信息设置做完善。那后续新建项目时，可以直接从我们的模板项目中复制相应代码即可，这样一来能极大提高自己的工作效率。

那除了上面提及的两处学习资源外，其实还可以参考别的博主的信息分享。比如我简单搜索类似“Next.js SEO Checklist”这样的关键词，便能发现不少相关资料。

链接：https://blog.simplr.sh/posts/next-js-seo-checklist/

像上图这篇文章，便是某博主分享的一份非常实操的 SEO 检查清单。通读这篇文章，会发现内容写得非常细，从非常细节的标题描述，到比较高级的 Schema 标签设置，这篇文章里都有涉及。

难能可贵的是，文章里写了非常多的操作实例，我们新手小白完全可以参照文章的逻辑进行手把手的实操。此外，对于可能有信息延伸的点，这篇文章都要有列出相应的学习资源。

另外，公网上除了文章相关资料之外，还有不少视频资料可以供我们参考学习。比如同样的关键词，我们放到油管上去搜索，也能发现不少资料。