谈一谈在wordpress中使用AMP的技巧教程

今天在谷歌广告中发现一天启用AMP的优化提醒，已经经过多次忽略了，今天再弹出来提醒，就不再好意思拒绝了，前段时间启用过一次，但是发现这个页面加载熟读虽然快了，但是页面简单，没有交互，最重要的一点就是不能显示我的广告，而且后台也没有设置，后来只能修改代码才能维持得了生活，请移步：wordpress的插件AMP页面如何插入广告。

AMP（Accelerated Mobile Pages）是Google 宣佈推出一项全新技术，大幅加快使用者在行动装置（例如手机、平板电脑）开启网站的速度，虽然 Google 表示这项技术并不会影响网站在搜寻引擎结果排名，但满足某些特定条件时，将有机会在其他区域优先显示。换句话说，Google AMP 不一定适合所有网站使用，为避免不公平的情形发生，有或没有加入这项技术皆不影响 SEO，但有助于最佳化你的使用者体验和获得更多曝光。

Google AMP 常被拿来和 Facebook Instant Articles 比较，两者本质上差不多，将现有内容套入技术框架，重新改写后在远端伺服器建立快取以提高载入速度。Google 也提到这项技术适合各种静态内容网页，例如新闻、食谱、电影列表、产品页面、评论、影片及网志，因此非常推荐 WordPress 网站使用。

如果你是使用 WordPress 架站，Automattic 已经和 Google 合作推出 AMP for WordPress 外挂，并将专案开放原始码放上 GitHub ，只要简单安装启用即可为现有网志整合这项新技术；WordPress.com 使用者则从去年底开始支援 AMP，无须做其他设定。

在为网站加入 AMP 技术后，Google 搜寻结果旁边会标示 AMP 闪电标志，使用者点击就会直接跳转到 AMP 网站。Google 表示开启速度会比原本还快四倍！近期中国台湾使用者已陆续看到相关网站出现于行动装置搜寻结果，或许可以自己做个实验看看。

我想站长们最想知道的就是目前趋势，以及追求最新技术来提供网站访客更快更好的阅读体验吧！以下我会就如何在你的 WordPress 网站使用 Google AMP 技术教学，不用花大钱也可以自己做网站最佳化。

加入 Google AMP 技术，让访客秒开网页

开启 WordPress 控制台，点选「安装外挂」后输入 AMP 进行搜寻，第一个搜寻结果就是官方版的 AMP 外挂功能（请确认作者是否为 Automattic）。没问题的话点选「安装」即可远端将它下载、安装到你的网站。

在 AMP for WordPress 外挂启用后不会有任何新的设定页面，至少目前没有，自订选项只能透过函式来加入（稍后介绍）。

要如何确认你的 WordPress 网站已经支援 Google AMP 呢？

开启任一篇文章，查看原始码里是否有 <link rel="amphtml" 标籤，这是告诉 Google 该页面的 AMP 网址，安装外挂后才会产生，如果有的话，代表你的网站已经有 AMP 页面。

你也可以直接在文章页面的网址后方加上 /amp/（如果你有使用固定网址），若维持预设的网址格式，就在网址后方加上 ?amp=1 即可看到网站的 AMP 效果，不过从电脑版感受不到它的速度有多快，还是要透过手机才行。

因为 Google AMP 有非常严格的语法格式规范，任何错误都不会索引页面，因此要维持 AMP 页面正确才行。还好 AMP for WordPress 外挂会自动产生 AMP 页面，排除可能的语法错误问题，不过最好还是手动检查一下。

要如何检查呢？最简单的方法是在 AMP 页面网址后面加上 #development=1，接着开启浏览器的开发者工具功能，切换到 Console 如果有出现 Powered by AMP 就表示正确。

另一个我偏好的测试方式是利用 AMP Project 提供的线上验证器「The AMP Validator」，将网址复制贴上、点选「VALIDATE」，如果测试结果为绿色的 PASS 就表示该页面没有存在任何的错误语法。

Google 需要一段时间才会开始为加速行动版网页建立索引，因此不会立即在 Google 搜寻结果出现，但透过 Google 网站管理者工具可以知道目前的索引及错误情形，可以的话尽量维持蓝色数量，减少有问题的 AMP 网页数，Google 也会显示相关的错误资讯及修正方法。

前面提过 AMP for WordPress 没有设定页面，因此功能都必须要透过程式码加入，其实方法并不会太难，从网路上就可以找到一些程式码范例。举例来说，如果想在 AMP 网页加上 Google Analytics 追踪代码，只要在现有的佈景主题中开启 functions.php ，加入以下：

记得把 UA-XXXXX-Y 改成你的 Google Analytics 使用的帐户代号。

总结

以上就是在在wordpress中使用AMP的技巧教程，是不是非常容易呢？对 WordPress 来说，因为拥有庞大的使用族群及开发者，可以快速整合各项新技术，也算是跟其他平台很不一样的地方。