回到主页

搜索引擎优化-响应式网页设计足够吗?(提示:否)

搜索引擎优化

随着移动优先索引的临近,谷歌seo对移动设备进行优化的需求从未如此迫切。

即使在当前的迭代中,移动搜索对于各种规模的广告商和企业来说都是非常重要的。考虑以下统计数据

大多数Google搜索都是在智能手机或平板电脑上进行的。
Hubspot表示,50%的本地移动搜索是针对本地商业联系信息的:

据BrightEdge称,69%的移动搜索者表示,他们更有可能通过移动网站建设购买满足其关注点的品牌。
现在,通过移动网页设计,速度优先于几乎任何其他优化排名因素。不幸的是,我不确定是否有一半的网络针对移动搜索进行了严格优化。

根据Think with Google的说法,70%的移动网页需要7秒才能在视频内容之上和之下加载视觉内容。

常见的移动网站错误包括:

阻止的JavaScript和级联样式表(CSS)文件。
失败的重定向。
糟糕的图形界面(例如,微小的文本和不良的图像像素化)。
笨重的搜索功能。
突兀的插页式广告。
解决其中许多问题需要投资响应式内容管理系统(CMS)以及适合您移动网站的正确配置。

然而,关于什么配置真正最适合您的网站仍然存在许多问题。响应式网页设计已成为行业的首选配置,但随着移动网络变得更具竞争力,行业应该继续前进吗?

响应式网页设计足够吗?

现在,从最终用户的角度来看,创建一个独立的移动网站是好的,但它从搜索引擎优化(SEO)的角度严重削弱了您的网站的资产。

除此之外,移动域可能是一项代价高昂的投资,维护成本更高。

我的数字营销公司使用响应式网页设计(RWD)以及加速移动页面(AMP)为我们的客户创建一个真正适合移动设备的网站。但我们必须记住,响应式网页设计并非专为速度而设计,而是专为设计师设计的。

有可能您的CMS具有响应式网页设计插件。

RWD网页利用流体网格来呈现与其设备成比例的图像和页面元素。对于技术团队而言,这为移动设计带来了明显的优势,包括:

  • 响应处理不同设备的页面布局。
  • 保留单个统一资源定位符(URL)上的所有内容,而不是m。域。
  • 比创建独立移动网站更具成本效益。
  • 可以使用超文本标记语言5(HTML5)离线访问站点。

虽然RWD确实有其优势,但它主要是作为优化移动搜索设备网站的低成本方式而创建的。这也是一种尽可能少地完成这项工作的方法。

RWD网站的问题仍然存在:

  • 加载速度慢:超过10秒,没有适当的现场优化
  • 设计人员仍然需要优化触摸,而不是滚动和点击界面
  • 需要针对小屏幕(即图表和图形)优化数据可视化

那么,为什么这很重要?虽然RWD是小型企业和发布商在预算范围内的有效解决方案,但许多已建立的企业已经开始转向更高速的配置,例如加速移动页面和渐进式Web应用程序(PWA)。

AMP是答案还是红鲱鱼?

AMP代表谷歌推动互联网发展的巨大推动力,但仅限于其条款吗?

作为一个快速入门,AMP本质上是一个HTML框架,与内容交付网络的工作方式相同,提供精简的网页版本以提高页面速度。AMP非常适合发布新闻文章和博客文章的发布商。它与Facebook的Instant Articles格式非常相似。

AMP目前被多个搜索引擎,甚至AdWords广告所采用。使用“Fast Fetch”标签,AMP将继续变得更快,更容易实现。

据谷歌称,超过900,000个域名已经采用了AMP,而且这一数字还在不断增长。

事实上,许多出版商在转用AMP后都报告了惊人的成功:

谷歌优化也明确表示,它会优先考虑AMP网页的移动新闻轮播。

移动网络速度显然会对用户体验和转化率产生巨大影响。

在此处添加文本段落

使用Google缓存,AMP的网页加载速度提高了2倍,传统网页的延迟只有传播网络延迟的十分之一。但这就是AMP的问题。

虽然我们考虑更快的加载速度以促进更有价值的用户体验,但AMP需要承担的牺牲严重限制了其数字营销价值和采用。

由于使用Google的缓存加载AMP并将其作为原始文档的不同版本,因此点击很难跟踪,因为它们在技术上不会出现在发布商的网站上。这对参与度有显着影响。通过提供网页的淡化版本,AMP非常适合提供信息丰富的博客文章,但最初的点击和与网站的进一步互动之间存在明显的脱节。

这意味着出版商和电子商务商店理论上必须提供两种不同版本的产品。AMP本质上是搜索结果广告文案。

另外,影响AMP采用的另一个因素是谷歌未能与其客户沟通。

向普通网络用户询问AMP文章是什么,或者他们是否能识别出来,你可能会收到一个空白的注视。具有讽刺意味的是,Google没有正确地将AMP的重要性和优势传达给个人用户,从而损害了自己的用户体验。相反,它依靠出版商来改变他们自己的意志。

这是否意味着AMP是一种应该被忽略的红鲱鱼?不完全是,这一切都取决于您的网站。不幸的是,还有另一种配置威胁到RWD霸权和AMP的迅速采用。

渐进式网页应用怎么样?
您可能熟悉PWA,尽管很少有网站真正利用这种天才技术。

PWA是一种在各方面都像应用程序一样但不需要下载的网站。

通过Web浏览器访问PWA并利用Javascript或CSS以及HTML来创建几乎瞬时的加载速度。利用其通用资源标识符(URI),当Web用户加入书签或共享时,PWA是可链接的。

PWA的主要优点包括:

离线工作的能力。
所有设备和Web浏览器的通用访问权限。
AMP的可比负载速度。
与传统移动域相比,网页和导航之间的转换速度更快。
原生app类接口。
可索引和可​​链接。
能够发送推送通知。
电子商务商店主要使用PWA来创建更快的结账时间和更好的最终用户体验。PWA可以提高您网站的参与度,并通过利用离线资源和推送通知来持续与用户沟通来提高转化率。

但PWA也有缺点。这是一项相当昂贵的投资,难以实施,这意味着您可能需要聘请专业的网页设计师才能实现这一目标。

更大的担忧是:为什么不投资应用?用户每周访问数百个网站,并在手机上存储大量应用程序。他们最主要的需求是AMP提供的快速加载速度。

考虑到这一点,当我们开始实现移动优先时代时,哪种移动配置最适合您的网站?

哪种移动配置最好?
AMP非常适合仅寻求为其博客或出版物带来更多流量的发布商。许多网站所有者都在努力实施AMP,因为许多CMS仍然没有插件可用。即便如此,凭借谷歌的新手机“AMP Stories”, WordPress以及许多着名的CMS都难以正确实施AMP。

另一方面,PWA适用于所有浏览器,渐进式增强功能使其免受病毒和不受欢迎的内容的侵害。

在速度方面,PWA和AMP都具有几乎瞬时的加载时间。这里最大的区别是来自PWA的导航速度,因为与AMP不同,所有网页都将以这种格式托管。

从排名的角度来看,AMP可能是一个排名信号(目前还没有人知道),但如果PWA承载几乎相同的加载速度,我不认为AMP比PWA具有明显的优势。

从网页设计的角度来看,AMP是一场噩梦,因为它剥离了本机设计的许多图形和用户界面元素。另一方面,PWA能够在类似app的显示中渲染和提供所有设计元素,这使得它们更加用户友好。

在切换超文本传输​​协议安全(HTTPS)PWA后,AliExpress在所有浏览器中将其转换率提高了104%。

最后,PWA响应不同的浏览器,并可以对用户权限做出反应,以创建顺畅的结账体验。

最后,最好的解决方案是将两者结合起来,以获得真正快速,同质的体验。主要品牌,如华盛顿邮报,已经做到了这一点。随着AMP文章的搜索可见性和速度的提高以及PWA的类似App的界面,两者结合可以显着增加用户信号并为用户提供更好的体验。

结论

尽管我们已经超越了死马,但移动的需求不容小觑。响应式网页设计是一个伟大的第一步,但我认为它不足以让企业在竞争激烈的市场中竞争。对于发布商来说尤其如此。

对于电子商务平台,将AMP与PWA设计相结合,确实提供了当今最好的移动配置。我只能说,在为时已晚之前切换到适合移动设备的网站。

所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的