返回顶部
首页 > 资讯 > CMS >WordPress中怎么支持google AMP
  • 595
分享到

WordPress中怎么支持google AMP

2023-06-20 16:06:46 595人浏览 八月长安
摘要

WordPress中怎么支持Google AMP,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.关于AMP在移动互联网的时代,尽管网站响应式设计可以满足多屏(pc、手机、

WordPress中怎么支持Google AMP,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

1.关于AMP

在移动互联网的时代,尽管网站响应式设计可以满足多屏(pc、手机、ipad等)浏览,但google在2015年10月推出了更快移动页面访问速度的技术-Accelerated Mobile Pages(AMP 加速移动页面),AMP页面是大大简化了移动页面,旨在提高针对移动页面的访问速度,AMP的特点如下:

  1. AMP的html代码是标准HTML的一个子集,大大简化了html的代码,部分Html代码将不再适用,如table, frame等。

  2. 大大简化CSS,且只能写在HTML中,不能调用外部CSS文件。

  3. js大部分功能不能用了,但很多互动功能也就没了,虽然影响了丰富的交互,但速度提升了速度。

  4. 加强对页面资源控制,比如图片、视频等用户下拉到图片时再加载。

  5. 充分利用高速缓存,Google将AMP页面缓存在自身的服务器上。

有关AMP的更多内容参考下面的链接:

  1. AMP官方网站:https://www.ampproject.org

  2. AMP的路线图:Https://amp.dev/commUnity/roadmap/?referrer=ampproject.org

AMP刚推出时,只限于新闻的页面,2016年8月google宣布AMP将应用于所有类型的移动页面。目前,虽然google明确表示AMP页面不会影响排名,但google如此不遗余力的推广AMP,难保将来不会在算法中考虑AMP的因素。

2.让WordPress支持AMP

AMP很适合新闻、博客等信息资讯类的网站,作为老牌博客系统WordPress在2016年10月6日推出了AMP的官方插件,目前该插件极大简化了文章页面,文章AMP页面把导航、留言等都去掉了,只保留了文章内容本身,此页面也同时兼容桌面电脑(pc)上浏览,首页、分类、翻页等都没有相对应的AMP页面,我预计后续版本应该会增加更多的功能,如果你不想等,也可以直接改造这个插件加入导航、分类等功能。

安装启动WordpPress的AMP插件后,插件会创建一个AMP文章页面,该页面链接URL是在原页面的链接URL加上“/amp”,以本博客文章链接为例:

原文章页面链接 ://www.watch-life.net/wordpress/wordpress-google-amp.html ‎

AMP页面的链接://www.watch-life.net/wordpress/wordpress-google-amp.html/amp

为了让google的搜索引擎检索到AMP页面,在原文章页面的HTML里需要指明AMP页面的地址,即用amphtml标签指明AMP版本地址:

<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" />

AMP页面在PC端展示

WordPress中怎么支持google AMP

AMP页面在手机端的展示

WordPress中怎么支持google AMP

3.AMP页面在google搜索的展示

AMP页面被google搜索索引后,在搜索结果里看到AMP的页面,页面描述最前面有个闪电标记和AMP字样。用户点击后,页面会迅速打开,显示的是Google服务器上的缓存页面。在google搜索里AMP页面如下图展现:
WordPress中怎么支持google AMP

4.百度是否会跟进AMP?

国内的站长最关注是百度(baidu)搜索是否会跟进AMP呢?好消息是百度也支持类似AMP,坏消息是百度2016年8月搞了自己一套类似的AMP-Mobile Instant Pages(MIP 移动网页加速器),AMP和MIP非常相似,无论是HTML、CSS、禁用大部分JS、资源控制、缓存等都几乎和AMP相似,还有原页面与MIP页面的互相引用方法(加标签),都和Google AMP一样,官网的页面布局、菜单安排、技术说明里的内容几乎也是吃惊的一致,看见百度的MIP基本上是照搬AMP了。那百度为什么不和google一样用AMP呢?况且AMP还是开源的。我想一个重要的原因是AMP使用的需要调用官网的JS库,用于控制资源加载、缓存等功能:

<script src=”https://cdn.ampproject.org/v0.js” async></script>

这个恐怕是百度不愿意采用AMP的一个核心原因,鉴于国内的网络环境(伟大的qiang),难免不让人担心这个js库那天被屏蔽了。目前尚没有针对MIP的WordPress插件,如果采用WordPress采用MIP的话,目前只能靠换主题模版的方法,这种方法最麻烦的是需要单独为MIP页面启用一个二级域名,我还不打算跟进,觉得这种方法没有插件来的简单快捷。

关于WordPress中怎么支持google AMP问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网CMS频道了解更多相关知识。

--结束END--

本文标题: WordPress中怎么支持google AMP

本文链接: https://lsjlt.com/news/298234.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • WordPress中怎么支持google AMP
    WordPress中怎么支持google AMP,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.关于AMP在移动互联网的时代,尽管网站响应式设计可以满足多屏(pc、手机、...
    99+
    2023-06-20
  • wordpress在postname中支持大写字母的方法
    一般而言,WordPress本身会对英语用户的体验进行优化,例如默认模板的分隔符永远都是“|”,因为英文单词以空格空开,要区分两个单词不可能用“-”,因此“|&...
    99+
    2022-06-12
    大写字母
  • mysql怎么支持中文
    mysql怎么支持中文?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。mysql怎么支持中文1.正在MySQL安装目录下,找到my.ini文...
    99+
    2024-04-02
  • switch中怎么支持String
    这篇文章给大家介绍switch中怎么支持String,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。定义两个枚举类,一个枚举类有一个int型属性,一个string型属性,另外一个枚举类只有一个string属性:publi...
    99+
    2023-06-15
  • WordPress中让Widget 标题支持简单的HTML标签
    复制代码代码如下:<phpadd_filter( 'widget_title', 'wpjam_html_widget_title' );function wpjam_html_widget_title( $tit...
    99+
    2022-06-12
    Widget HTML标签
  • wordpress不支持中文用户名的解决方法
    本文实例讲述了wordpress不支持中文用户名的解决方法。分享给大家供大家参考。具体分析如下: 解决这一问题的方法比较简单,我们只要在functions.php文件中加入如下代码即可:复制代码代码如下:function...
    99+
    2022-06-12
    wordpress 不支持 中文 用户名 解决方法
  • WordPress伪静态和中文标签支持配置方法
    WORDPRESS博客站已经运行快一年了,在伪静态上一直很纠结,空间默认不支持伪静态,网上找了很多方法,用404错误页面来做伪静态,现在发现了问题了。google收录了,但百度不收录,因为百度在爬行页面的时候,文章链接都...
    99+
    2022-06-12
    伪静态 中文标签
  • c++中&amp;怎么用
    c++ 中的 & 符号执行按位与运算,如果两个位都为 1,结果为 1,否则为 0。此外,它还可以获取变量地址和引用变量。 C++ 中 & & 符号在 C++ 中...
    99+
    2024-04-26
    c++
  • js中||和&&怎么用
    这篇文章将为大家详细讲解有关js中||和&&怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。|| 和 && 的妙用// 场景 1function&n...
    99+
    2023-06-27
  • Nginx中怎么配置WebSocket支持
    要在Nginx中配置WebSocket支持,需要在Nginx的配置文件中添加以下配置: 在http块中添加以下配置: map $...
    99+
    2024-04-03
    Nginx WebSocket
  • vps怎么支持phpMyAdmin
    这篇文章将为大家详细讲解有关vps怎么支持phpMyAdmin,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。VPS如何安装phpMyAdmin phpmyadmin怎么安...
    99+
    2024-04-02
  • react怎么支持ie8
    这篇文章主要介绍“react怎么支持ie8”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“react怎么支持ie8”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • apache怎么支持ssl
    apache支持ssl的方法:安装配有SSL模块的apache,例如:apache_2.2.8-win32-x86-openssl-0.9.8g打开apache的配置文件httpd.conf,在配置文件中找到以下两行代码并去掉前面的#注释符...
    99+
    2024-04-02
  • MongoDB中怎么支持类 SQL 查询
    这篇文章给大家介绍MongoDB中怎么支持类 SQL 查询,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。关系数据库数据模型简单,都是行列分明的单层二维表;所以描述它的计算的语言(SQL...
    99+
    2024-04-02
  • 怎么让MYSQL彻底支持中文
    这篇文章主要为大家展示了“怎么让MYSQL彻底支持中文”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么让MYSQL彻底支持中文”这篇文章吧。  先将让slac...
    99+
    2024-04-02
  • CentOS怎么安装中文支持包
    本篇内容介绍了“CentOS怎么安装中文支持包”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!安装非常简单,如是其他版本linux系统,使用相...
    99+
    2023-06-10
  • 怎么在SpringBoot中添加JSP支持
    今天就跟大家聊聊有关怎么在SpringBoot中添加JSP支持,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。序言:SpringBoot默认不支持JSP,如果想在项目中使用,需要进行相...
    99+
    2023-05-31
    springboot jsp bo
  • Linux服务器中apache怎么支持
    Linux服务器中apache怎么支持,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Apache支持cgi    打开Apache配置文...
    99+
    2023-06-06
  • 怎么让php支持pdo_mysql
    本篇内容主要讲解“怎么让php支持pdo_mysql”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么让php支持pdo_mysql”吧!1.pdo_mysql...
    99+
    2024-04-02
  • 怎么让IE支持HTML5
    本篇内容介绍了“怎么让IE支持HTML5”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作