Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >发现和分发页面【ytkah英译AMP-4】

发现和分发页面【ytkah英译AMP-4】

作者头像
ytkah
发布于 2020-06-16 11:04:23
发布于 2020-06-16 11:04:23
44500
代码可运行
举报
文章被收录于专栏:ytkahytkah
运行总次数:0
代码可运行

  在某些情况下,您可能希望拥有同一页面的非AMP版本和AMP版本,例如,一篇新闻文章。思考一下:如果谷歌搜索发现该页面的非AMP版本,它如何知道有一个“配对”AMP版本的它?

使用<link>链接页面

  为了确定非AMP页面和AMP页面应该被“配对”在一起,我们在<head>中添加<link>标签的形式,在非amp页面上添加amp页面的信息,反之亦然。(ytkah的理解:从seo角度来说,canonical标签可以确保url的唯一性,防止被搜索引擎判定为重复内容,进而降低整站的权重。)

  举个例子,我们有两个页面,内容相同,一个是非AMP页面https://www.example.com/url/to/full/document.html,另一个是AMP页面https://www.example.com/url/to/amp/document.html,现在开始分别给他们加链接页面,注意是交叉匹配

  在非AMP页面的<head></head>中加入如下代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

  在AMP页面的<head></head>中加入如下代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="canonical" href="https://www.example.com/url/to/full/document.html">

如果只有一个页面呢?

  如果只有一个页面,并且该页面是一个AMP页面,你仍然必须添加规范链接到它,它将简单地指向自己

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="canonical" href="https://www.example.com/url/to/amp/document.html">

  参考资料https://amp.dev/documentation/guides-and-tutorials/start/create/prepare_for_discovery/?format=websites

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-06-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
MIP改造教程,浅谈MIP接入解决方案!
03.电脑版、手机版都用MIP框架来开发(百度MIP对电脑版目前是没有优待的!),好处:省了为MIP站点配置单独域名;坏处:由于百度MIP框架是针对移动站点设计的前端框架,所以样式极其单调,不推荐!
QUXINGDONG.COM
2018/10/25
1.9K0
让WordPress支持google AMP
Jianbo
2017/12/29
1.5K0
让WordPress支持google AMP
创建第一个AMP页面【ytkah英译AMP-1】
想创建您的第一个AMP页面又不知道如何开始?在本教程中,您将学习如何创建一个基本的AMP HTML页面,如何对其进行设置并验证它是否与AMP兼容,以及如何为发布和分发做好准备。 Create your
ytkah
2020/06/16
5530
AMP自定义样式【ytkah英译AMP-3】
AMP页面是网页;页面及其元素的任何样式都是使用常见的CSS属性完成的。在<head>中嵌入的样式表中使用类或元素选择器的样式元素,<style amp-custom></style>,如下代码演示,注意:amp禁止引入除字体外的css文件<link rel=”stylesheet”>
ytkah
2020/06/16
9850
使用了 Google AMP 网站加速技术后,我的博客快了八倍
一年前,我为我的博客 www.phodal.com 添加了 AMP 的支持。今天偶尔间在搜索结果页看到了 AMP 的标志,打开博客的速度几乎是秒级的。 今天在本来想测试一下,之前实现的 APP Ind
Phodal
2018/01/29
2.4K0
徐大大seo:Canonical 标签是什么?
Canonical 标签是一种 HTML 标签,用于指定网页的主要版本。它的作用是告诉搜索引擎哪个网页是最重要的,以便避免重复内容的问题。
徐大大seo
2023/03/13
5630
SEO操作不当,造成网站页面重复,如何解决?
网站重复内容页面过多会造成资源和精力的浪费、关键词的内部竞争,还会分散权重,得不偿失。若是因为站内重复内容页面过多被搜索引擎误判为采集站就麻烦了。
茹莱神兽
2022/06/07
5610
SEO操作不当,造成网站页面重复,如何解决?
快速搭建MIP,体验友好的移动页面
在读这篇文章之前,请确定你已经了解MIP定义及加速原理。如果不确定的话,可以到MIP官网了解。文章内容来自MIP博客。
李洋博客
2021/06/15
8930
typecho程序增加url唯一标签canonical教程
本站从2023年1月18日接手后就发现包括首页、文章页、独立页面等页面存在首页分页、评论分页等的收录导致页面相同链接不同的问题。
cmsboy
2023/03/10
1.6K0
typecho程序增加url唯一标签canonical教程
百度站长链接提交的js代码推送进化版
百度站长平台提供链接索引的自动提交 JS 脚本已经有一段时日了。用百度自己的话讲:JS 链接推送代码以网页为最小对象,服务于全平台多终端,PC 站和移动站均可使用。安装代码的页面在任意平台(浏览器、微信、微博)被加载时,页面链接会被第一时间推送给百度,从而提高站点新内容的发现速度。 原来的代码长这样: //百度 JS 链接推送代码 (function(){ var bp = document.createElement('script'); var curProtocol = window.
沈唁
2018/05/24
2.4K0
AMP改造教程,浅谈AMP接入解决方案!
Ps:一、二主要解释一些专有名词,具体“ AMP 开发规范 ”可以直接参阅第三专题!
QUXINGDONG.COM
2018/11/01
4.1K0
AMP改造教程,浅谈AMP接入解决方案!
鹅厂原创 | AMP 初探
新媒体排版 香销冷雨帘襟落,提阶上,空廊回风,忆艾郎,前日曾共沐,暖手同游,梦惊尤在枕边,孤影叹单,冷暖心知。 AMP简介 1 AMP是什么 AMP 全称 Accelerated Mobile Pages(官网)顾名思义是为了加速移动网络的网页加载从而提升体验。感兴趣的可以先看一段实拍视频,感受一下。 从目前官方统计数据看来,速度平均有 4 倍提升 AMP 是一个在 Github 上的开源项目(传送门)在我看来,它是一套解决方案,我们的移动页面使用了这套解决方案之后,就可以得到提升加载速度的体验。 2
用户1097444
2022/06/29
1.1K0
鹅厂原创 | AMP 初探
一个canonical标签解决site不在首页的问题
  前段时间因为竞价的同事为了方便查看转化路径,在每个关键词都设置了不同的url,具体是直接在标准网址后面加#和参数,例如www.abc.com/#defgh,www.abc.com/#ijklmn,因为他设置的着陆页很多是首页,所以很容易出现问题,转化率低不说,还可能造成大量的重复页面,去百度site一下,www.abc.com不在首页,倒是www.abc.com/#defgh排在第九位,立马到页面的头部那边加一个canonical标签,两三天后再去site一下,主页又回到第一了   怎么添加canoni
ytkah
2018/03/06
5900
「SEO技巧」页面分页优化技巧
最美不过人间四月天,莫负春光,莫负自己。有梦就去追,有爱别放手,人生没有捷径,但努力绝不会被辜负。愿你眼中有星辰,身边有海洋,心中有阳光。 今天跟各位同学讲解下页面分页优化小技巧,这个技巧其实,早就有了,不知道有多少人关注过。希望,今天分享的内容能够对你们有所帮助。 — — 及时当勉励,岁月不待人。 页面分页优化技巧 时本文总计约 1000 个字左右,需要花 4 分钟以上仔细阅读。 对于分页,其实不同网站有不同的分页方式。例如: 新闻和/或出版网站通常将长文章分为篇幅较短的几页。 零售网站可能会将属于一个
黄伟SEO
2018/05/17
1.9K0
WordPress删除头部wp_head()多余代码
如果你有查看过你的WordPress博客的“查看源代码”的话,你会发现头部的html代码非常多,而且是密密麻麻,有些像meta name="generator"的代码其实是没有什么用处的。如何清理他们
Jeff
2018/01/19
2.9K0
前端课程——HTML概述
CSS 是个缩写形式,其全称为 Cascading Style Sheets,翻译成中文的含义为层叠样式表。
Dreamy.TZK
2020/04/09
9450
网页页面下各种标签的含义
编码格式 告诉给浏览器用什么方式来都这页代码,,这里是用UTF-8编码的,utf-8是国际编码,实用性比较强推荐使用。
前端皮皮
2020/11/26
1.7K0
EMLOG优化 | 链接统一 URL标准化
打开主题的header.php,在<head></head>标签内,插入如下代码:
墨渊
2018/07/31
5630
移动搜索SEO:网站移动适配之Meta标注、移动跳转终结篇
这些天,在给博客的标签页(tag)添加跳转和 META 动态申明时,居然让我醍醐灌顶,发现之前的动态适配的做法是多么的苦逼和小白! 总结前,先来回顾下小白张戈在移动适配这条道路上的摸爬滚打: 百度开放适配专用 sitemap 制作说明 360 站长平台移动适配文件制作说明 完美实现移动主题在 360 网站卫士缓存全开情况下的切换 移动搜索 SEO 分享:利用 Meta 声明来做百度开放适配 利用 Meta 申明来做百度、谷歌、雅虎、微软等搜索的开放适配 必须申明的是,本文的所有做法仅适合非响应式网站,并且需
张戈
2018/03/23
2.2K0
RPO漏洞原理深入刨析
Gareth Heyes在2014年首次提出了一种新型攻击手法—RPO(Relative Path Overwrite)相对路径覆盖,该漏洞是一种利用相对URL路径覆盖目标文件的一种攻击手段,其主要依赖于服务器和浏览器的解析差异性并利用前端代码中加载的css/js的相对路径来加载其他文件,最终使得浏览器将服务器返回的不是css/js的文件当做css/js来解析,从而导致XSS,信息泄露等漏洞产生
Al1ex
2023/12/01
6680
相关推荐
MIP改造教程,浅谈MIP接入解决方案!
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档