厦门SEO 欢迎您的访问!在这里、您可以学到最新潮的SEO技术"干货" (๑•̀ㅂ•́)و✧ 让优化成为一种生活习惯~

  • 首页 
  • 厦门SEO 
  • 厦门网站建设 
  • 厦门网络推广 
  • 外贸营销 

推荐阅读

「网站标题设计」就《百度搜索网页标题规范》,浅谈:网站标题怎么写?

厦门SEO 2018-11-24 2 7

外链介绍、如何发外链及对SEO的作用浅析!

厦门SEO 2018-09-06 0 3

从前端角度浅谈代码对SEO的影响!

厦门SEO 2018-08-26 4 16

AMP 开发文档【精炼核心规范 新手易懂】

厦门SEO 2018-09-08 0 5

一个星期或者一个月?将网站做到百度或者谷歌首页?慌么?

厦门SEO 2018-10-16 4 36

厦门SEO

厦门SEO

  • 「城市分站」
  •  首页
  • 厦门SEO
    • 百度SEO
    • 谷歌SEO
  • 厦门网站建设
    • 厦门熊掌号
    • 厦门小程序
  • 厦门网络推广
  • 外贸营销
  •  首页
  •  厦门SEO
  •  厦门网站建设
  •  厦门网络推广
  •  外贸营销
首页 厦门SEO 正文
厦门SEO

AMP 开发文档【精炼核心规范 新手易懂】

屈兴东
2018-09-09 5,763 0

Ps:一、二主要解释一些专有名词,具体“ AMP 开发规范 ”可以直接参阅第三专题!

AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO
《 AMP 开发文档 》
AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO

一、框架组成:

谷歌AMP – HTML框架由 AMP HTML、AMP JS、AMP Cache 三大核心组件构成!

1.AMP HTML

AMP HTML 是为了 确保网页性能 的 具有 某些限制 的 HTML。

AMP HTML 本质上是使用自定义 AMP属性扩展 的 HTML。
尽管 AMP HTML 网页中的大多数标记都是常规 HTML 标记,但部分 HTML 标记替换为了 AMP 专用标记(另请参阅 AMP 规范中的 HTML 标记)。利用这些自定义元素(称为 AMP HTML 组件)可以轻松高效地实现常见的模式。
例如,amp-img 标记可提供完整的 srcset 支持,即使在尚不支持该标记的浏览器中也是如此。

2.AMP JS

AMP JS 库可确保快速渲染 AMP HTML 网页。

AMP JS 库 可实现所有 AMP 的最佳性能做法、管理资源加载,并为您提供上面提到的自定义标记,所有这些都是为了确保快速渲染您的网页。
最重大的优化之一就是它可使来自外部资源的所有内容保持异步,让网页中的任何内容都能毫无阻碍地渲染。
其他性能技术还包括:将所有 iframe 沙盒化,加载资源之前对网页上每个元素的布局进行预先计算,以及禁用性能缓慢的 CSS 选择器。

3.AMP Cache

Google AMP Cache 可用于提供缓存的 AMP HTML 网页。

Google AMP Cache 是一种基于代理的内容交付网络,用于交付所有有效的 AMP 文档。它可提取 AMP HTML 网页,对这些网页进行缓存,并自动改进网页性能。使用 Google AMP Cache 时,文档,所有 JS 文件及所有图片都从使用 HTTP 2.0 的同一来源加载,从而可实现最高效率。
此外,Google AMP Cache 还带有内置验证系统,可确认网页能够正常工作,并且不依赖于外部资源。此验证系统运行一系列断言,确认网页的标记符合 AMP HTML 规范。
Google AMP Cache 可以理解为谷歌官方提供的免费CDN服务。

二、运作原理:

01.仅允许异步脚本

02.静态确定所有资源的大小

03.不让扩展机制阻塞渲染

04.将所有第三方 JavaScript 保存在非关键路径下

05.有 CSS 都必须内嵌并具有大小限值

06.字体触发必须高效

07.最大程度减少样式重新计算次数

08.仅运行 GPU 加速动画

09.设定资源加载的优先级

10.瞬时加载页面

三、开发规范:

1.AMP页面源码 必须包含的标记

AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO

2.AMP HTML 规范

01.HTML 标签

AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO

02.HTML 注释

不允许使用有条件的HTML注释!例如IE8兼容注释代码。

03.HTML 属性

在AMP HTML中不允许以on(例如onclick或onmouseover)开头的属性名称。on允许使用带有文字名称(无后缀)的属性。
AMP HTML中不允许使用与XML相关的属性,例如xmlns,xml:lang,xml:base和xml:space。
i-amp-AMP HTML中不允许使用前缀的内部AMP属性。

3.使 AMP网页 可被 Google搜索 轻松发现

AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO

四、相关工具:

AMP 开发者指南:https://developers.google.com/search/docs/guides/about-amp
AMP HTML 规范:https://www.ampproject.org/zh_cn/docs/fundamentals/spec
AMP 验证工具:https://validator.ampproject.org
AMP 常见错误:https://www.ampproject.org/zh_cn/docs/troubleshooting/validation_errors
补充:
HTML转AMP:https://www.ampproject.org/zh_cn/docs/fundamentals/converting/setting-up
以上文档、工具使用 需要翻墙 !
AMP 开发文档【精炼核心规范 新手易懂】-厦门SEO

#AMP开发文档#AMP接入#AMP教程#AMP框架#厦门SEO#谷歌SEO

本文由 屈兴东 原创发布于:厦门SEO。未经许可,禁止转载!

屈兴东

百度可查:“屈兴东”、出生于湖北黄冈的95后程序小伙。 屈兴东:https://www.quxingdong.com/ | 厦门SEO:https://seo.quxingdong.com/ | 厦门网站建设:https://web.quxingdong.com/ .

扫码关注

5

微信扫一扫,分享到朋友圈

MIP 开发文档【精炼核心规范 新手易懂】 Google SEO - AMP框架分析以及接入指南!

文章评论 (0)

😉😐😡😈🙂😯🙁🙄😛😳😮😆💡😀👿😥😎➡😕❓❗
再想想

    搜索文章:

    相关文章:

    • 聊聊网站内容长期不更新维护会怎么样?

      聊聊网站内容长期不更新维护会怎么样?

    • 「SEO百科」外贸企业独立站如何做好SEO?

      「SEO百科」外贸企业独立站如何做好SEO?

    • 「谷歌SEO」英文网站怎么进行seo优化?

      「谷歌SEO」英文网站怎么进行seo优化?

    • 「新手做seo怎么做?」三种SEO作弊行为,千万不要模仿!

      「新手做seo怎么做?」三种SEO作弊行为,千万不要模仿!

    热点文章:

    • 聊聊网站内容长期不更新维护会怎么样?
      聊聊网站内容长期不更新维护会怎么样?
      712
    • 「网站建设」打造成功网站的10个简单步骤!
      「网站建设」打造成功网站的10个简单步骤!
      578

    标签聚合:

    2019年 (4) 2019年SEO (4) MIP接入 (3) MIP教程 (3) MIP框架 (3) PPC (4) SEM (3) SEO (14) SEO优化 (29) SEO分析 (3) SEO技术 (3) SEO教程 (8) SEO策略 (4) 厦门SEO (66) 厦门SEO优化 (5) 厦门外贸营销 (20) 厦门小程序 (3) 厦门网站建设 (15) 厦门网络推广 (17) 厦门网络营销 (5) 厦门谷歌SEO (3) 厦门谷歌优化 (3) 厦门谷歌排名 (3) 厦门谷歌推广 (4) 名族自治区SEO (6) 城市SEO (83) 城市分站 (81) 外贸网站 (3) 外贸营销 (17) 小程序 (2) 广东SEO (22) 江苏SEO (14) 浙江SEO (12) 白帽SEO (4) 百度SEO (39) 直辖市SEO (3) 省份SEO (50) 网站优化 (5) 网站标题 (3) 网站标题怎么写 (3) 网络营销 (4) 英文SEO (4) 谷歌Google推广 (4) 谷歌SEO (38) 黑帽SEO (8)

    站点公告:

    • 同类型网站友链申请
      或购买本站外链/广告位加:
    • 2648439388 ( QQ ) !

    云服务商力荐(๑•̀ㅂ•́)و✧:

    腾讯云新客专属福利

    关于我们:

    厦门SEO,十年专注厦门SEO优化、厦门网站推广。屈兴东专业:厦门网站建设、厦门网站优化、厦门网络推广、厦门外贸营销……是知名厦门SEO顾问,专心厦门百度SEO优化、厦门谷歌SEO优化、厦门神马搜狗360必应SEO优化!通过网站建设、网站优化、网络推广、外贸营销等多维一体式互联网服务,轻松帮您实现厦门网站建设、厦门网站优化、厦门网络推广、厦门外贸营销~厦门关键词百度谷歌等主流搜索引擎SEO首页排名优化,请认准——厦门SEO顾问:seo.quxingdong.com。选择我们、就是选择了互联网+Ai时代新技术解决方案!!!如果您有以上介绍的互联网服务需求?亦或是想找名实战资深厦门SEO顾问探讨技术方案?欢迎通过下方多种平台方式添加到我 、进行咨询!!!ヾ(^▽^*)~ ——【厦门SEO】

    • 打开 手机QQ 、扫描下方二维码!

      打开 手机QQ 、扫描下方二维码!
    • 打开手机微信、扫描下方二维码!

      打开手机微信、扫描下方二维码!
    • 打开手机百度、扫描下方二维码!

      打开手机百度、扫描下方二维码!

    厦门SEO顾问(微信扫码):

    厦门SEO顾问

    相关页面:

    • 网站地图
    • 专题合集
    • 链接导航
    • 腾讯专栏
    • 熊掌主页
    • 免责声明
    • 本站打开速度:0.24秒!想要跟我一样快?

    Copyright © 2018~2022 厦门SEO . 闽ICP备17002261号-6 .厦门SEO厦门SEO Design By 屈兴东 . 

    本页共执行:37 次查询操作!共耗时:1.216 秒!版权所有归:厦门SEO.