Facebook、LinkedIn分享网站单页仅拉取首页元数据而非页面对应元数据的问题

• 核心常见原因：$url 变量全局赋值错误，模板内如果把 og:url 对应的$url写死为站点根地址（比如直接调用站点根URL参数而没有拼接当前页面路径），社交平台爬虫会将og:url的值作为页面的标准canonical地址，直接抓取该地址对应的元数据，最终就只会返回首页的元信息。
• 服务端规则适配问题：如果站点是SPA单页应用，服务端配置的历史路由回退规则会将所有路径的请求都返回首页index.html的内容，爬虫拿到的源码本身就是首页的，自然只会读取首页元标签；如果是静态站点，也可能存在CDN、服务器的错误重定向规则，将爬虫请求统一跳转到首页。
• 标签语法错误：你当前写的meta标签content属性没有加双引号包裹，如果$title、$meta_description等变量包含空格、特殊符号，会直接导致HTML标签解析断裂，爬虫识别不到对应页面的元标签，就会fallback到首页的元信息。
• 平台缓存问题：如果前期测试时og:url配置错误，社交平台的爬虫会缓存错误结果，后续修复后没有触发重新抓取，就会一直返回旧的首页元信息。

• 首先校验本地页面源码：直接在浏览器访问子页面，右键查看源码，确认og:url的content值为当前子页面的完整URL，同时检查所有meta标签的content属性都被双引号正确包裹，所有元变量的值都和当前页面对应。
• 模拟爬虫请求校验返回内容：用curl工具模拟社交平台的爬虫UA发起请求，确认返回的源码为当前子页面的内容，没有被重定向到首页：

curl -A "facebookexternalhit/1.1" 你的子页面URL

• 清除平台缓存重新测试：在社交平台的调试工具中点击清除缓存、重新抓取按钮，排除旧缓存的干扰。

• 修正$url变量赋值：如果使用的是Hugo这类静态站点生成器，将$url的赋值改为当前页面的永久链接，示例写法为{{ $url := .Permalink }}，确保每个子页面的og:url值和当前页面的访问地址完全一致。
• 补全meta标签双引号：所有meta标签的content属性都用双引号包裹，修改示例如下：

<meta name="description" content="{{ $meta_description }}" />
<meta property="og:title" content="{{ $title }}" />
<meta property="og:url" content="{{ $url }}" />

• 调整服务端规则：如果是SPA站点，可配置预渲染服务针对爬虫请求返回对应页面的静态渲染结果；如果是静态站点，检查Nginx/CDN的重定向规则，禁止将子页面的爬虫请求重定向到首页。
• 所有调整完成后，用社交平台调试工具重新抓取验证，确认og:url值和输入的子页面URL一致，其他元信息正常显示即可。

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