Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为Twitter共享和Facebook共享使用唯一的标题标记.og:标题覆盖twitter:标题

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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
运行
AI代码解释
复制
<meta name="twitter:title" content="my content" />

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

添加此代码如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    <!-- 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
运行
AI代码解释
复制
                            <a href="javascript:;" class="menuLink addthis_button"><i class="fa fa-share"></i> <span>Share</span></a>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-26 16: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

复制
相关文章
共享google reader 内容到twitter,facebook
今天听人说 googlereader2twitter,遂google之,得到以下答案:
零式的天空
2022/03/16
2650
PHPCMS标题优化(最强SEO标题)
官方默认的标题,首页就显示站点设置中的标题,分类页如果设置了SEO标题,那么内页的标题将会特别长。下面我把几种常用的标题写法归结于此。 <h2>只定制化首页标题</h2>
李维亮
2021/07/09
2K0
[SEOer]为网站设置优秀的标题和描述
WordPress插件下载,WordPress主题,WordPress资源,钻芒博客-记录生活,学会感恩
AlexTao
2019/12/13
7590
[SEOer]为网站设置优秀的标题和描述
【无标题】
本来打算一次更新完的。。感觉还是太多了,后面再分享吧,先分享一部分 EasyCode MybatisCodeHelper 这玩意功能太离谱了,随便举几个 官网地址:https://brucege.co
程序员朱永胜
2023/09/26
2220
【无标题】
【无标题】
空指针 at com.apple.laf.AquaMenuPainter.paintSelectedMenuItemBackground(AquaMenuPainter.java:153)
周杰伦本人
2022/10/25
1.4K0
使用神经网络为图像生成标题
我们都知道,神经网络可以在执行某些任务时复制人脑的功能。神经网络在计算机视觉和自然语言生成方面的应用已经非常引人注目。
deephub
2020/07/30
1.1K0
使用神经网络为图像生成标题
【无标题】
独立显卡用户,如何根据操作系统,确定cuda和cudann版本?从而实现GPU加速。是一个需要注意的问题。
数据饕餮
2022/11/21
8580
【无标题】
HTML 标题
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
用户6884826
2021/07/07
1.8K0
HTML 标题
<h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3>
用户8442333
2021/08/21
2.4K0
【无标题】
早期的网站开发整个HTML页面是由服务器来渲染的。服务器将渲染好的对应的HTML页面返回给客户端进行展示,但是一个网站包含很多页面,那服务器是怎么处理的呢?
上分如喝水
2023/01/31
1.3K0
【无标题】
没有标题
没有标题 这是一个 vscode image.png 这是一个 code-server image.png 这是一个 jupyter image.png 这是一个魔改版的 jupyter image
XRSec
2022/03/17
1.8K0
没有标题
文章标题
可以看到,当3个信号量被领取完之后,之后的线程会阻塞在领取信号的位置,当有信号量释放之后才会继续执行。
三产
2021/01/12
2.9K0
【无标题】
当我们开发完app后,需要将ipa/apk提交给测试人员测试,然后才能上线。下面就来看一下如何打包ipa文件,并上传托管平台。
iOS Magician
2023/03/22
8190
【无标题】
为博客标题自定义字体
最近 @Shawn 的群里超级多人问 Shawn 博客标题字体怎么弄的。(其实我的博客也弄了只不过他们不看而已)。
惶心
2018/05/25
2.6K2
为博客标题自定义字体
Qt隐藏系统标题栏,使用自定义标题栏
       今天我们来实现自定义标题栏的实现,这里面用到了布局,鼠标事件重写等知识点,首先还是自定义标题栏的创作,像下面这样,可放大,可缩小,并且随着窗体大小的改变,控件做自适应调整。有没有感觉狗子的界面做的越来越好看,哈哈,其实只是想告诉大家,孰能生巧,第一次可能很丑,慢慢来嘛,我第一次也被人喷过。废话不多说,看实现。
花狗Fdog
2020/10/28
8.4K1
Qt隐藏系统标题栏,使用自定义标题栏
LaTeX标题控制
【注】笔记来自《LaTeX入门》——刘海洋。详细参数可参见 LaTeX 官方文档:
hotarugali
2022/03/18
3.2K0
LaTeX标题控制
jeecg修改标题
在使用jeecg这个框架的时候,需要更换标题名,全局搜索发现没有这个字段,其实它是存放在数据库中的。 ps:重启项目生效。
崔笑颜
2020/06/08
1.1K0
bootstrap 页面标题
<div class="page-header"> -- <div class="page-header"> <h1>页面标题实例 <small>子标题</small> </h1> </div> <p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p>
用户5760343
2019/07/05
9230
bootstrap 页面标题
点击加载更多

相似问题

facebook共享,标题未共享

38

带有动态URL和标题的Twitter和Facebook自定义共享按钮

12

强制facebook共享标题

23

如何使用WordPress帖子标题与Twitter共享按钮

24

编辑Facebook共享标题和描述

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文