武汉SEO > SEO论坛 > 正文

谷歌的移动优先索引,设计师和开发人员需要了解的5件事

作者:武汉SEO公司 来源:武汉SEO推广 2019-08-03 14:56

无论您是设计还是开发都必须了解的内容,可能你已经收到优先索引发生变化的简报。虽然人们喜欢说他们首先设计和开发移动设备,但我们发现在我们看到的情况并非如此。

无论您是设计还是开发都必须了解的内容,可能你已经收到优先索引发生变化的简报。虽然人们喜欢说他们首先设计和开发移动设备,但我们发现在我们看到的情况并非如此。是的,我们肯定希望在移动设备和PC端上看起来都不错,但他们仍然不可避免地首先完成桌面设计,然后看看它们在移动设备上的外观。

seo


这一切都在改变。一旦优先索引启动,首先设计和开发桌面是没有意义的。虽然您的网站需要在桌面和移动设备上都能够正常运行,你的首要重点必须是在移动设备上。任何没有加入此行动的人都会落后,特别是现在移动流量已超过桌面流量,而且这种趋势只是向一个方向发展。那么,你现在可以做些什么来准备以及什么是要关注的主要事项。

让我们来看看。

1.文本大小,点击目标和填充和缩放

谁:设计师为主

字体大小

随着我们向移动优先索引迈进,移动设备上的用户体验将变得至关重要。确保用户无需捏合和缩放即可与内容的每个元素互动,从而有助于提供高质量的用户体验。

DOS:

允许您的字体大小在视口中缩放

使用16px作为基本字体大小,并根据需要进行相对缩放

注意事项

要求客户放大以阅读,交互或使用您的内容

点按目标和填充

设计师关注的另一个关键领域是页面上的点击目标和填充元素。

没有什么比使用捏合和缩放来点击页面上的按钮更令人沮丧,或者更糟糕的是,错误地点击附近的按钮并且必须单击返回。

这些行为中的任何一种都可能导致负面体验以及从您的网站反弹的可能性。您可以执行以下几项操作来确保优化您的点按目标:

①使点击目标至少宽48px

②点击目标之间的空间距离至少为32px

seo

缩放

缩放是响应式网站设计的另一个重要元素。当我们转向移动优先索引时,您应首先设计移动设备,然后确定该设计如何最好地转移到桌面。您的移动设备响应式设计应在移动设备上进行扩展,以便它们可以同时适应纵向和横向设备方向。您还应该允许您的内容和媒体扩展到填充设备屏幕大小,最大化屏幕空间的每一寸-考虑到现在可用空间的大幅减少,这一点尤为重要。

2.手势,键盘和站内搜索

谁:主要是开发人员

手势

虽然您试图摆脱在移动网站上捏合和缩放的需要,但人们可能仍然希望这样做。对于电子商务网站上的图像尤其如此,因为用户试图更加近距离地查看他或她正在购买的产品。在这种情况下,转化的障碍是无法放大特定图像,或者更糟糕的是,当用户放大时,低分辨率图像变得非常模糊。

热门提示:允许常见的手势功能出现在您的电子商务网站上,如捏/双击缩放。

键盘

为移动优先索引设计和开发网站意味着更仔细地考虑移动设备上的用户体验。如果用户将数据输入纯数字字段,请确保已启用基于所需输入上下文情境更改的键盘。电子邮件字段,URL以及标准文本键盘也是如此。用户安装各种各样的键盘,因此不要假设功能-而是先占用户的需求并满足他们的期望。

站内搜索

这可能是移动优先网站最重要的元素之一。由于显而易见的原因,导航通常是首先在移动设备上削减的东西之一,但缺乏面包屑和二次导航会使得在移动设备上查找内容变得更加困难。高质量的内部网站搜索功能意味着用户不仅可以快速有效地找到所需内容,还可以收集有关人们搜索内容的数据,从而优化导航,搜索功能和内容。

3.可访问性

谁:设计师和开发人员

富媒体

无论您使用何种设备,都可以在页面中添加富媒体,这是增加内容参与度的好方法。但是,在移动设备上添加富媒体时,您应遵循一些最佳做法指南:

DOS:

将HTML5用于视频和富媒体内容

使用视频元素加载,解码和播放您网站上的视频

注意事项

避免使用不受支持的格式:例如Flash和一些专有视频平台

导航

我们已经触及了导航以及它应该如何与您的网站内部搜索并肩工作。如果人们无法立即在导航中找到他们想要的内容,那么良好的网站内部搜索应该是“可以达到”,您还应该确保内容不会被埋没得太深,以至于您需要使用内部搜索来查找它。

热门提示:始终如一地测试您的全局导航,并使用最重要的内部搜索数据来推动UX的变更和改进。

不要用导航选项压制人,否则他们只会默认使用网站搜索。

插页式广告和叠加层

哈哈,争论激烈的插页式广告和重叠式广告。无论你站在哪里(我们在移动设备上都不是他们的忠实粉丝),你需要在移动设备上不惜一切代价避免某些事情(因为这些不仅会损害用户体验,如果你被搜索引擎惩罚还会降低用户体验):

①请勿使用全屏覆盖图或插页式广告来宣传您的应用,电子邮件列表或广告

②如果它们是非侵入性的,请继续使用插页式广告。谷歌不会讨厌所有插页式广告,只是讨厌那些占据整个网页导致UX问题的广告

③请使用静态横幅来宣传您的应用

4.友好转化

谁:设计师和开发人员

一个好的移动网站是一个转化。无论是表格填写,电话还是订单。虽然到目前为止我们所看到的所有其他因素都有助于实现转化之路,但您可以通过以下几个关键事项来获得转化:

确保从您网站上的任何页面转换的路径不超过3次点击

通过使用tel:links或schema包装您的电话号码来启用单击呼叫

减少您在结账时请求的信息量-在移动设备上保持最低限度

为人们提供保存购物篮或创建心愿单的选项,以便他们可以在桌面上完成交易,如果这样做更好

确保结帐阶段没有弹出窗口

随着移动搜索的不断发展,越来越多的交易将在移动设备上完成,才能加强优化移动转换路径的重要性。

5.页面速度

谁:开发人员

我们可能已经保存了最重要的因素在最后。页面速度是开发人员需要关注的最大因素,为迁移到移动索引做好准备。您可以通过多种方式提高移动网站的速度。从改进现有网站到转换为AMP或PWA,加快您的网站速度将有助于提升您在移动端上的排名。以下是一些可以加快移动网站速度的方法:

AMP-加速移动页面(AMP)项目是一项改善移动生态系统的开源计划。由于AMP使用了简化的HTML,它允许您比常规HTML更快地加载网页。Google还会将您的内容缓存在自己的缓存中,以加快加载时间。所有这些都可以带来更快,更时尚的用户体验,从而提高搜索结果的可见性。

PWA-渐进式网络应用程序(PWA)是迁移到AMP的替代方案。他们的主要卖点包括:

可靠-立即加载

快速-快速响应用户交互

引人入胜-感觉就像是具有沉浸式UX的设备上的自然应用程序

您可以在GoogleDevelopers网站上找到有关PWA的更多信息。

PWAMP(!)-由Google的Gary Illyes在SMX Seattle首次推出的术语,PWAMP是基于AMP HTML,JS和CSS构建的PWA的组合。虽然PWAMP站点可能无法验证为AMP页面,但它们闪电般快速,并提供上面列出的PWA的所有好处。他们可能是未来,也是一个值得关注的功能技术。

什么也不做-如果您当前的移动友好,响应迅速的网站运行良好,提供了出色的用户体验并快速加载,那么移动到AMP或任何其他选项可能会获得很少的收益。在决定任何潜在的新路径之前,我们始终建议您对移动网站进行全面审核。

总结

现在是采取行动的时候了。无论您是管理自己的网站还是客户的网站,我们都建议您立即进行全面的移动审核,并评估网站的当前优势。然后,您可以决定是否需要进行主要的设计和开发更改为移动优先索引做准备。

本文地址:SEO论坛频道 http://seo.hkm168.com/seobbs/3066.html,武汉易企推SEO公司提供一站式SEO优化服务:武汉SEO优化、网站优化,关键词排名优化、SEO顾问诊断、SEO培训、网站建设、武汉竞价托管、全网营销推广(全网品牌推广)、百科词条创建修改、新媒体引流、公司负面公关处理等;另外本站原创文章,转载本文请保留本站地址,谢谢!

上一篇:移动索引优先对排名影响?武汉网站优化如何为此做好准备?

下一篇:武汉SEO浅谈白帽策略与黑帽策略及关于购买链接的几句话

相关文章相关文章
  • 武汉SEO文章的精髓是提高网站转化率,怎么写好SEO文章呢?

    武汉SEO文章的精髓是提高网站转化率,怎么写好SEO文章

    seo是一个策略性的工作,利用最少的资源获得最大的利益是seo的高手,今天笔者介绍一个中小企业使用后如虎添翼的策略“问答站内站”具体它有哪些优点?怎么做呢?...

    2019-08-10 14:09
  • 武汉SEO经验分享!转化率超50%的软文是怎么写出来的?

    武汉SEO经验分享!转化率超50%的软文是怎么写出来的?

    写知乎软文(或者公号文章)之前,首先要明确:你是真心想帮助别人?还是只想刷刷存在感,希望能侥幸获得大家的关注和认同?我这么说,是因为现在绝大多数的自媒体人都在急功近利,他们认为,运营某个账号的标准,就是:我有没有做到每日一更?所以,为了在数...

    2019-08-09 11:52
  • 武汉SEO浅谈白帽策略与黑帽策略及关于购买链接的几句话

    武汉SEO浅谈白帽策略与黑帽策略及关于购买链接的几句

    白帽策略与黑帽策略 你会经常听到SEO们谈论白帽子和黑帽子(或者介于两者之间的可疑区域,通常被称为灰帽子),特别是在链接建筑技术方面。本文将介绍其差异并涵盖谷歌服务每种方法的一些优缺点。 白帽策略 白帽策略是执行风险非常低的策略,通常符合Google...

    2019-08-05 14:34
  • 移动索引优先对排名影响?武汉网站优化如何为此做好准备?

    移动索引优先对排名影响?武汉网站优化如何为此做好准

    大家现在也知道seo优化中移动端流量占比非常大,之前我们在做SEO的过程中,基本上都是通过PC端的排名来拉动移动端,但是现在反过来了,谷歌明确提出了移动端优先的策略,我们相信了解下。...

    2019-08-02 15:08
  • 武汉SEO优化图片Alt属性、元描述及标题标签的几个标准

    武汉SEO优化图片Alt属性、元描述及标题标签的几个标准

    图片SEO(Image SEO)一篇内容中需要优化的不止是文字,还有内容中其他的因素,图片就是其中一个。图片SEO是常被忽略但却是与文字一样需要重点优化的。做好图片SEO可以增加整个页面主题的相关性,并且帮助搜索引擎更加了解你的内容。...

    2019-07-31 14:43
  • 如何让搜索引擎也能够很好的了解你页面的框架结构?

    如何让搜索引擎也能够很好的了解你页面的框架结构?

    笔者之前讲解到页面SEO的几个重要的因素,这次我们继续为大家讲解页面SEO其他的因素。之前笔者就讲解过的内容分别有内容(Content),关键词(Keyword),图片SEO(Image SEO),内部链接(Internal Links)与外部链接(Outbound Links)和标题标签(Title Ta...

    2019-07-30 15:13
  • 武汉SEO优化核心技巧,教你利用友情链接做排名的策略

    武汉SEO优化核心技巧,教你利用友情链接做排名的策略

    网站的优化方式千千万,但万变不离其宗,无非就是内容加外链,但就这两点却能变化出众多优化方式,今天笔者讲一个一般seoer不晓得的优化策略,利用友情链接做权重。...

    2019-07-29 15:11
  • 武汉SEO教你如何将网站打开速度从60S+优化到1.44S的方法

    武汉SEO教你如何将网站打开速度从60S+优化到1.44S的方

    哪些方面容易导致网站打开慢?页面打开时间多长属于正常?现在有打开速度为1.44秒还有没有优化的空间?全站https如何实现?优化网站的专业技巧有哪些?全站https,打开速度60s+,终于有一天忍不住这屎一样的打开速度,决定优化下!原以为近10年的经历速度优化...

    2019-07-26 14:53
产品图片2
服务器图片