为Twitter共享和Facebook共享使用唯一标题标签... og:标题覆盖twitter:title

Question

我有两个社交分享元标记,我og:title用于Facebook和twitter:titleTwitter.我需要每个人都不同.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 元标签而不是开放图

根据他们的文档：

当 Twitter 卡处理器在页面上查找标签时，它首先检查 Twitter 特定的属性，如果不存在，则回退到受支持的 Open Graph 属性。这允许两者在页面上独立定义

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

它应该是

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

代替

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

有了这个改变，它就起作用了。