本文摘自PHP中文网，作者PHPzhong，侵删。
原文标题：Google的AMP－加速移动页面，作者 Zac上星期在第6届SEO排行榜上做了一个演讲，分享了一些国际上SEO行业的最新情况。其中一个内容是Google的AMP项目，也在这里聊一下。
AMP，Accelerated Mobile Pages，译意大致是”加速的移动页面”，是Google去年10月份推出的一个提高移动页面访问速度的技术，具体技术细节可以在项目官网看到，有简单的中文版。（详见：Google AMP 是什么鬼？）
简单而不一定准确地说，AMP页面是大大简化了的移动页面，因此加载更快。
AMP有几个特点：
AMP的HTML代码是标准HTML的一个子集，某些代码不让用了，如table, frame等
CSS代码也简化，而且要写在HTML中，不能调用外部CSS文件
JS大部分不能用了，当然就快了，但很多互动功能也就没了
资源控制，比如图片、视频等用户下拉到图片时再加载
高度缓存，Google将页面缓存在自己服务器了
AMP具体应用是今年2月份才上线的，仅仅使用在新闻结果中，支持了AMP的新闻页面显示在顶部图片轮播中，用户点击其中的新闻时，缓存在Google服务器上的极为简化的AMP版本确实是秒开。
目前AMP新闻页面只在10多个国家显示，不包括中国，也不包括新加坡。
如果仅限于新闻网站，我也就不那么关心了。不过8月2号Google又公布，AMP将应用于所有类型的移动页面。其实在这之前，除了BBC、纽约时报等新闻网站，连ebay这种网站也已经上线了AMP版本。所有移动页面都支持AMP的话，更多网站将有动力加上AMP版本了。
普通页面的AMP现在还没有出现在正常Google搜索结果中，只在这个地址的demo中可以看到：g.co/ampdemo
我也赶紧实验了一下AMP，信息类网站，如博客，还是很适合AMP的。WordPress实现AMP很简单，下载、启用AMP插件就行了。插件会给帖子页面创建AMP版本（首页、分类、翻页等页面没有）。比如本帖子的URL是：
1 |
|
AMP页面就是在原页面后加个 /amp/ :
1 |
|
在原帖子 HTML代码中，需要用amphtml标签指明AMP版本地址：
1 |
|
AMP版本的HTML代码中也要用canonical标签指明原页面地址：
1 |
|
这样，Google就知道谁对应谁了。
在Google搜索结果中是这样展现的（如上所说，从demo地址可以看到）：
页面描述最前面有个闪电标记和AMP字样。用户点击后页面秒开，显示的是Google服务器上的缓存：
1 |
|
AMP页面打开是这个样子：
点击本帖的AMP地址就可以看到AMP版本的样子，桌面电脑也一样能正常访问。目前WordPress的AMP插件把导航、留言等等都去掉了，只剩下帖子内容本身，确实是简化到家了，HTML文件只有10几K。如果自己开发AMP版本的话，还是可以多少加上点东西的，比如重要导航。
AMP的目的没别的，就是快，也确实是快了，但不一定适合必须有交互功能的页面，如电子商务网站。即使像博客帖子这种页面，拿掉评论功能是否真的用户友好也还要观察。纯信息类页面确实很适合。
Google最近在大力推AMP（谷歌为什么要推出AMP计划？），很可能AMP会变成国际上信息类网站移动页面的主流。采用AMP的页面是否对排名有帮助呢？目前是没有，Google明确表示，AMP不在排名算法中，但谁知道以后呢。SEO们，尤其是做英文网站的，还是要密切关注。
百度会不会支持AMP呢？短时间应该不会，（目前百度搜狗已经宣布支持了哦，详见：百度、搜狗、雅虎正式支持AMP）倒不是百度愿意不愿意，而是AMP页面需要调用官网的JS库，貌似是控制资源之类的功能（如图片延迟）的：
1 |
|
任何国外的东西，说qiang就qiang，百度想支持也危险，中文网站没法用啊。呵呵，呵呵。
以上就是seozac：Google的AMP－加速移动页面的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
揭秘谷歌amp项目：Google amp是如何提高网页加载速度的？
什么是Google apps脚本？Google apps脚本的缺点是什么
更多相关阅读请进入《Google》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
