Published 2022-11-24 15:26:00
Next.js - Add Next-seo
前置
【上一篇】完成了使用 Next.js 构建 blog 并添加了主题切换功能。
好的 SEO 将有助于提高网站权重,带来更多流量。作为前端工程师的我们,就有着得天独厚的优势,我们不需要做到优化工程师的级别,我们只需要做好几个方面,就能完成一个网站 80%左右的 SEO 优化工作了~因为我研究下来发现 SEO 针对点大部分都是前端基础~
创建组件
创建components/SEO/index.tsx
修改pages/_app.tsx
,引入components/SEO/index.tsx
,在Head
下添加 SEO 组件,组件加上 propsurl
在 blog 内页同样引入,分别传入title
、description
、cover
Source Code