Facebook调用站点分享URL时未携带查询参数，如何配置使其携带？

嘿，这个问题我之前帮不少开发者踩过坑，咱们一步步来搞定它，让Facebook乖乖带上你的查询参数：

• 优先使用Open Graph元标签锁定完整URL
  Facebook的爬虫在抓取页面时，会优先读取页面<head>里的og:url元标签作为分享的基准地址。所以你要在对应页面的头部明确写上带参数的完整URL：

  <meta property="og:url" content="https://www.mysite.com?q=123" />
  

  注意一定要包含完整的协议（http/https）和查询参数，这样爬虫就不会自作主张截断参数了。

• 用Facebook调试工具刷新缓存并验证
  很多时候问题出在Facebook已经缓存了旧的无参数地址，这时候你需要用官方的调试工具重新抓取你的URL：

  1. 输入你的带参数完整URL
  2. 点击调试按钮，查看工具解析到的地址和元标签信息
  3. 如果发现缓存的是旧地址，点击“刷新爬虫缓存”按钮，强制Facebook重新获取最新页面数据

• 检查服务器端重定向规则
  别忘了排查你的服务器配置（比如Nginx、Apache），看看有没有重写规则不小心丢弃了查询参数。举个例子，Nginx里如果重写规则没带上$args，就会丢失参数，正确的写法应该类似：

  rewrite ^/old-path$ /new-path?$args permanent;
  

  Apache的话要确保重定向时保留%{QUERY_STRING}部分。

• 直接在分享按钮里传入完整URL
  如果你是用Facebook的分享组件，不管是JS SDK还是静态分享链接，都要直接传入带参数的完整地址：

  • JS SDK调用示例：

    FB.ui({
      method: 'share',
      href: 'https://www.mysite.com?q=123',
    }, function(response){});
    

  • 静态分享链接要注意对URL进行URL编码，比如：

    https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mysite.com%3Fq%3D123
    

一般来说，前两步就能解决大部分问题，尤其是og:url标签的设置，是让Facebook正确识别带参数URL的核心。

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