【问题标题】:Twitter card validator on localhost本地主机上的 Twitter 卡验证器
【发布时间】:2023-03-20 22:58:01
【问题描述】:

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

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

我的元代码:

   <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 href="https://twitter.com/intent/tweet?button_hashtag=test" data-url="http://localhost.share.com/" target="_blank">Tweet #test</a>
  </img>

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

我收到此错误消息:

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

谢谢!

【问题讨论】:

  • 请适当标记!这与facebook 关系不大,与twitter-boostrap 一点关系都没有。 (已删除标签。)

标签: php twitter meta-tags twitter-card


【解决方案1】:

我想我会把它留在这里,以防有人偶然发现它。由于我很久以前问过这个问题,我实际上不记得解决方法,但我认为最简单的解决方案是使用 ngrok。

https://ngrok.com/

下载 ngrok。在本地运行您的服务器,然后将 ngrok 指向您的本地服务器正在运行的端口,它会按照以下方式吐出一些东西......

Session Status                online                                                                                                                   
Version                       2.1.18                                                                                                                   
Region                        United States (us)                                                                                                       
Web Interface                 http://127.0.0.1:4040                                                                                                    
Forwarding                    http://65hkdy7ed.ngrok.io -> localhost:3000                                                                               
Forwarding                    https://65hkdy7ed.ngrok.io -> localhost:3000 

你有自己的网址可以使用:)

【讨论】:

  • 我们如何为 facebook 做同样的事情,ngrok 对他们不起作用:-(
  • @SiguMagwa 我没有尝试过使用 facebook。你得到什么错误?据我所知。 FB/Twitter 需要一个公开的 URL 来爬取获取元数据信息。 Ngrok 创建该 url 并将其通过隧道传输到本地端口。如果 FB 反对使用 http url,可能可以使用 ngrok 提供的 https url,因为我知道它们在某些区域。我无法想象他们已经完全阻止了 ngrok 生成的 url,但这是可能的。你的错误是什么?也许我可以帮忙:)
  • 当我在对象调试器上使用它时,它只显示 url,他们可能阻止了 ngrok,因为它与 twitter 验证器一起工作正常
猜你喜欢
  • 2021-07-07
  • 2011-04-04
  • 1970-01-01
  • 1970-01-01
  • 2015-07-26
  • 2012-03-11
  • 1970-01-01
  • 1970-01-01
  • 2021-09-11
相关资源
最近更新 更多