首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为Twitter共享和Facebook共享使用唯一的标题标记.og:标题覆盖twitter:标题

为Twitter共享和Facebook共享使用唯一的标题标记.og:标题覆盖twitter:标题
EN

Stack Overflow用户
提问于 2017-05-23 13:12:39
回答 1查看 447关注 0票数 5

我有两个社交共享元标签,我使用的og:titletwitter:title的脸谱。我需要每个人都不同。Twitter总是使用开放的图表标题,我需要找到一种方法给每个共享标题不同的内容。目前,我的代码如下。

代码语言:javascript
代码运行次数:0
运行
复制
<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并不容易,我只想用元标记找到解决方案。

我在用

代码语言:javascript
代码运行次数:0
运行
复制
<meta name="twitter:title" content="my content" />

而分享这个Twitter共享仍然在使用OG标签。

添加此代码如下所示

代码语言:javascript
代码运行次数:0
运行
复制
    <!-- 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

代码语言:javascript
代码运行次数:0
运行
复制
                            <a href="javascript:;" class="menuLink addthis_button"><i class="fa fa-share"></i> <span>Share</span></a>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-27 00:17:15

twitter的刮板将始终在打开的图形上使用twitter元标记

根据他们的医生:

当Twitter卡处理器在页面上查找标记时,它首先检查Twitter特定的属性,如果不存在,则返回到支持的OpenGraph属性。这使得这两者都可以在页面上独立定义。

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

它应该是

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

而不是

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

有了这个改变,它就奏效了。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44135875

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档