问题标签 [facebook-debugger]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1016 浏览

vue.js - 如何修复 vue js 链接的 facebook 链接预览?

当我尝试(用于测试)在我的 facebook 页面中发布我的 vue.js 项目的链接时,尽管我添加了所需的<meta />facebook 标签,但链接预览部分无法按预期工作。

这是一个结果示例: 在此处输入图像描述

怎么可能修好?谢谢。

0 投票
1 回答
343 浏览

apache - Facebook Scraper:COULDNT_CONNECT 到 fwdproxy 端口 8082

我很惊讶地看到 Facebook 有一段时间没有抓取我的网站并且调试显示错误

为什么突然 Facebook 抓取工具将他们的请求更改为端口 8082 ?或者这是正常的吗?

端口 8082 从未开放,所有这 6 个月的 fb 都没有任何问题,当我试图找出这次发生的事情时,这个问题自动解决了。我猜 fb 将请求更改为 80 或 443

请问有什么想法吗?

0 投票
0 回答
2194 浏览

facebook - 有没有办法从 facebook 来源的 URL 调试缓存数据?

我在 Facebook 上的粉丝页面缩略图有问题。当我在我的墙上发布链接时,缩略图最终不会出现在帖子内容中,我也无法找到正确的地址。我发现这可能是由于错误/旧的缓存数据。我想通过使用共享调试器来修复它,但事实证明它不适用于 facebook 来源的 URL - 有一个警告“无法抓取 Facebook URL”。

有没有其他方法可以解决它?(不幸的是,fb 支持中心在报告后并不热衷于回复我。)

https://i.stack.imgur.com/Fme7W.png

0 投票
2 回答
5281 浏览

javascript - 我们可以在 og:image 元标记中使用 webp 扩展图像吗?

在我的网站中,我已将所有图像从jpg或转换png为,webp但在此之后,我的 og:image 元标记无法获取图像。在 facebook 调试器中,我看到以下错误

提供的 'og:image' 属性尚不可用,因为新图像是异步处理的。为确保新 URL 的共享包含图像,请使用“og:image:width”和“og:image:height”标签指定尺寸。

经过一番搜索,我发现这个错误在页面获取期间第一次出现,当时 facebook 有时无法在第一次获取图像尺寸,但在我的情况下,这个错误一直是恒定的。是因为 facebook 可能无法获取图像详细信息,因为我使用了webp扩展程序。

0 投票
1 回答
533 浏览

gatsby - Facebook - Open Graph 未检测到元标记(Gatsby + Netlify)

我使用 Gatsby + Netlify 部署了一个博客。我目前正在使用 react-helmet 在每篇博文中填充适当的元标记。

由于某种原因,Facebook Open Graph 没有检测到属于博客的元标记,并且默认使用主页的元标记。

这是我从 Facebook 调试器得到的:

The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

这是我点击后得到的结果 - 准确查看我们的抓取工具为您的 URL 看到的内容: The document returned no data.

注意:Netlify - 我目前没有使用 Netlify 预渲染。

Gatsby,这是代码如何处理博客文章元标记的示例(Twitter 标记正常工作)。

我已经尝试过刷新 Facebook 调试器(再次抓取),但没有成功。

如果这是 Netlify、Facebook 或 Gatsby/react-helmet 的问题,有什么想法吗?

0 投票
1 回答
184 浏览

facebook - Facebook 图形 API 资源管理器不工作

突然我的 Facebook 开发者资源管理器不工作了。它仅显示带有页眉和页脚的空正文。

我已经清除了几次缓存,但没有任何改变。这是屏幕截图-

在此处输入图像描述

知道如何克服这个问题吗?

0 投票
1 回答
841 浏览

svelte - 如何在 Sapper.js 项目上动态更改 og 元标记

我正在使用 Strapi 博客开发 Sapper.js。我想使用分享社交按钮来分享每篇博文。您知道我如何动态更改 og 元标记,因为每个博客帖子都会拍摄他的照片和标题。我尝试使用 svelte:head 但它不起作用。谢谢。

0 投票
0 回答
251 浏览

facebook-opengraph - Facebook 爬虫 cURL:AWS CLoudFront 上的 28 (OPERATION_TIMEOUTED)

我在 AWS 云端部署了我的网站,一切都使用 https,使用邮递员我有 66 毫秒的时间下载文件,但 Facebook 调试器显示以下错误:

如此处所述使用 curl:https ://developers.facebook.com/docs/sharing/webmasters/crawler/结果是:

我不知道如何解决:/

编辑:

我发现了错误,这很棘手。

我实现了一个服务器端渲染,渲染时间超过 10 秒,是 cloudfront 的起源。我创建了一个脚本来进行第一次调用,这样第一次调用需要 10 秒以上并存储在云端,然后以下调用位于边缘并且需要不到 100 毫秒的时间来服务。

问题是 Facebook 的爬虫在另一个边缘命中云端,而该边缘没有缓存上的数据,而是去源头获取它,而不是从我第一次调用的边缘获取它,因为该源需要超过 10 秒,爬虫中止,因为它等待长达 10 秒。

为了解决这个问题,我必须创建一个耗时不到 10 秒的 SSR,或者调用所有边缘,试图找到哪个 facebook 的爬虫命中。

0 投票
1 回答
178 浏览

reactjs - 网站工作,但 Facebook 调试器 Curl 错误:28 (OPERATION_TIMEOUTED)

我有使用 nodejs 开发的网站并响应服务器端渲染。当我尝试使用 facebook 调试器抓取我的网站时,facebook 需要 10 多秒并超时。但是我注意到我的网络服务器在几毫秒内响应了 facebook 抓取请求。

此外,页面性能很好,最多可在不到 2 秒的时间内提供服务。注意:FB 调试器可以毫无问题地抓取我的网站主页(静态文件)。不确定是什么导致 facebook 调试器超时。

有任何想法吗? facebook 调试器的屏幕截图

0 投票
0 回答
49 浏览

facebook-opengraph - Facebook 调试器看不到我的 Open Graph 代码

我无法弄清楚为什么 Facebook Debugger 有时只能看到我的开放图形代码。这是一个可以看到我的代码的页面:https ://buckscountyalive.com/articles/railroad-attractions.cfm 我的代码:

这是一个没有看到我的代码的页面:https ://buckscountyalive.com/advertise/shop-local-gift-guide.cfm 我的代码:

有趣的是,如果我使用 HootSuite 创建 Facebook 帖子,它会看到我所有的开放图形代码并将其精美地发布在 Facebook 上。但是,如果有人随后尝试分享该帖子,则打开的图形代码将丢失。任何帮助将不胜感激。