同一页面为不同图片配置不同元数据及Facebook读取失败问题

我之前也碰到过类似的情况，Facebook的爬虫（Facebot）在抓取带参数的页面时经常会有一些特殊的坑，咱们一步步来分析解决你的问题：

一、先确认Facebot能否正常访问你的页面 #

Facebook的分享爬虫经常会被服务器防火墙、CDN或者安全插件误拦截，导致它拿不到正确的页面内容。你可以用Facebook官方的分享调试工具输入带参数的链接，查看爬虫返回的HTTP状态码——如果不是200，那得先在服务器的安全规则里放行Facebot的访问权限，或者检查CDN的防盗链设置有没有阻止它。

二、修复代码里的潜在问题 #

看你的代码，有几个地方可能导致Facebook爬虫解析失败：

1. 未处理查询不到数据的情况
   如果p参数对应的数据库记录不存在，$meta_t和$meta_c会变成未定义变量，这会让OG标签输出空值甚至PHP报错，爬虫读到错误的HTML自然解析失败。建议先给变量设置默认值：

   // 在查询前初始化变量
   $meta_t = "默认标题";
   $meta_c = "默认描述";
   $meta_img = "img.jpg";
   

2. 严重的SQL注入风险
   直接把$_GET['p']拼进SQL语句里非常危险，不仅会导致安全问题，还可能因为参数格式异常导致查询失败。一定要用预处理语句：

   $sql = "SELECT * FROM upload WHERE p = ?";
   $stmt = $conn->prepare($sql);
   $stmt->bind_param("i", $p1); // 假设p是整数类型，如果是字符串就用"s"
   $stmt->execute();
   $result = $stmt->get_result();
   

三、强制刷新Facebook的缓存 #

Facebook会缓存页面的元数据，有时候即使你修复了问题，它还是会用旧的缓存。解决办法很简单：打开分享调试工具，点击「Scrape Again」按钮，强制爬虫重新抓取页面内容，更新缓存。

四、检查OG标签的格式和位置 #

• 确保所有OG标签都放在<head>标签的最前面，不要被异步脚本、广告代码或者其他内容挡住。Facebook爬虫不会等待页面加载完成，只会抓取初始的HTML内容。
• 检查og:image的图片是否符合要求：尺寸至少1200x630像素，格式为JPG/PNG，文件大小不超过8MB，而且要确保Facebot能直接访问到这张图片（不要设置防盗链拦截它）。

额外测试方法 #

你可以用curl模拟Facebot的请求，看看返回的HTML里OG标签是否正确生成：

curl -A "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)" https://www.example.com/index.php?p=123

把返回的HTML里的<head>部分提取出来，确认OG标签的内容是不是你预期的样子。

按照上面的步骤排查一遍，应该就能解决Facebook无法读取元数据的问题了。

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