欢迎您来到潮人地东莞seo博客,本站专业免费分享多元化的seo网站优化技术干货以及解答seo各种常见问题的博客网站

热门关键词: seo优化 seo推广 seo技术 seo博客 seo网站推广怎么做 seo怎么做 新手做seo怎么做
当前位置:seo博客首页 > seo技术分享 >

seo优化博客:谷歌AMP技术是怎样

发布时间:2023-03-13 08:00:01 文章出处:潮人地东莞seo博客 作者:东莞seo博客 阅读数量:

潮人地东莞seo博客小编下面跟大家分享关于seo优化博客:谷歌AMP技术是怎样等问题,希望seo专员在做seo优化的过程中有所帮助,内容仅供参考。

近期百度搜索引擎和谷歌搜索引擎都发布了关于移动网站访问速度提升的seo技术非技术人员自学seo,之前潮人地东莞seo博客和朋友们分享的关于百度搜索引擎发布的MIP技术的定义和改造流程的博文,那么今天小编接着和朋友们分享一下谷歌搜索引擎发布的AMP技术,内容转载自谷歌站长平台,Google的AMP项目正文部分如下:

seo优化博客:谷歌AMP技术是怎样

AMP,Accelerated Mobile Pages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,你可以官方查看到相关的介绍。点击了解详情 https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html 或者 AMP项目博客通过 AMP 可以构建快速渲染的静态内容网页。 AMP 实例由三个不同部分组成:AMP HTML、AMP JS、Google AMP Cache

seo博客相关推荐阅读:seo优化方法之:HTTPS安全协议改造案例分享

1、AMP HTML 是为确保可靠性能而具有某些限制的 HTML, 它进行了一些扩展,可以构建超出基本 HTML 的丰富内容。 AMP JS 库可确保快速渲染 AMP HTML 页面。 Google AMP Cache(可选)提供 AMP HTML 页面。AMP Landing Pages experience shown in a Google Search flow,AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。 最简单的 AMP HTML 文件如下所示:










Hello World!

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

2、AMP JS

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

3、Google AMP Cache

Google AMP Cache 是一种基于代理的内容交付网络,用于交付所有有效的 AMP 文档。它可提取 AMP HTML 页面,对页面进行缓存,并自动改进页面性能。 使用 Google AMP Cache 时,文档、所有 JS 文件及所有图像都从使用 HTTP 2.0 的同一来源加载,从而可实现最高效率。此外,Google A百度SEO优化网站技术MP Cache 还带有内置验证系统,可确认页面能够正常工作,并且不依赖于外部资源。此验证系统运行一系列断言,确认页面的标记符合 AMP HTML 规范。另一个版本的验证器与各个 AMP 页面捆绑提供。此版本可在页面渲染时将验证错误直接记录到浏览器的控制台中,让您可以看到代码中的复杂变化可能会对性能和用户体验产生怎样的影响。

以上是潮人地东莞seo博客跟大家分享关于seo优化博客:谷歌AMP技术是怎样等问题,希望能对大家有所帮助,若有不足之处,请谅解,我们大家可以一起讨论关于网站seo优化排名的技巧,一起学习,以上内容仅供参考。

阅读全文
本文标题"seo优化博客:谷歌AMP技术是怎样":http://www.cr-seo.com/jsfx_10368.html
本文版权归潮人地seo博客所有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
标签:
合作伙伴