注目の記事 PICK UP

什么是 AMP 以提高移动可用性?

Last Updated 2021.02.03

什么是 AMP 以提高移动可用性?

11-wordpressfirst-header
你知道AMP这个词吗? 这是WEB行业的趋势,从2017年左右开始听到,这是一个项目,以减轻重量,加快速度,专门从事在移动设备上显示网站。 AMP 是缩写,其正式名称为 Accelerated Mobile Pages。 AMP 项目于 2015 年 10 月由两家主要公司(Google 和 Twitter)参与,并计划到 2021 年推广和推广。 它与网站的设计有关。 WEB网站以PC设计为基本,以前在PC用网站和移动网站之间构建设计的网站,随着HTML 5标准的出现,WEB设计也变得灵活,在PC终端上看到WEB网站时称为响应式设计,在移动终端上看到WEB网站时, 有一个趋势,改变网站的设计,并显示在一个网页设计。

网站页面的设计与重量

响应式设计在 PC 站点和移动网站之间的界限中被完全删除。 同时,由于 PC 网站在移动设备上按原样显示,因此每页的显示数据量显著增加。 在 PC 页面上,我们决定从移动设备下载大型数据,如捕获眼睛的图像,以及页面上的解释性照片和视频。 这是在移动设备上显示网站页面所需的时间因素。 因此,以谷歌和Twitter为中心的AMP项目已经站起来,因为需要移动友好的网站。

AMP也影响了SEO。

从SEO的角度来看,它被认为是有利的。 这是因为谷歌已经明确表示,如果搜索结果中有支持AMP的页面,它会影响排名,因为页面加载速度很快。

使用 AMP 项目开发 HTML

AMP 项目已经制定了详细的 HTML 标准,以防止网站数据膨胀。 其 AMP 规范有限,显示的页面已制定为简单的页面结构,如旧的 imode 页面。 构建 AMP 项目

  • AMP HTML/CSS
  • AMP JS
  • AMP Cache

它由三个主要元素组成。

为了实现更快的显示速度,我们简化了网站的 HTML 结构,减少了数据量,同时将名为 AMP Cache 的 AMP 网页缓存在服务器上,以便快速将数据传输到用户。 因此,移动用户可以立即查看他们想要查看的网站,从而提高移动可用性。

In this document, you'll learn about the role of the AMP Cache in the AMP ecosystem, and how your AMP page gets cached.

AMP 的演变

AMP 项目最初与策划媒体和新闻网站非常相符合,因为其有限的 HTML 标记和 JS 标准。 然而,随着AMP的日益为人所知,对电子商务网站等商品销售行业的需求增加。 在 EC 网站上,每页显示的产品数据量急剧增加,页面显示速度变慢,用户因厌倦了页面加载速度慢而退出,并感叹机会损失很大。 其中,美国eBay的EC网站成功地成为AMP。 自 2017 年以来,AMP 项目已更新,并扩展了可用于 EC 网站和门户网站的 HTML 结构。 2018年,日本食品日志和Mynavi等也支持AMP,AMP项目正在增长。

未来的网站需要AMP支持吗?

与SEO相关的术语是移动友好。 这意味着 WEB 网站是移动就地设计,并且针对移动设备进行了优化。 AMP 也是移动友好的,但 AMP 和移动设计网站的想法稍有不同。 移动友好的网站设计是SEO影响搜索结果的重要因素。

如果您的网站不支持移动设备,则搜索排名可能会下降。 在移动设备上访问量占约 60% 的时代,优化的 WEB 设计对于移动访问至关重要。 另一方面,AMP兼容WEB网站,即使搜索排名有可能上升,搜索结果排名不会下降,只是因为没有AMP对应WEB网站。

嗯,这也是2021年初SEO的想法和观点,我不知道2022年会是什么样子。 AMP 兼容 WEB 网站对搜索结果排名没有影响,但如果您有 AMP 兼容 WEB 网站,并且搜索结果排名可能上升,则没有损失。 幸运的是,WordPress 有一些插件可以支持 AMP。 下一次,我想介绍一个AMP插件推荐。

WordPress是AMP整个网站,任何人都可以很容易AMP只是安装和设置插件。 了解如何安装 AMP for WP 插件并进行高级设置,以支持 AMP 网站。


WordPress 使任何人只需安装和设置插件即可轻松设置 AMP。 介绍如何安装 AMP for WP 插件并进行高级设置,使网站与 AMP 兼容的设计。

Related post

  1. 17-postandpage-aicache

    WordPress 帖子页面和固定页面之间的区别是什么?

  2. 06-wordpressfirst-aicache

    使用 SiteGuard WP 插件防止 WordPress 非法登录

  3. 02-wordpressfirst-aicache

    安装 WordPress 并首先设置 – 发布设置

  4. 12-wordpressfirst-aicache

    如何安装和高级 AMP for WP

  5. 09-wordpressfirst-aicache

    Site Kit by Google 与 Google 服务合作

  6. 14-wordpress-aicache

    轻松备份和恢复 WordPress 网站 – UpdraftPlus&Goog…

  7. 01-wordpressfirst-aicache

    安装 WordPress 并首先执行的设置 – 常规设置

  8. 13-wordpressfirst-aicache

    AMP for WP高级设定方法-Design(设计)

  9. 30-wpsitemap-aicache

    在 WP 站点地图页面生成用户友好的站点地图

特色文章

  1. 05-wordpressfirst-aicache 安装 WordPress 并首先执行设置 – 永久链接设置
  2. 13-wordpressfirst-aicache AMP for WP高级设定方法-Design(设计)
  3. 11-wordpressfirst-aicache 什么是 AMP 以提高移动可用性?
  4. 03-wordpressfirst-aicache 安装 WordPress 后要做的第一个设置 – 显示设置
  5. 02-wordpressfirst-aicache 安装 WordPress 并首先设置 – 发布设置
  6. 01-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 常规设置
  7. 12-wordpressfirst-aicache 如何安装和高级 AMP for WP
  8. 04-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 讨论设置
  9. 17-postandpage-aicache WordPress 帖子页面和固定页面之间的区别是什么?

挑选文章

  1. 11-wordpressfirst-aicache 什么是 AMP 以提高移动可用性?
  2. 08-wordpress-header WordPress的简单设置方法-核心服务器(CORESERVER)
  3. 15-wordpress-aicache 按计划删除帖子修订 – WP Optimize
  4. 06-wordpressfirst-aicache 使用 SiteGuard WP 插件防止 WordPress 非法登录
  5. 17-postandpage-aicache WordPress 帖子页面和固定页面之间的区别是什么?
  6. 18-resetcss-aicache 什么是重置 CSS – WEB 制作基础知识
  7. 16-onamae-aicache 为您的onamae.com域核心服务器集成设置DNS设置
  8. 13-wordpressfirst-aicache AMP for WP高级设定方法-Design(设计)
  9. 04-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 讨论设置
  10. 03-wordpressfirst-aicache 安装 WordPress 后要做的第一个设置 – 显示设置

最近的文章

  1. 30-wpsitemap-aicache
  2. 17-postandpage-aicache
  3. 15-wordpress-aicache
  4. 16-onamae-aicache
  5. 14-wordpress-aicache
  6. 13-wordpressfirst-aicache
  7. 12-wordpressfirst-aicache
  8. 11-wordpressfirst-aicache
  9. 10-wordpressfirst-aicache
  10. 09-wordpressfirst-aicache

おすすめ記事

  1. 05-wordpressfirst-aicache
  2. 15-wordpress-aicache
  3. 04-wordpressfirst-aicache
  4. 07-wordpressfirst-aicache
  5. 12-wordpressfirst-aicache
  6. 10-wordpressfirst-aicache
  7. 17-postandpage-aicache
  8. 08-wordpress-header
  9. 18-resetcss-aicache
  10. 02-wordpressfirst-aicache
PAGE TOP