问题标签 [twitter-card]
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.
javascript - 重定向 URL 无法与 og 标记一起正常工作
我已经正确给出了所有 og:tags 和 twitter 标签，但我无法从 facebook 和 twitter 重定向到 og:url 中给出的 url
预计会转到og:url 中给出的https://wise-dolphin-87.localtunnel.me/content/kia5/us/en/vehicles/sorento/2019/gallery.html?gTabIndex=0&gimageIndex=2但它正在运行到主网址https://wise-dolphin-87.localtunnel.me/content/kia5/us/en/vehicles/sorento/2019/gallery.share.html?imageUrl=https://wise-dolphin-87.localtunnel .me/content/dam/kia/us/en/vehicles/sorento/2019/lx/interior/gallery-sample-2.jpg&description=desc&url=https://wise-dolphin-87.localtunnel.me/content/kia5 /us/en/vehicles/sorento/2019/gallery.html?gTabIndex=0&gimageIndex=2
html - 为什么推特卡不显示图片？
当我尝试在 twitter 上发布我的网站链接时，结果如下：
我尝试使用最推荐的尺寸以各种方式调整图像大小。现在我正在使用 280x150 的图像
这些是我的元标签：
twitter - Twitter 预览卡未显示
我想显示我拥有的 Twitter 卡的预览。我已经设置了所有元标记：
我让按钮像这样分享它：
但是我只看到文本中的 url，当用户想要共享 url 时没有卡片预览。
当我在这里查看https://cards-dev.twitter.com/validator时，它会正确显示卡片，但在用户想要共享 url 时不在预览模式下。
我怎样才能解决这个问题？
image - 如何在带有 Jekyll-seo-tag 的帖子上为 Twitter 卡片添加图像？
将 Jekyll 与 Github Pages 一起使用，当我在 Twitter 上分享帖子时，Twitter Card 中不会显示任何图像。
我使用 Jekyll-seo-tag，但是在 Front Matter 中添加图像标签时它不起作用，当我转到相应的 URL 时，我得到的是 404 而不是帖子。
我尝试了什么：
html - Twitter-Card 元标签问题
有问题的网址：https ://www.halleonard.com/viewpressreleasedetail.action?releaseid=10261
当您在浏览器和开发者工具中查看源代码时，您可以看到 Open Graph 和 Twitter 的所有元标记。我检查了 Facebook 调试器，除了一些规范问题外，我对结果相当满意。
我还将上述 URL 插入第三方 Open Graph 调试器： http ://debug.iframely.com/ 并且 Open Graph、Twitter 甚至其他的所有标签都返回正面。
为什么 Twitter 的 Card Validator 又回来了
关于如何让 Twitter 正确显示的任何见解？
tweets - 使图像元标记动态化，推特卡不显示图像
我需要在推特上发布带有图像的文本。
如果我放一张静态图片，它就可以工作。如果我使图像动态化，则图像不会发推文，也不会出现在卡片验证器中。
这是网址：
https://www.advito.com/wp-content/plugins/aitdgcalculator/share.php?imageURL=5d5aad0810b27.png?544
推文是这样来的：
https://twitter.com/9032579978/status/1163701787192250368
如何让图片出现在推文中？我需要使图像动态化，这可以通过元标记实现吗？或者我有什么选择？
reactjs - Twitter 卡片元标记在 index.html 中工作，而不是在 React Helmet 中
我在 App.js 中使用了下面的 React Helmet 代码来渲染 Twitter 卡片元数据。
当我进行浏览器检查时，元标记确实出现了。但在推特卡验证器（https://cards-dev.twitter.com/validator）中，我收到错误：未找到卡（卡错误）。
如果我在 index.html 中添加相同的元标记，它就可以工作。但是，我希望 twitter 卡在 Helmet 中工作，以便我可以动态更改它。没有服务器端渲染有可能吗？
twitter - Twitter：图像元标记未显示其 Twitter 卡的图像
Twitter卡验证显示如下：
除图像外，所有内容都显示在卡片中。
我努力了：
这些是适用于 Facebook 的 Open Graph Meta 标签，位于 twitter 标签上方（引用在 twitter 验证中找到的 11 个元标签 - viewport, http-equiv：
html - 如何自动向 twitter 分享框注入一些文本？
我添加了元标记来显示 twitter 分享的 summary_large_image 框。推特分享窗口弹出后，如下所示：
单击Tweet后，summary_large_image 可以正确显示，没有问题。这是元代码：
但是我真正想在共享窗口中看到的是类似下面的内容，它不仅有 url 链接，而且有一些文本描述，以及最后通过 @username：
如何自动将描述和站点所有者注入共享textarea？谢谢！
html - Twitter 卡未呈现 - 错误：卡名无效（卡错误）
我已将此卡数据添加到此站点：
但是，当我将链接粘贴到我的 Twitter 帐户时，卡片不会呈现。
https://twitter.com/fireflysmtics
它确实在介质上渲染。有任何想法吗？
这是一个示例媒体文章，最后是卡片渲染：
https://medium.com/@ole.ersoy/capital-intensive-concept-c565b5b5eade
它在 Facebook 上的渲染效果也很好。
我找到了这个资源：
https://cards-dev.twitter.com/validator
当我把 URL 放进去时，它只是说：
错误：卡名无效（卡错误）