问题标签 [share-open-graph]
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.
facebook - 为什么分享时没有显示这篇文章的OG Image？
这不是重复的： FB OpenGraph og:image not pull images (可能是 https?)
我在那里尝试了一切！
这真让我抓狂。我们所有的文章都与图像共享，但是这一篇（以及其他两篇类似的）不是。
Facebook Linter 显示一切都是 100% 正确的，并且没有错误。
https://developers.facebook.com/tools/debug/
如果您在linked in 或twitter 上分享，图像就会出现。这只是脸书。
以下是该页面的 OG 标签：
我尝试更改图像名称、调整图像大小、更改描述、添加 alt。
它总是显示为一个灰色框。
拜托，我求求你 Stack Overflow，有什么想法可以尝试吗？
在我的绳索尽头。
javascript - Open Graph 标签和 Nuxt.js 的问题（产品？）
我按照https://nuxtjs.org/examples/seo-twitter-og上的 SEO 文档中的说明将 OpenGraph 标签集成到我的 Nuxt.js 应用程序中
我正在使用该SocialHead组件从子组件设置标签。该组件的内容是：
我在本地使用 Google Chrome 的“Open Graph Preview”扩展，它们似乎都可以正常工作和预览：
但是，当我将这些更新部署到生产环境并再次检查时，我使用的所有 Open Graph 预览工具似乎都找不到标签：
我还在以下位置测试了 LinkedIn 和 Twitter 的开放图形预览工具：
我有点卡住了，因为在查看页面源代码时会出现标签，并且还使用了https://www.opengraph.xyz/之类的工具——但没有使用实际的 LinkedIn 和 Twitter 验证工具。
我测试的页面是https://m.academy/courses/build-12-factor-nodejs-app-docker/
html - OpenGraph 标签不适用于指向我们在 Discord 上的网站的链接
我把这个发布到reddit上也问了同样的问题。
以下是他们工作和不工作的一些图片示例......
这是在 Twitter 上发布链接。您可以看到 2 个链接有效，1 个无效。没有的是我建立的一个新网站。2 小时前添加了 OG 标签。
这要追溯到 8 月 7 日，当时我在 OG 标签上工作了一两个月后终于让他们开始工作。
这是今天。无论我何时发布不和谐的链接，它们都不起作用。此外，第一张图片（techblogger.space）上 Twitter 上的第三个链接在任何地方都不起作用。
这是我的主题代码（共享的代码来自https://codinghelp.site）
所有 3 个网站都使用 Yoast SEO plus 运行 WordPress，我手动添加了 OG 标签，如上所示。我找到了这个 iFramely 网站，根据它，我所有的网站都设置得很完美。我还有一个 oembed.json 文件...这是其中包含的内容：
任何想法为什么这些 OG 标签不起作用？另外，当您第一次将 OG 标签放到新网站上时，它们需要多长时间才能更新？
javascript - 在 facebook 上共享时，角度应用程序中的 og 元标记不起作用
我是第一次使用 og 标签。不知道在哪里放置什么。我正在开发一个 Angular 应用程序，我需要在 facebook 中共享我的应用程序链接，并且它应该加载我提供的所有标签信息。
我已将以下代码放在 index.html 中
然后在 ngOnInit() 中的一个组件中使用 updateTag() 进行更新，例如
然后应该怎么做才能在我的 Facebook 帐户中呈现这些东西。
请帮帮我。谢谢你。
angular - Angular 2+ 中客户端的动态元标记
早上好。
我正在开发一个需要注册产品的 OpenGraph 元标记的流程。但是该应用程序已经作为客户端开发，我唯一的想法是使用通用角度转换为服务器端。
我还有其他解决方案吗？或者真的唯一的选择就是我想的那个。
linkedin - 为什么 LinkedIn 没有从我的 URL 中获取正确的 og 标签
我正在尝试使用 OG 标签在社交媒体上分享我的链接。但是，由于某些原因，LinkedIn 没有从我的链接中捕获正确的标签。当我在 LinkedIn 上分享时，它似乎选择了默认的 favicon，而不是标签中的图像。
Facebook、Whatsapp、MS Teams 似乎可以正确捕获所有内容。此外，我检查了官方 OG 检查员，它显示/读取了正确的标签。
对于LinkedIn，还有什么需要做的吗？有人可以在这里帮忙吗？
我的示例链接：https ://api.oguild.com/interactionms/shareable/BusinessModelInnovation-YtMEj7-qkw_an_mpFbGJUy7RqEU
我在这里阅读了官方文档，并以相同的格式发送数据。
javascript - 等待js加载后再抓取
我有一个脚本，它制作一个外部 url 的 iframe，它还将使用 PHP 刮板扩展复制 og 标签并将 og 标签插入框架页面。现在的问题是外部站点使用 javascript 来填充他们的 og 标签，所以我的脚本没有抓取正确的 og 标签，因为它不会使用执行的 javascript 来抓取。我怎样才能解决这个问题？
nuxt.js - 分享链接时，显示默认或空白
共享链接时未显示打开的图形，它显示默认或空白。我想将其设置为每个页面的动态。
这是我head设置打开图形数据的部分
html - 关于 Discord 和爬虫中的 Open Graph 协议的问题
我的网站出现问题，ogp 没有出现在 discord 或 ogp 检查爬虫 (ierakko) 中，但在 opengraphcheck ( https://opengraphcheck.com/result.php?url=https%3A%2F%2Fcorepunk. org.pl ) 也适用于 facebook 附件/共享调试器并正常显示
另外，我知道 htaccess 重定向在这里可能有问题，所以也在这里发布它们。
获得任何建议为什么这不起作用会很有趣，在此先感谢您的任何答案:)