注目の記事 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的页面,它会影响排名,因为页面加载速度很快。

Google Search indexes AMP pages for a fast, reliable web experience. Discover how AMP looks in Search and learn about structured data.

使用 AMP 项目开发 HTML

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

  • AMP HTML/CSS
  • AMP JS
  • AMP Cache

它由三个主要元素组成。

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

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. 25-marketing-aicache

    4C分析和交叉SWOT分析-营销分析框架

  3. 19-chromedev-aicache

    如何在 Chrome 中从 PC 模拟和显示移动设备

  4. 07-wordpressfirst-aicache

    新的块编辑器很难使用。 此时为Classic Editor

  5. 14-wordpress-aicache

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

  6. 12-wordpressfirst-aicache

    如何安装和高级 AMP for WP

  7. 05-wordpressfirst-aicache

    安装 WordPress 并首先执行设置 – 永久链接设置

  8. 26-gdpr-aicache

    保护欧盟用户的个人信息和响应GDPR的个人信息保护法

  9. 10-wordpressfirst-aicache

    Jetpack插件-Facebook·Twitter协作WEB高速化多功能插件

スポンサードリンク

特色文章

  1. 05-03-aboutsxo-aicache 什么是 SXO 搜索体验优化? -SEO的下一代SEO措施
  2. 26-gdpr-aicache 保护欧盟用户的个人信息和响应GDPR的个人信息保护法
  3. 29-complianzgdpr-aicache 英国 GDPR 更加严格—Complianz GDPR & CCPA …
  4. 11-wordpressfirst-aicache 什么是 AMP 以提高移动可用性?
  5. 05-wordpressfirst-aicache 安装 WordPress 并首先执行设置 – 永久链接设置
  6. 01-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 常规设置
  7. 19-chromedev-aicache 如何在 Chrome 中从 PC 模拟和显示移动设备
  8. 20-marketing-aicache 营销定义—从消费者导向到价值驱动营销
  9. 02-wordpressfirst-aicache 安装 WordPress 并首先设置 – 发布设置
  10. 17-postandpage-aicache WordPress 帖子页面和固定页面之间的区别是什么?

挑选文章

  1. 16-onamae-aicache 为您的onamae.com域核心服务器集成设置DNS设置
  2. 18-resetcss-aicache 什么是重置 CSS – WEB 制作基础知识
  3. 35-newthemeupdate-aicache 现在可以在不切换主题的情况下更新 WordPress 外部主题
  4. 02-02-csspseudoclass-aicache 我有一种感觉,租赁服务器将变得更加复杂,并且不再需要 AMP。
  5. 08-wordpress-header WordPress的简单设置方法-核心服务器(CORESERVER)
  6. 12-wordpressfirst-aicache 如何安装和高级 AMP for WP
  7. 17-postandpage-aicache WordPress 帖子页面和固定页面之间的区别是什么?
  8. 09-wordpressfirst-aicache Site Kit by Google 与 Google 服务合作
  9. 14-wordpress-aicache 轻松备份和恢复 WordPress 网站 – UpdraftPlus…
  10. 20-marketing-aicache 营销定义—从消费者导向到价值驱动营销

热门文章

  1. 16-onamae-aicache
  2. 14-wordpress-aicache
  3. 11-wordpressfirst-aicache
  4. 25-marketing-aicache
  5. 07-wordpressfirst-aicache
  6. 05-wordpressfirst-aicache
  7. 09-wordpressfirst-aicache
  8. 04-wordpressfirst-aicache
  9. 26-gdpr-aicache
  10. 18-resetcss-aicache

最近的文章

  1. 17-postandpage-aicache
  2. 02-02-csspseudoclass-aicache
  3. 25-marketing-aicache
  4. 35-newthemeupdate-aicache
  5. 05-03-aboutsxo-aicache
  6. 05-05-sxomarketing-aicache
  7. 20-marketing-aicache
  8. 29-complianzgdpr-aicache
  9. 26-gdpr-aicache
  10. 19-chromedev-aicache

推荐文章

  1. 25-marketing-aicache
  2. 07-wordpressfirst-aicache
  3. 19-chromedev-aicache
  4. 01-wordpressfirst-aicache
  5. 08-wordpress-header
  6. 02-wordpressfirst-aicache
  7. 05-05-sxomarketing-aicache
  8. 09-wordpressfirst-aicache
  9. 03-wordpressfirst-aicache
  10. 13-wordpressfirst-aicache
PAGE TOP