为 Twitter 分享和 Facebook 分享使用独特的标题标签...og:title 覆盖 twitter:title

Question

我有两个社交分享元标签，我在 Facebook 上使用 og:title，在 Twitter 上使用 twitter:title。我需要每一个都不一样。 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" />

共享功能正在使用 "Add This" 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">

通过此更改，它起作用了。

为 Twitter 分享和 Facebook 分享使用独特的标题标签...og:title 覆盖 twitter:title

Use unique title tags for both Twitter share and Facebook share... og:title overwriting twitter:title

html

facebook

twitter

facebook-opengraph

meta-tags