问题标签 [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.
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
html - 尽管有元标记,但 Twitter 卡图像不起作用
我正在尝试为网站设置 Twitter 卡。我有以下元标记:
一切似乎都很好。奇怪的是,Twitter 的卡验证器不显示图像。我刚刚阅读了很多关于此类问题的帖子,但没有一个适合我的情况。
似乎LinkedIn共享也有同样的无图像问题。
我该如何解决?
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,但是没有任何改变。
python - 我可以检索 Twitter Card 标题和媒体 URL 吗?
我想从我的推文中为一个项目收集所有 Twitter 卡片标题和 URL。例如,对于这条推文:https ://twitter.com/WSJ/status/1021517076069056514 ,我想检索以下信息:
- 标题:“全球央行喋喋不休扰乱债券市场”
- 图片链接:“ https://pbs.twimg.com/card_img/1021513789722841093/LQWGa8uL?format=jpg&name=600x314 ”
现在,我通过访问推文并检查卡片来获取此信息,但我想为代码执行此操作并遍历我的推文。有谁知道如何以编程方式获取这些信息?真的很感激!
robots.txt - 错误:获取页面失败,因为它被 robots.txt 拒绝
我的 robots.txt 文件详细信息:
如何解决这个问题?
javascript - Twitter Card API - 通过 javascript 打开 twitter 对话框并动态设置元标记
如何调用/创建 Twitter Card 并动态设置元值,而不是从 head 部分获取或声明元数据。就像下面的代码实现一样。
我们如何使用 Twitter Card API 实现这一点?*注意:我正在尝试通过图像预览实现 twitter 共享,并根据所选的 id 使用动态图像/内容。
twitter - 推特卡的丰富数据失败
自从我迁移到新服务器后,我不知道为什么 twitter 卡根本不起作用:https ://twitter.com/flickshot_fr/status/1044619154156920833
Twitter 验证器结果:
网址测试例如:https ://flickshot.fr/en/article/flusha-officiellement-transfere-chez-cloud9/5ba78da4da07e
谢谢 !
twitter - 推特卡不显示图像
推特卡最近停止显示图像。它工作正常,但问题开始于三周前。编码方面没有任何变化。尝试在推特卡验证器中验证 URL,它验证它没有任何错误但没有任何图像。这是我得到的信息。
twitter:card = 找到摘要标签 信息:卡已成功加载
看了几篇帖子,
- 我尝试将卡片从 summary_large_image 更改为摘要。它也没有帮助。
- 我尝试了 twitter:image:src 而不是 twitter:image,但它也没有帮助。
- Robots.txt 也很好。我们不会阻止任何机器人。
文章 URL 与图像 URL 不同,它只是我们的子域。不知道我错过了什么。任何想法和见解都会有所帮助。
在此先感谢
facebook-opengraph - Whatsapp 使用什么用户代理来抓取网站?
我正在一个网站上进行一些 SEO 调整,我注意到 Whatsapp 采用最后列出的任何“og:image”。出于某种奇怪的原因,当我列出 whatsapp 的小图片时,我的 Twitter 卡也会选择那个,而不是我专门为 Twitter 提供的那个。
所以我正在考虑只列出“og:images”,不包括 Whatsapp 的,除非用户代理是 WhatsApp 的。
考虑到这一点,我想知道 WhatsApp 的爬虫提供的用户代理是什么?
vb.net - 如何使打开的图形链接与 301 重定向一起使用
我在VB.NET
应用程序上使用友好的 URL,我在社交媒体上共享 URL,图像预览工作正常。链接可以分享如下:
或者
为了避免为同一篇文章共享两个版本的 URL,我创建了一个301 redirect
onPre_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 重定向或显示正确的结果,即使我在最后分享了一个没有标题的链接?