问题标签 [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 回答
550 浏览

twitter-card - 如何用推文显示推特摘要卡?

我网站的所有页面上都有以下元标记:

当我从我的网站发送一个链接到 twitter 时间线时,我没有在我的推文中看到查看摘要选项。我的域已针对 twitter摘要卡进行了验证,并且我从 DB 中回显了数据,它是工作文件,但未在推文中显示。有人知道如何解决吗?

0 投票
1 回答
164 浏览

twitter - 如何解决 Twitter 卡验证器中的“500 服务器错误”?

我从卡验证器收到“500 内部服务器错误”尝试验证我的网页。

我在文档的头部使用以下摘要卡

但它不显示摘要卡,我阅读了推特卡文档,按照每个步骤创建了一个包含以下内容的 robots.txt 文件:

但它仍然不起作用。卡验证器返回相同的错误。我的域位于免费的实时服务器http://000webhost.com上,因此我无权访问 error.log 生活。

你能帮我解决这个问题吗?

0 投票
1 回答
224 浏览

amazon-web-services - Twitter卡白名单问题可能是因为爬虫无法访问URL

我一直在尝试将我的网站列入 Twitter 卡片的白名单。每次我申请白名单时,我都会收到一封电子邮件,上面写着“您为 indiaoutside.org 提供的用于使用 summary_image_large 卡的 URL 无法访问。”

我尝试搜索他们的社区并找到了这个。很明显,Twitter 的爬虫无法访问我的网站。我正在为这个网站运行 AWS EC2。我如何确定 AWS 是否拒绝访问网络爬虫以及如何更改它?

0 投票
1 回答
332 浏览

python - 如何将元标记添加到 Tumblr API 的博客标题?

Tumblr API 确实令人印象深刻,因为它允许我直接发布到博客中。不过,我也想添加metaTwitter 卡。有什么办法可以做到这一点?

如何将这些元标记添加到博客文章中?

0 投票
2 回答
1516 浏览

ruby-on-rails - 如何将元标记图像参考放在 slim 中?

带有图像的 favicon 标签工作正常

同时我找不到在苗条中制作元标记图像参考的解决方案

这些是需要用图像修复的社交媒体标签

0 投票
2 回答
1356 浏览

angularjs - Twitter 卡在我的网站上不起作用

我正在尝试使用下一个链接在 Twitter 中分享我的 AngularJS 网站的一些内容:

当我点击它时,Twitter 分享页面被打开。但是,我想使用 Twitter Cards。我在我的页面中添加了这个 twitter 卡标签:

但由于某种原因,它不起作用。我在我的网址中使用了 Twitter 卡验证器:http://www.test.yanpy.com/es/blog/rutas-para-navegar-por-ibiza-y-formentera

看起来没问题。但是,当从我的网站中的锚点调用时,我只会看到文本字段。

0 投票
1 回答
3250 浏览

twitter - 什么可能导致 Twitter 卡验证器给出重定向循环错误?

我正在使用https://cards-dev.twitter.com/validatorhttp://parlaywith.me

当我包含此标签(当前包含)时:

我收到此错误:

错误:获取页面失败,因为它导致了太多重定向。 警告:这张卡被重定向到 http://parlaywith.me/

当我删除标签时,我得到:

信息:页面获取成功

如何保留og:url标签并避免错误?

0 投票
0 回答
198 浏览

php - Wordpress 上的 Twitter 卡片

第 1 步:在我的 header.php 中添加元标记

步骤#2:在推特上点击添加

步骤#3:我推特这个网址

步骤#4:检查卡验证器我得到以下日志

信息:成功获取页面
信息:找到8个元标签
信息:twitter:card =找到摘要标签
信息:卡加载成功

步骤#5:去推特

在推特上,即使在查看详细信息上,我也只能看到 url 的 TEXT ..

我不知道我错过了什么请帮助..提前说明感谢:)

0 投票
1 回答
8092 浏览

php - 本地主机上的 Twitter 卡验证器

所以我正在测试 Twitter 和 Facebook 共享功能。

我目前正在测试 Twitter 的分享按钮,我已经添加了meta标签,经过几个小时的搜索,我发现我能够嵌入推文(在链接回我网站的推文中嵌入推特图片)我需要推特卡。

我的元代码:

然后分享按钮看起来像:

当我在推特上发布井号标签时,它不会拾取我的图像或推特它。所以我一直在尝试运行我的网站(我正在测试它在 Twitter 卡验证器上的本地主机上)https://cards-dev.twitter.com/validator

我收到此错误消息:错误信息

任何想法我做错了什么?或者为什么我不能使用我的IP地址来测试 Twitter 卡?

谢谢!

0 投票
1 回答
370 浏览

iframe - 使用 iFrame 时,如何使用元数据在 IFrame 上启用网页抓取(例如,facebook)?

假设有两个网站A = http://www.i.am.contentB = http://www.i.am.an.envelopA是国际化的,即用户可以选择不同的语言: http://www.i.am.content &lang=enhttp://www.i.am.content &lang=sw

此外,A通过 iFrame包含在B中:<iframe src=A></iframe>

现在,用户应该能够通过社交媒体(google+、fb、twitter ...)分享B。重要的是,相应社交媒体网站的网络爬虫应从A获取社交媒体流的图像和文本。

但是,至少 fb 爬虫不会在 A 中查找元数据标签(在 facebook 案例中:Open Graph)除非我们也在B中指定:<meta property="og:url" content=A />

这意味着,指向A的链接在B的 html中被硬编码。

我们面临的挑战是:我们如何将元数据(例如用户选择的语言代码)传输到中指定的链接og:url?换句话说,如何确保由社交媒体提供商的网络爬虫自动创建的社交媒体流以正确的语言/元设置接收到A的链接?

非常感谢您对此的任何帮助:)

此外,对于 Google+ 和 Schema.org 或 Twitter 卡的类似问题的任何帮助都会很棒!