如何验证Vercel托管的React网站的Google所有权？

1. 验证HTML文件的放置位置 #

不是直接放到项目根目录，而是要放到React项目的public目录里。因为React打包构建后，public目录下的所有文件会被直接复制到部署产物的根目录，这样Google就能通过https://你的域名/验证文件名.html访问到该文件。上传后重新部署Vercel，确认文件可访问后就能去Google验证页面完成验证。

2. 验证用head标签代码的放置位置 #

找到项目public目录下的index.html，打开后把Google提供的<meta>验证标签粘贴到<head>标签内部，位置可以在其他meta标签之后、</head>闭合标签之前。示例：

<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <!-- Google所有权验证标签 -->
  <meta name="google-site-verification" content="你的专属验证字符串" />
</head>

保存修改后重新部署Vercel，部署完成后回到Google验证页面选择「HTML标签」方式完成验证。

3. React网站是否有专属验证流程？ #

没有专门针对React SPA的特殊流程，核心要求就是让Google能爬取到验证文件或meta标签。额外注意两点：

• 不要把验证文件放到src目录，这里的文件会被Webpack编译处理，不会直接暴露到网站根目录；
• 若使用Next.js这类SSR/SSG框架，可将验证meta标签放到_app.js的Head组件中，但纯React SPA用public/index.html的方式最直接高效；
• Vercel部署后可能需要等待1-2分钟让CDN同步内容，若验证失败可稍等后重试。

内容的提问来源于stack exchange，提问作者Madeirense