问题标签 [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.

0 投票
1 回答
6001 浏览

image - Twitter 元图像未在 Twitter 上呈现,因为它“可能受到站点的 robots.txt 文件的限制”

所以这是我尝试使用 Twitter 时的链接,图像不知何故不起作用,而它适用于 Facebook。

它仅适用于 Facebook,但对于 Twitter,我遇到了问题:

警告:https://scontent.xx.fbcdn.net/v/t31.0-8/19388529_1922333018037676_3741053750453855177_o.jpg?_nc_cat=0&oh=ba7394f2a6af68cb4b78961759a154f1&oe=5B6BC349“twitter:image”元标记指定的图像 URL 可能会受到站点的 robots.txt 文件的限制,这将阻止 Twitter 获取它。

不知道是什么原因导致这里是我的 robots.txt:

这是复制问题的链接:https ://invoker.pvdemo.com/album?album=1422199821384334&name=gallery

0 投票
1 回答
3091 浏览

html - 尽管有元标记,但 Twitter 卡图像不起作用

我正在尝试为网站设置 Twitter 卡。我有以下元标记:

一切似乎都很好。奇怪的是,Twitter 的卡验证器不显示图像。我刚刚阅读了很多关于此类问题的帖子,但没有一个适合我的情况。

似乎LinkedIn共享也有同样的无图像问题。

我该如何解决?

0 投票
1 回答
1085 浏览

html - Twitter卡片图像模糊

上周末,我在我的 Blogger 博客上安装了 Twitter Cards,但是,当我在 Twitter 上发布帖子的链接时,预览图像似乎有点模糊。

https://twitter.com/DailyNickNews/status/986395296350527488

https://twitter.com/DailyNickNews/status/986395007216209920

https://twitter.com/DailyNickNews/status/986394831470637056

当我在新选项卡中打开图像时,我得到一个 URL,例如

https://pbs.twimg.com/card_img/986394838189924352/9Nw874O_?format=jpg&name=600x314

但是,实际显示的图像尺寸要小得多。在上面的示例中,图像是 392x205。

我正在使用的代码是:

我是 Twitter Cards 的新手,不知道要改变什么。顶部 META 标记已显示“summary_large_image”。

我尝试将最后一个 META 标记的值从 twitter:image:src 更改为 twitter:image,但是没有任何改变。

0 投票
1 回答
845 浏览

python - 我可以检索 Twitter Card 标题和媒体 URL 吗?

我想从我的推文中为一个项目收集所有 Twitter 卡片标题和 URL。例如,对于这条推文:https ://twitter.com/WSJ/status/1021517076069056514 ,我想检索以下信息:

现在,我通过访问推文并检查卡片来获取此信息,但我想为代码执行此操作并遍历我的推文。有谁知道如何以编程方式获取这些信息?真的很感激!

0 投票
0 回答
1682 浏览

robots.txt - 错误:获取页面失败,因为它被 robots.txt 拒绝

我的 robots.txt 文件详细信息:

如何解决这个问题?

0 投票
1 回答
582 浏览

javascript - Twitter Card API - 通过 javascript 打开 twitter 对话框并动态设置元标记

如何调用/创建 Twitter Card 并动态设置元值,而不是从 head 部分获取或声明元数据。就像下面的代码实现一样。

我们如何使用 Twitter Card API 实现这一点?*注意:我正在尝试通过图像预览实现 twitter 共享,并根据所选的 id 使用动态图像/内容。

0 投票
1 回答
727 浏览

twitter - 推特卡的丰富数据失败

自从我迁移到新服务器后,我不知道为什么 twitter 卡根本不起作用:https ://twitter.com/flickshot_fr/status/1044619154156920833

Twitter 验证器结果:

网址测试例如:https ://flickshot.fr/en/article/flusha-officiellement-transfere-chez-cloud9/5ba78da4da07e

谢谢 !

0 投票
1 回答
764 浏览

twitter - 推特卡不显示图像

推特卡最近停止显示图像。它工作正常,但问题开始于三周前。编码方面没有任何变化。尝试在推特卡验证器中验证 URL,它验证它没有任何错误但没有任何图像。这是我得到的信息。

twitter:card = 找到摘要标签 信息:卡已成功加载

看了几篇帖子,

  1. 我尝试将卡片从 summary_large_image 更改为摘要。它也没有帮助。
  2. 我尝试了 twitter:image:src 而不是 twitter:image,但它也没有帮助。
  3. Robots.txt 也很好。我们不会阻止任何机器人。

文章 URL 与图像 URL 不同,它只是我们的子域。不知道我错过了什么。任何想法和见解都会有所帮助。

在此先感谢

0 投票
2 回答
5192 浏览

facebook-opengraph - Whatsapp 使用什么用户代理来抓取网站?

我正在一个网站上进行一些 SEO 调整,我注意到 Whatsapp 采用最后列出的任何“og:image”。出于某种奇怪的原因,当我列出 whatsapp 的小图片时,我的 Twitter 卡也会选择那个,而不是我专门为 Twitter 提供的那个。

所以我正在考虑只列出“og:images”,不包括 Whatsapp 的,除非用户代理是 WhatsApp 的。

考虑到这一点,我想知道 WhatsApp 的爬虫提供的用户代理是什么?

0 投票
1 回答
1907 浏览

vb.net - 如何使打开的图形链接与 301 重定向一起使用

我在VB.NET应用程序上使用友好的 URL,我在社交媒体上共享 URL,图像预览工作正常。链接可以分享如下:

或者

为了避免为同一篇文章共享两个版本的 URL,我创建了一个301 redirectonPre_load以将第一个链接重定向到第二个相应的链接。这样,我确保每个访问的 URL 都包含最后的文章标题。

在我应用此逻辑之后,末尾没有文章标题的 URL(第一个 URL)不再在社交媒体上显示图像预览。Twitter 卡验证器Facebook 开放图形调试器表示存在 301 重定向,并且未找到元标记。

下面是在页面上运行的代码Pre_Load

这是我使用的示例 HTML:

问题:

在 Twitter Card Validator 上测试链接(没有文章标题)会产生以下日志:

信息:页面获取成功
警告:未找到元标记
警告:此卡被重定向到
news/123/hello-this-is-an-article

在 Facebook Debugger 上测试链接(没有文章标题)会产生以下日志:

响应代码 400

获取 URL example.com/news/123

规范 URL
example.com/news/123/hello-this-is-an-article

重定向路径
输入 URL example.com/news/123 301 HTTP
重定向 example.com/news /123/你好,这是一篇文章

有没有办法让打开的图形调试器逃避 301 重定向或显示正确的结果,即使我在最后分享了一个没有标题的链接?