标签: twitter-card

任何iOS10 beta测试人员都知道如果Messages使用类似于Facebook Open Graph的语法来设置元描述和图像等内容吗？

我正在建立一个网站,并希望在iOS10推出时做好准备.

这是我正在谈论的东西的类型:

<!-- Facebook Meta -->
<meta property="og:title" content="Site | Title of Page" />
<meta property="og:image" content="http://www.domain.com/im-content/social-post-images/facebook image.png" />
<meta property="og:url" content="http://www.domain.com" />
<meta property="og:site-name" content="Site | Title of Page"/>
<meta property="og:type" content="website" />
<meta property="og:description" content="Here is a description of my site that will show up in the Facebook card." />

这是我试图控制的图像/信息:

我有Twitter分享按钮的问题,我有这个代码作为输入:

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@citydesigning">
<meta name="twitter:title" content="City Design">
<meta name="twitter:description" content="I recommend this epic City Design online course at https://stepic.org/city #stepiccity">
<meta name="twitter:creator" content="citydesigning">
<meta name="twitter:image:src" content="https://stepic.org/static/classic/city/images/sharepic.png">

和

<a class="twitter" href="https://twitter.com/intent/tweet?url=https://stepic.org/city" target="_blank"></a>

但是在共享时没有返回结果,只有这个文本:" https://stepic.org/city "而不是所有Twitter卡信息(如图像和一些文本)在Twitter的Feed上点击"查看摘要".

恩,你能救我​​吗？

我正在为我的网站尝试推特卡验证器.

我没有设置twitter:domain,因为帮助文本显示

RESTRICTED - twitter:domain will be automatically generated from your card's URL.

Not required

但我只是想知道我是否应该设置它.

设置twitter:域时会有什么影响？我应该设置哪个值？我应该设置它吗？

(我猜的martin-thoma.com,但它也可能是http://martin-thoma.com或martin-thoma.com/).

不引用可靠来源的答案是可以接受的!

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

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

我的元代码:

   <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="http://MY_IP_ADDRESS:3000/">
    <meta name="twitter:creator" content="@random">
    <meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
    <meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
    <meta name="twitter:image" content="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg">

然后是分享按钮,看起来像:

  <img src="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg">
    <a …

我阅读了以下2个文档页面：摘要和 带有大图像的摘要卡，但我看不出有什么区别。

例：

<meta name="twitter:card" content="summary" />   <!-- or summary_large_image -->
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

最后两者之间的实际区别是什么？渲染看起来相同：

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

它仅适用于 Facebook，但对于 Twitter 我遇到了问题：

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

不知道是什么原因造成的，这是我的 robots.txt：

User-agent: *
Disallow: /translations
Disallow: /manage
Disallow: /ecommerce

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

有问题的网址：https://www.halleonard.com/viewpressreleasedetail.action? releaseid=10261

当您在浏览器和开发人员工具中查看源代码时，您可以看到 Open Graph 和 Twitter 的所有元标记。我检查了 Facebook 调试器，除了一些规范问题之外，我对结果相当满意。

我还将上述 URL 插入第三方 Open Graph 调试器： http://debug.iframely.com/，Open Graph、Twitter 甚至其他标签的所有标签均返回正值。

为什么 Twitter 的卡片验证器会带着一个

INFO:  Page fetched successfully
INFO:  9 metatags were found
ERROR: No card found (Card error)

关于如何让 Twitter 正确显示有什么见解吗？

我正在尝试获取 url 预览（对于支持它们的网站）以显示在我正在处理的项目中。我最近注意到 Twitter 网址不再有开放图元标记。我期待 og:title、og:description 等等，如果我没记错的话，它曾经存在于所有 twitter 链接中。

例如，如果我看到此链接的页面来源：twitter.com/DalaiLama/status/1274998376338124800

除了 og:site_name 之外，我没有看到 og 元数据。我也没有看到任何 twitter:title 或相应的内容。我错过了什么？

更新：所以原来查看源代码没有显示 og:title，但我确实在 Chrome 的“检查”菜单下看到了它。这是否意味着 JS 实际上拥有它而不是 HTML（它也只显示 og:title 而不是其他字段）？这是预期的吗？

我在我的网站上实现了Open Graph标签和Twitter Card标签.Twitter Card标签验证为HTML5的唯一方法是将它们从...更改为... name ="twitter:card"... to ... property ="twitter:card"...但是,这会导致Facebook的公开图形调试器:

应该修复外部属性的打开图形警告:此类对象不允许名为"twitter:card"的属性.

Open Graph标签,Twitter Card标签和HTML5是否不兼容？

http://developers.facebook.com/tools/debug

我正在尝试使用推特分享按钮分享推文，并使用推特卡片通过我的链接发布图片，我正在使用：

<meta property="og:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">
<meta property="og:title" content="SOME TEXT">
<meta property="og:description"SOME DESCRIPTION">
<meta name="twitter:site" content="THIS IS CONTENT">
<meta name="twitter:card" content="photo" />
<meta name="twitter:title" content="TWITTER CONTENT">
<meta name="twitter:description" content="TWITTER DESCRIPTION">
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">

并使用此共享按钮：

<a class="twitter-share-button"href="https://twitter.com/intent/tweet?text=Hello%20world">Tweet</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

但此代码仅在 twitter 上共享文本和链接，而不与图像共享。

谁能告诉我我的代码有什么问题吗？