昊天SEO

深度SEO:什么是AMP以及电商网站实现AMP的策略和方法

AMP页面-840x430

AMP页面-840×430

今天,吴嘉阳将沿着“移动化,结构化,本地化,社会化”的继续深入的讨论SEO的话题,今天我们继续讨论移动化最新的发展以及一些实战的SEO技术:

  1. 什么是AMP
  2. AMP对SEO的影响
  3. 电商网站实现AMP的策略和方案

什么是AMP

AMP全称“Accelerated Mobile Page”,(官方AMP说明网站:www.ampproject.org,中文说明文档https://support.google.com/webmasters/answer/6340290,建阅读英文版)

是一种利用Google Cache和简化页面内容以及代码加载来提高网页加载速度的Mobile页面加速技术。众所周知,Mobile Page的加载速度对于移动端的SEO优化非常重要,这一点我们稍后讨论。我们先来深入看一下AMP的目的,工作原理和构成:

AMP的目的

AMP的目的是极大的提高mobile网页的加载速度,从而更利于访问者的浏览体验。根据Google的统计,在移动端如果一个页面3秒钟还没有完成加载,那么有90%以上的访问者会关掉网页或者访问其他网页。因此,加载时间是一个获取有效流量非常重要的因此。但是,目前的网页技术并不能满足3秒完成加载这个黄金时间节点,Google端的数据显示目前mobile页面的平均加载时间为8秒!这意味着绝大对数网站90%以上的有效流量全部流失了!。问了能让大多数页面获得尽可能更快的mobile页面加载速度,AMP项目营运而生。

值得一提的是AMP项目最初由Google发起,但是很快得到了很多网站的相应,逐渐演变整一个在自然搜索方面影响蛮大的发展趋势。目前华尔街时报,纽约时报,BBC等大型新闻网站都开始采用AMP技术进行Mobile网页加速。

AMP的现状

AMP目前的使用者,大多局限于大型的新闻网站,或者内容出版者,例如博客,buzzfeed新闻源等等。目前还没有大型电商网站采用AMP技术进行引流。这是因为:

一:出版业纯文字内容较多,进行AMP改造的成本较低。所以能快速推行。

二:AMP最初开始就是以出版行业和自媒体为切入点进行的,因此在相应的规则制定上比较完善,所以出版业和自媒体对AMP的相应比较积极。

反过来说,电商网站进行AMP改造就比较困难一些,这也是为什么各大跨境电商网站对AMP目前持观望态度的原因。那么,电商目前真的不合适做AMP吗?答案也不是这么绝对,这一点吴嘉阳下文阐述。

AMP的工作原理

AMP的工作原理简单的可以总结为:代码减负+缓存预加载

  1. 网站端:完全按照AMP的规则书写网站页面的HTML代码,这极大的去掉了冗余代码的加载负担
  2. 网站端:遵照Google AMP规则调用JS和CSS,减轻了组件的加载负担
  3. Google端:当页面信息完全遵照AMP规则写好后,提交给Google DNS,Google DNS会把这些AMP页面信息缓存在自己的Cache服务器中(注意:是Google自己的DNS cache服务器中)
  4. 用户端:当用户在搜索引擎中搜索到一个AMP网页,并点击的时候,Google会首先调用DNS cache服务器中缓存的数据展现给访问者,从而让访问者第一时间看到自己想看到的信息
AMP工作原理

AMP工作原理

这样AMP页面通过页面减负和缓存预加载的方法实现了mobile页面加载速度的极大改进,据Google的数据显示,能够提高四倍的加载速度!也就是说一个页面原来用8秒加载,AMP优化之后,只需要2秒的加载时间!这可以说是极大的改进!

AMP的组成

AMP(accelerated mobile page)在内容上由3部分组成:

  1. AMP HTML
  2. AMP JS
  3. Google AMP Cache

AMP HTML

所谓AMP HTML其实是Google对于HTML代码和标签的一套新的使用规范,它大部分继承了通用的HTML tag的使用方法,但是也有自己发明的一部分新的HTML tag的使用方法。如果你想细节了解可以到这个网址:点击

AMP JS

AMP JS和AMP HTML其实是相同的思路,规范了AMP页面的JS和CSS的使用方法,详情见:点击

Google AMP Cache

这个大家也可以自己了解下,非技术人员没太大必要知道,详情见:点击

AMP对SEO的影响

AMP对排名的影响

根据Google透露的官方信息,AMP本身并不是SEO排名的影响因子之一,因此不会直接的影响搜索结果的排名。但是,AMP还是会间接的影响“排名”,我们来看下AMP页面在Google手机端上的特殊展现形式:

amp展现形式

amp展现形式

 

大家注意Top Stories下面这一栏,它的展现形式是carousel,也就是轮播的形式,这个结果霸占了第二条搜索的位置,同时你需要注意的是它还是轮播,能够锁住一定的流量。可想而知,很多原先根本获得不了排名的网页,通过AMP优化可以直接到第一或者第二的位置,甚至还轮播,这对于其他的搜索结果来说,是变相的被挤掉了

所以,尽管Google官方说AMP对SEO排名没什么影响,但是显然的如果能做AMP对于流量还是非常有好处的

电商网站实现AMP的策略和方案

大型电商网站的策略和方案

上文说道,由于AMP刚起步是从出版行业和自媒体开始的,因此电商行业的规则尚不稳定,那么电商网站是不是应该再等等,之后再做AMP呢?吴嘉阳认为不是,理由有二:

  1. 如果你能做成,你是电商里面的第一个,那一位着你将在一段时间内独享AMP带来的流量红利
  2. 虽说AMP的successful case是出版和自媒体行业,但是经过仔细的调研,AMP其实对于页面上各个元素的使用规范基本上都已经完善了(大家可以详细的通读几遍AMP的官方网站,非常有帮助https://www.ampproject.org),也就是说无非是这些规范还没有人放到电商的页面上来试一试。

既然有可预期的红利,技术上也可行那就不妨试一试。

但是,还有一点对于大型电商网站是非常需要考虑的,就是AMP改造的技术和时间成本。吴嘉阳认为,无论是敦煌也好还是环球制造也好,由于前期的黑帽SEO做法导致其SEO以大量的词库关键词聚合页面为主,这种页面上大量的都是图片,没有什么文字性的内容。因此,这样的页面要想改造成AMP其技术和时间成本会非常高昂,与其花大力气改造现有的页面,不如重新做一套AMP页面来的更快,当然一开始适合来做AMP页面的对象,吴嘉阳认为detail(详情页面)更适合。因为,detail页面上通常都有比较详尽的文字介绍。除此之外,电商网站的blog,新闻,论坛等等以内容为主的页面都适合进行AMP优化。其他页面暂时不要动。

简单来说,大型电商网站的AMP策略是:

  1. 偏内容展示性的页面进行AMP优化(详情页面,博客,论坛等为主)
  2. 对于这些页面的上下游页面,例如搜索mobile页面,checkout页面(支付页面)通常为AMP页面的上下游,对于这些mobile页面,无需进行AMP优化。
  3. 但是,对于这些上下游页面之间的跳转链接一定要保持通常

链路结构为:

普通搜索mobile页面—链接到—AMP详情页面(或者其他页面)—链接到—下游支付的普通mobile页面

amp 实例页面

amp 实例页面

当然网站的链路结构不会这么单一和简单。但是,吴嘉阳的意思是新建偏文字展示性的AMP页面,并且是AMP页面和其他普通mobile页面保持链接通常,这个意思你懂得。

说完了,大的策略思路,吴嘉阳来谈谈电商网站具体的执行方案。(由于工作关系这里不能太过详细,有兴趣的同学可以私下讨论)

  1. AMP HTML改造:这个让技术去读AMP HTML文档技术去做
  2. AMP JS改造:这个也留个技术去啃
  3. Google AMP CDN Cache:这个地方也交给技术就好

在完成上述技术改造的时候,作为SEO的Business业务方,需要有几个注意点:

  1. 技术完成上述AMP优化之后,业务方需用Google官方提供的AMP代码监测工具查看AMP代码是否正常工作了。手动检测方法见:点击 
  2. 除了,手动检测的方法之外,我们还需要通过Google Search Console中的“Accelerated Mobile Page”功能来检测AMP页面是否正常,是否出现错误。

 

search-console-amp

search-console-amp

3. AMP页面的优化过程中是结合了Schema,也就是结构化数据优化的,因此这部分一定不能丢掉。例如视频,图       片都有AMP结构化的标注方法,详情见:点击

4. 有的时候你已经有一套非AMP的mobile页面了,如果你是新增的AMP页面的话,你需要通过链接标注的方式让         Google发现你的AMP页面。这样做其实是在AMP页面和非AMP页面之间建立了链接和权重传递。利于AMP页面的快速收录和排名。标注方法如下

AMP-link

AMP-link

好了,大型电商网站的AMP优化方案就介绍到这了。接下来吴嘉阳来说说小型的基于WordPress的电商网站怎么做AMP优化。其实WordPress上做AMP优化还是比较简单的,就是用插件直接实现: 到Github下载WordPress AMP优化插件:

Google-AMP-Download-ZIP-for-WordPress-Plugin-760x273

Google-AMP-Download-ZIP-for-WordPress-Plugin-760×273

 

2. 在WordPress后台安装下载的插件并激活

3. 确认这个插件正常工作了,打开一个你的网页,在URL后面加上“/amp/”,看看你的AMP页面能不能正常打开

4. 确认两个点:

  • rel=”canonical” 标签指向元始的页面, 而不是 AMP 页面.
  • rel=”amphtml” href=”AMP PAGE” 标签添加到了元始页面

5.记得添加Seach Console和Google Analytics,以便监控数据

好了,说了这么多,总结一下:

AMP已经渐渐成为Google Mobile Page的核心策略,尽快实施AMP将对Mobile页面的加载速度有极大的提升,从而提升网站的SEO流量。无论是大型电商网站还是小型的WordPress网站都应该对Mobile页面进行AMP优化。

 

本文地址官网    新乡网站建设,seo

分享到:更多 ()
a