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

How AMP Looks in Google Search | Google Search Central  |  Documentation  |  ...
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插件推荐。

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


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

スポンサードリンク

Related post

  1. 17-postandpage-aicache

    看来租用服务器会增加

  2. 25-marketing-aicache

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

  3. 13-wordpressfirst-aicache

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

  4. 30-wpsitemap-aicache

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

  5. 02-wordpressfirst-aicache

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

  6. 09-wordpressfirst-aicache

    Site Kit by Google 与 Google 服务合作

  7. 02-02-csspseudoclass-aicache

    我有一种感觉,租赁服务器将变得更加复杂,并且不再需要 AMP。

  8. 20-marketing-aicache

    营销定义—从消费者导向到价值驱动营销

  9. 01-wordpressfirst-aicache

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

スポンサードリンク

特色文章

  1. 02-wordpressfirst-aicache 安装 WordPress 并首先设置 – 发布设置
  2. 13-wordpressfirst-aicache AMP for WP高级设定方法-Design(设计)
  3. 05-05-sxomarketing-aicache SEO措施-2022年实现SXO搜索体验优化
  4. 29-complianzgdpr-aicache 英国 GDPR 更加严格—Complianz GDPR & CCPA …
  5. 03-wordpressfirst-aicache 安装 WordPress 后要做的第一个设置 – 显示设置
  6. 01-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 常规设置
  7. 12-wordpressfirst-aicache 如何安装和高级 AMP for WP
  8. 04-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 讨论设置
  9. 05-03-aboutsxo-aicache 什么是 SXO 搜索体验优化? -SEO的下一代SEO措施
  10. 05-wordpressfirst-aicache 安装 WordPress 并首先执行设置 – 永久链接设置

挑选文章

  1. 09-wordpressfirst-aicache Site Kit by Google 与 Google 服务合作
  2. 03-wordpressfirst-aicache 安装 WordPress 后要做的第一个设置 – 显示设置
  3. 35-newthemeupdate-aicache 现在可以在不切换主题的情况下更新 WordPress 外部主题
  4. 19-chromedev-aicache 如何在 Chrome 中从 PC 模拟和显示移动设备
  5. 06-wordpressfirst-aicache 使用 SiteGuard WP 插件防止 WordPress 非法登录
  6. 20-marketing-aicache 营销定义—从消费者导向到价值驱动营销
  7. 08-wordpress-header WordPress的简单设置方法-核心服务器(CORESERVER)
  8. 11-wordpressfirst-aicache 什么是 AMP 以提高移动可用性?
  9. 15-wordpress-aicache 按计划删除帖子修订 – WP Optimize
  10. 29-complianzgdpr-aicache 英国 GDPR 更加严格—Complianz GDPR & CCPA …

热门文章

  1. 16-onamae-aicache
  2. 14-wordpress-aicache
  3. 29-complianzgdpr-aicache
  4. 09-wordpressfirst-aicache
  5. 25-marketing-aicache
  6. 12-wordpressfirst-aicache
  7. 19-chromedev-aicache
  8. 05-wordpressfirst-aicache
  9. 07-wordpressfirst-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. 05-03-aboutsxo-aicache
  2. 30-wpsitemap-aicache
  3. 14-wordpress-aicache
  4. 09-wordpressfirst-aicache
  5. 02-wordpressfirst-aicache
  6. 07-wordpressfirst-aicache
  7. 12-wordpressfirst-aicache
  8. 20-marketing-aicache
  9. 05-wordpressfirst-aicache
  10. 11-wordpressfirst-aicache
PAGE TOP