当前位置:首页 > 移动端优化 > 正文内容

在你的WordPress采用MIP or AMP实现移动端加速优化

2018-04-10 | 分类:移动端优化 | 评论:0人 | 浏览:728次

网站建好了。下一步的计划就是继续完善代码了。现在我们研究下MIP & AMP 。
1. MIP(Mobile Instant Page – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。
2. AMP(Accelerated Mobile Pages)是谷歌的一项开放源代码计划,可在移动设备上快速加载的轻便型网页,旨在使网页在移动设备上快速加载并且看起来非常美观。百度目前可支持AMP提交。

对于WordPress来说,MIP几乎没有什么好用的插件。而AMP,则有不少可以用的。既然百度两种都认可,那我们自然是用AMP了,况且AMP是谷歌在国际通用的。

方法很简单,到WordPress的后台,在插件里搜索amp,选择AMP for WordPress这个安装即可。

此插件会根据规则,自动生成一个另外的页面。该页面链接 URL 是在原页面的链接 URL 加上“/amp”,以本博客文章链接为例:

原文章页面链接 :
http://seotome.com/seo2329
AMP页面的链接:
http://seotome.com/seo2329/amp

加了/amp参数的页面如果可以打开,就说明已经生效了。

不用担心页面重复的问题。因为它会做一个 canonical 标签。为了让 Google 的搜索引擎检索到 AMP 页面,该插件会在原文章页面的 HTML 代码中自动添加 canonical 标签和 amphtml 标签,具体如下所示:

<link rel=”canonical” href=”//www.watch-life.net/wordpress/wordpress-google-amp.html” />
<link rel=”amphtml” href=”//www.watch-life.net/wordpress/wordpress-google-amp.html/amp” />
同时,也会在 AMP 页面的 HTML 代码中自动添加 canonical 标签指明原文章页面地址:

<link rel=”canonical” href=”//www.watch-life.net/wordpress/wordpress-google-amp.html” />

Google和百度需要过一段时间才能为加速页面建立索引。所以不会立刻在搜索结果出现。但在百度站长工具和Google 网站管理者工具可以查到目前的索引及错误情况,并作出修正。

AMP页面是一个精简版的页面,所以与原页面有较大不同,有点类似360浏览器的精简阅读方式。访问者需要看其他文章,可以点击回到首页的链接,然后访问原有的页面结构。WordPress 在其 AMP 页面中移除了大部分导致页面加载速度变慢的元素,如嵌入代码、有很多 JavaScript 代码的内容和 Flash。评论则被默认忽略了。

 

来源:上海SEO老哥(微信号/QQ号:2665644),转载请注明出处,谢谢!

  • 评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?

◎欢迎参与讨论

站内搜索