如何实现移动优先

[ad_1]

如何实现移动优先

如果您不断更新有关SEO的最新信息,您可能会知道Google的移动优先计划。

在2015年首次被称为“ mobilegeddon”时,将客户网站转换为完整的移动体验已成为世界各地SEO的首要任务。

针对移动设备进行优化不仅仅是设计。这是一门完整的学科,旨在创建可以在各种设备和屏幕分辨率下显示的网站。

而且,不要忘记,其中也涉及SEO因素!

随着Google的关注点转向移动优先,现在确保对移动平台进行全面优化的网站至关重要。

如果不这样做,您很可能会失去Google的移动优先索引带来的重要流量。

2018年三月,Google宣布已开始推出移动优先索引作为所有新域的默认索引。这意味着Google索引现在主要是移动的。

在依赖于点(m。)子域上单独移动站点的行业中,如果您希望与Google SERP竞争,则必须取得一定的进步。这是一项至关重要的决定,不应该掉以轻心。

您可能会问:

  • 我需要考虑哪些要素?
  • 如何为移动用户设计?
  • 我需要做什么以确保我的网站与这些更新兼容?

好的,您很幸运,因为我们掌握了可能对成功实现以移动设备为先的实施有用的信息。

您必须考虑的移动设计因素

毫无疑问,如果您希望成功实现移动SEO实施,则设计和UX(用户体验)是至关重要的因素。

从移动菜单到可识别的设计模式,这些元素对于促进成功的转换至关重要。

通过确保以这种方式设计网站,您可以对移动网站充满信心地继续进行搜索广告系列。

自上而下的移动设计方法比较可取

在移动设备上进行开发需要以移动设备为先的思维方式。自上而下的方法是一种与这种“移动优先”的思维方式相适应的方法。

这种方法意味着最终版本的创建需要大量的计划。每个细节都经过仔细的计算和测量,因此您的移动网站看起来不像是固定的工件。

自下而上的方法恰恰相反。开发是逐模块进行的,整个过程没有太多的计划或思想。

可以想象,使用自下而上的方法创建移动站点是灾难的根源。

为了获得最佳效果,请使用自上而下的方法来考虑设计中从最小到最大的所有内容。

移动菜单

移动菜单应该是用户友好的,记住较小的设备,并且不应与桌面上的导航100%相同。

虽然结构不会改变,但视觉元素会改变,其外观将取决于您的设备。

为导航创建可识别的设计模式对于实现真正的以UX为中心的设计至关重要。这并不意味着复制您之前完成的所有设计模式。

相反,您必须创建听众确定的可识别图标和元素。

别忘了“为胖手指设计”或观众最大的手指。

确保根据这些因素设计元素,将产生一种体验,可满足您的用户及其对UX的需求,以促进更好的转换和更易于使用的网站。

无缝设计势在必行

创建无缝设计意味着您要在所有设备上创建设计元素,无论平台如何。

这与响应式设计不同,我们将在下面介绍。即使它们确实有一点重叠。

如果创建了将台式机和移动设备相结合的自适应设计,则无缝设计是指移动设计元素。

当您拥有无缝的设计元素时,它们在其他屏幕尺寸上不会出现不同。例如,台式机上的红色按钮不会在移动设备上显示为蓝色按钮。

或者,号召性用语在移动设备上的显示形式与台式机设备没有什么不同。

不同的元素只会使用户感到困惑,并且如果他们在某些情况下在设备之间移动,这只会使他们感到困惑。

考虑更大的任务及其流程

您上次访问移动应用程序的时间是什么时候才发现,与网站本身相比,完成操作的过程是噩梦般的?

当移动Web开发的监督远离站点负责人时,就会发生这种情况,范围的蔓延和错误的判断使工程成功完成应用程序的途径蒙上了阴影。

如果您的移动网站上的结帐过程对用户来说是噩梦般的,那么您就可以告别这些转化了。

请勿在移动屏幕上添加小动作。相反,您必须确保您的主要动作是可见的,并且明显易于执行。

如果您的用户不得不四处寻找信用卡付款,或者他们不得不努力寻找其他东西,他们将放弃购物车。

确保他们至少也可以保存自己的位置。移动设备主要用于旅途中,用户必须能够以某种方式保存其进度。

创造移动体验而没有选择来保存您的位置,只会激怒和烦人,仅此而已。

避免强制注册

应避免强行登录的登录墙。当您的应用程序在进入应用程序本身时立即显示登录墙时,就会显示这些墙。当您强制用户注册时,您不会在用户之间赢得商誉。

强迫用户进行注册可能会导致他们的烦恼,并使他们不喜欢您的移动体验。

这样做会导致信誉下降,以及人们希望使用的服务信誉。

您是什么时候第一次对应用程序的登录墙感到沮丧,而只是选择不使用它?

使返回首页变得简单

一个简单的返回首页的图标是一种创建指向站点首页的轻松链接的好方法。

如果您不方便用户返回首页,那么他们很可能会放弃您的网站而选择另一个。

移动用户并非像我们一样都是聪明的SEO。

他们需要帮助弄清楚事物在您的移动网站上的位置,直到他们对它熟悉为止。

创建歧义只会导致不良的UI,从而导致较少的转换,因为用户无法理解事物的位置。

仅仅因为您了解您的行业,并不意味着您的客户也以同样的方式了解它。

使用正确的布局

为移动设备创建布局有其自身的挑战,但是只要您了解几件事就可以完成。

首先,您必须知道触摸屏设备上的目标将要执行的操作以及它们将如何起作用。

设计合适的手指大小非常重要,因为这意味着您的用户将能够使用您的移动网站设计。

土坯 推荐 您在设计移动触摸目标时要考虑以下尺寸:7-10mm。他们的论点是,这种大小“使手指能够毫无太大障碍地瞄准和触摸目标”。

此处的总体目标是使移动辅助功能比以前容易得多,并且用户易于使用您的网站。

不要忘了文字大小!

另一个设计考虑因素是文本大小。

不仅必须考虑导航元素的文本大小,而且页面上常规文本内容的大小也很重要。

如果没有清晰可辨的高质量文本,您可能会失去读者。而且,您将无法有效地进行交流。

通过包括适合您的移动网站应用程序的正确文本大小,它将使读者留在您的网站上,从而帮助您留住读者。

不要让诸如文字大小之类的简单事情阻止您吸引观众并与他们互动。

您需要考虑文本的颜色对比度。

这是可访问性点,因为对比率越差,您就越会排除某些类型的阅读器(尤其是那些色盲的阅读器)。

使用网站 色彩对比检查器工具在这里 确定您选择的颜色是否达到您要达到的级别所定义的最小可访问性阈值。

土坯 推荐 4.5:1的对比度。

进一步了解 W3C颜色辅助功能指南 有关颜色对比度的更多信息。

Google Mobile SEO注意事项

除了设计外,Google的移动优先索引还有SEO注意事项,尤其是当您要转移到移动优先时。

注意事项包括:

  • 页面速度。
  • 跨平台。
  • 跨显示器兼容性。
  • 不包括弹出式窗口或插页式广告。
  • 移动内容。
  • 适当的图像优化。

Google的“移动优先”索引仅包含移动结果

很久以前,Google的“移动优先指数”就同时体现了台式机和移动设备的结果。

如果有人从桌面执行搜索,他们将获得桌面的过滤结果。

如果有人在移动设备上进行搜索,他们将显示符合移动设备的搜索结果。

这已不再是这种情况。自Google进行移动优先更新以来,所有搜索结果都是使用索引页的移动版本来确定的。

这里的考虑很关键,因为它将影响您为移动设备创建内容和设计的方式。

Google将移动设备视为什么

要采取正确的策略来应对移动SEO世界,我们必须首先确定Google认为什么是移动设备。他们是否将所有便携式设备都视为移动设备?

不,他们没有。

在Google的 Web开发人员针对移动设备的准则,他们提到以下内容:

“移动设备”:在本文档中,“移动设备”或移动设备是指智能手机,例如运行Android,iPhone或Windows Phone的设备。移动浏览器与台式机浏览器相似,尽管它们的屏幕尺寸较小,并且在几乎所有情况下,其默认方向均为垂直,但它们可以呈现一系列HTML5规范。

平板电脑:我们将平板电脑视为同类产品中的设备。当我们提到移动设备时,通常不是指平板电脑。平板电脑往往具有更大的屏幕,这意味着,除非您提供针对平板电脑进行了优化的内容,否则您可以假设用户希望看到您的网站,就像在台式机浏览器而不是智能手机浏览器上看到的那样。”

如您所见,采用响应式设计方法是更可取的,因为它针对所有移动设备,并且满足了Google对移动友好的要求。

这就是自上而下的方法如此重要的原因。它考虑了所有潜在的设备,而不只是一两个。

确保您的内容相同

您的内容在台式机和移动设备上必须相同。

您可能想知道更长的内容是否更适合两者之一。

您可能会惊讶地发现,根据此案例研究,人们实际上会在移动设备上阅读较长的内容:

长格式内容移动案例研究“ width =” 280“ height =” 495“ srcset =”“ src =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/02/long-form-content- mobile-case-study-5e58cdd69a53d.png

这个 案例分析 还显示以下内容:

“数据还显示,虽然短新闻内容比长篇新闻更为流行,因此吸引了更多的总访问量,但长篇文章的访问率几乎相同。所研究的文章中,完全有76%的篇幅少于1,000个字。但是,从文章到文章,长篇故事以几乎与短篇小说相同的速度吸引了访问者:每篇长篇文章有1,530个完整的交互,而每篇短篇文章则有1,576个交互。

如果您在桌面设备上所拥有的内容与在移动设备上所拥有的内容不一样,那么您可能会成为伪装或其他操纵性SEO策略的受害者。

如有疑问,请始终在两个平台上使用相同的内容。

确保Google能够抓取一切

对于某些网站,robots.txt文件中可能有许多被阻止的资源。

这些资源包括JavaScript,CSS以及您可能不想索引的其他类型的文件。

如果没有适当的开发监督,您可能会很快忽略这些类型的文件。

对您的robots.txt文件进行分析,并确保它没有阻塞太多关键资源。

这些资源都会影响渲染,爬网和索引编制。

为了充分利用您的移动网站,您必须确保您的网站可以完全爬网,并且可以被Google移动访问。

就像Google的Gary Illyes所说:“让该死的网站可抓取!”

在您受到处罚之前,先解决烦人的插页式广告

您是否知道插页式广告?

您可能不知道它们是什么,特别是如果您遇到它们时。

您知道吗,出现在移动设备上的广告会屏蔽该页面?

似乎不想停止广告,或者让您点击以摆脱烦恼的广告?

这些称为插页式广告或模块化弹出广告,它们会在手机窗口中不经通知地显示。

它们会阻止您的观看体验,有时会迫使您单击广告。

Google已推出了 插页式罚则,一直追溯到2017年。

为确保您不会违反这方面的Google准则,必须确保:

  • 网站没有隐藏广告内容。
  • 弹出窗口是有目的的。
  • 插件(如果使用WordPress)(符合Google插页式广告指南)。

测试您的移动设计并根据需要进行调整

设计完成后,最好使用以下测试程序进行测试 浏览器堆栈

该程序将允许您在尽可能多的不同平台上查看移动站点,从而提供传统分析无法获得的直接反馈。

建立测试方法将使您能够提高效率并发现设计问题,然后再将其变成对您的客户而言的问题。

您还可以将Web Developer Toolbar扩展用于 火狐浏览器 直接在浏览器中测试您的移动设计。

页面速度至关重要

更快的移动网站应该是您的最终目标。

现在,以前所未有的速度来优化页面速度必须成为优化策略的主要内容。

有许多方法可以在您的网站上实现最低的页面速度。

Adobe Photoshop的网络无损图像压缩功能非常强大,您可以使用它来物理调整图形大小和处理图像。

调整身体大小和仰卧起坐有什么区别?

在物理上调整图像大小时,仅调整宽度和高度尺寸。您的像素密度保持不变。

因此,您最终得到的是较小的图像,但是由于有一个300 MB的图像,因此页面大小仍将为300 MB。

处理图像是指降低图像的物理像素密度。 Adobe Photoshop的无损图像压缩同时针对这两者,因此您必须选择适当的设置。

如果您有WordPress网站,请使用名为 US 可以同时为您做这两个事情,从而最终生成的图像加载速度足以满足移动设备的需求。

测试您的网站的页面速度

评估网站的页面速度并根据需要进行调整是优化过程中的另一个关键点。

在这里使用工具,您可以只测试页面速度,并进行必要的更改以满足他们的建议。

Google移动页面速度测试工具“ width =” 760“ height =” 393“ Size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-content/uploads/ 2020/02 / google-mobile-page-speed-test-5e58f7f9af268-768x397.jpg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/02/google-mobile-page-speed-test -5e58f7f9af268-480x248.jpg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/02/google-mobile-page-speed-test-5e58f7f9af268-680x351.jpg 680w,https:// cdn .searchenginejournal.com / wp-content / uploads / 2020/02 / google-mobile-page-speed-test-5e58f7f9af268-1024x529.jpg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/ 02 / google-mobile-page-speed-test-5e58f7f9af268.jpg 1044w“ src =” https://cdn.searchenginejournal.com/wp-content/uploads/2020/02/google-mobile-page-speed-test- 5e58f7f9af268-768x397.jpg

定期测试您的网站可以使您随时了解您的Web开发人员或团队中其他任何成员的最新更改。并且,它将帮助您控制页面速度瓶颈。

如有疑问,请务必进行测试!

以移动优先的方式获取您的网站需要时间

毫无疑问,确保您的网站完全兼容移动设备是一项及时且昂贵的工作。

通过使用上述原理并致力于整合完整的“移动优先”的理念,可以使您的网站处于移动状态。

雇用有能力的开发人员是第一步。接下来是自上而下的方法,以确保您网站的移动SEO拼图的所有部分都能正确组合在一起。

确保堵塞瓶颈并且不会再出现其他问题至关重要,同时还要实施可靠的移动元素设计,以使您的消费者满意。

尽管面临挑战,但在当今Google移动优先索引时代,将您的网站置于移动优先平台上至关重要。

在跳入项目管理部分之前,您必须通过阅读尽可能多的主题资源来保持最新状态。

只要您雇用可以为您的网站进行编码的合适的开发人员,只需进行表面概述即可。

无论您是SEO还是刚熟悉所有运动部件的人,都必须确保正确完成所有移动设备优化任务。

您的SERP效果会多次感谢您。

图片积分

特色图片:作者创作,2020年2月

相关文章