html - 为 Twitter 分享和 Facebook 分享使用独特的标题标签... og :title overwriting twitter:title

Question

我有两个社交共享元标记，我正在使用 og:title 用于 Facebook 和 twitter:title 用于 Twitter。我需要每一个都不一样。 Twitter 总是使用开放图表标题，我需要找到一种方法为每个共享标题提供不同的内容。目前我的代码如下。

<meta content="my unique title for facebook" property="og:title" />
<meta content="a description tag here for facebook" property="og:description" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="my unique title for twitter content" />

共享功能正在使用“添加”https://www.addthis.com/academy/setting-the-url-title-to-share/该软件是多个站点的模板，因此编辑 HTML 并不容易 我想找到一个仅使用元标记的解决方案。

我正在使用

<meta name="twitter:title" content="my content" />

并分享这个 Twitter 分享仍然使用 OG 标签。

添加这段代码看起来像

    <!-- AddThis Button BEGIN -->
    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <script type="text/javascript">

      var addthis_config = {
          services_compact: 'email, facebook, twitter, digg, reddit, linkedin, myspace, plaxo, blogger, livejournal, more',
          services_exclude: 'print'
      };
      var addthis_share = {
           url_transforms : {
                shorten: {
                     twitter: 'bitly'
                }
           }, 
           shorteners : {
                bitly : {} 
           }
      };

    </script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-56e1e3b04418084b"></script>
<!-- AddThis Button END -->

HTML

                            <a href="javascript:;" class="menuLink addthis_button"><i class="fa fa-share"></i> <span>Share</span></a>

Answer 1

Twitter 的抓取工具将始终在开放图表上采用 Twitter 元标记

根据他们的文档:

When the Twitter card processor looks for tags on a page, it first checks for the Twitter-specific property, and if not present, falls back to the supported Open Graph property. This allows for both to be defined on the page independentl

OP 编辑​​了他们的问题，他们最初使用的是属性标签而不是名称标签

应该是

<meta name="twitter:title" content="blah">

代替

<meta property="twitter:title" content="blah">

有了这个改变，它就可以工作了。