搜索引擎优化知识(React的Next.js/Gatsby加载速度与刚性需求)

　　搜索引擎优化知识(React的Next.js/Gatsby加载速度与刚性需求)

　　文章目录

　　前言

　　对于 Vue/React，他们的 SSR/SSG 框架的主要原因是 SEO 和加载速度高于首屏

　　如果项目真的对SEO和首屏加载速度有刚性要求，并且使用了Vue/React等技术，想尽量减少代码开发的额外难度，还有更直接的方式，就是直接使用服务器端渲染框架。, Nuxt.js 用于 Vue，Next.js/Gatsby 用于 React。

　　一、搜索引擎的工作原理

　　您可以将搜索引擎视为大型爬虫。通常，你编写自己的爬虫来爬取某个页面或某条数据等。

　　搜索引擎就是对你在搜索框中输入的关键词进行全网爬取，将你输入的关键词的所有内容展示在你面前（如：标题、描述、关键词、内容链接、广告等）。 )

　　通常，当输入一个关键字时，会出现多个网址，并依次显示。因此，具有最温和关键字的 URL 将被排在第一位。

　　我们想让网站更有利于被各大搜索引擎和收录抓取，增加网站的曝光度和搜索引擎友好度我们称之为SEO（Search Engine Optimization），即搜索引擎优化。

　　二、SEO优化方法

　　主要包括：控制首页链接数量、扁平化目录层次、优化网站结构布局、分页导航等。

　　Web TDK 标签

<p>title：当前页面的标题（强调重点，尽量不要每个页面的标题都一样） description：当前页面的描述（随便列举几个关键词，不要堆砌太多）关键字：