您将在本文中了解到什么
• 如何使其适合移动设备
• 移动友好条件
• 适合移动设备的检查工具
目录[隐藏]
- 1什么是移动友好?
- 一切始于1.1 版移动友好更新
- 1.2与移动优先索引 (MFI) 的区别
- 2.如何让您的网站适合移动设备
- 2.1用户体验改进
- 2.2提高页面速度
- 确保您的网站适合移动设备的3 种方法
- 3.1移动友好度测试
- 3.2移动可用性报告
- 4.总结
什么是移动友好型?
移动友好性是SEO措施中的一个重要点,指的是对页面布局进行优化,以便用户在智能手机上浏览网站时可以轻松查看和操作。
根据总务省的最新调查显示,目前超过6成的 WhatsApp 号码数据 联网用户使用智能手机访问网站,可以说单纯依靠PC端的操作已经不再合适。
顺便说一句,如果您的网站不适合移动设备,赌博电子邮件列表 图像和文本的大小将不适合移动设备,这将给用户带来不便并直接导致他们放弃该网站。
移动友好更新只是开始
对智能手机用户便利性的重视始于谷歌于 2015 年 4 月发布的移动友好更新。如今距离其推出已经过去了好几年,很难找到一个不兼容智能手机的网站。
一旦更新完成,不适合移动设备的网站将受到较低的搜索排名,因此这是 SEO 方面需要牢记的重要一点。
与移动优先索引 (MFI) 的区别
为应对智能手机需求的急剧扩大,谷歌于2018年3月起开始实行“移动优先指数”(Mobile-First Index,俗称MFI),这是一项根本性的改革,将谷歌此前只评估PC网站表现的系统改为以移动网站为主要关注点,毋庸置疑,已经成为营销界的热门话题。
另一方面,许多初学者将其与移动友好型混淆,因为名称相似,但重要的是要记住这两个术语具有不同的含义,如下所述。
- 移动友好
指方便智能手机用户使用和查看的“网站状态”。
- 微型金融机构
搜索算法的排名策略是根据移动可用性确定排名
如何使其适合移动设备
以下是使您的网站适合移动设备的两种具体方法:客户向代理机构提出哪些问题? 在现代 SEO 中,提高页面速度和 MFI 被认为很重要,因此一定要密切关注它们。
改善用户体验
用户体验(通常称为 UX)是一个全面描述用户使用产品或服务时的体验的术语。它不仅旨在确保简单易用,而且还使用户能够以“有趣和舒适”的方式执行所需的操作。
为了使您的网站适合移动设备,您需要通过改进以下项目来改善用户体验,因此请采取适当的措施。
- 优化文字大小
请将文本大小调整为16-18px,以便在智能手机上轻松阅读。
据说理想的行距应该约为字体大小的1.5到2倍。
- 配置移动视口
设置视口,以便网页能够在智能手机等移动设备上以合适的大小显示。
该过程很简单,只需在 html 文件的 head 标签中设置“视口”即可。
- 将链接分开
由于智能手机是通过直接点击屏幕上显示的信息来进行操作的,因此如果链接彼此太近则会导致错误操作。因此,请将点击区域的间距调整为至少 38px,以便同一页面上的链接能够隔开。
- 调整内容大小
内容大小也是一个重点,因此请调整它以适合屏幕上的图像和文本。
看起来似乎有很多题目,但其实每个题目都不是特别难,所以请尝试逐一解决。
提高页面速度
提高页面速度对于移动友好性也很重要,并且是纳入 MFI 的一项指标。当然,这是SEO中的一个关键点,因此请采取以下步骤来解决它。
- 使用浏览器缓存
为了防止页面加载速度变慢,请在静态资源的 HTTP 标头中设置到期日期和最大使用期限。
- 消除阻碍首屏内容呈现的代码
我们建议延迟或异步加载任何阻止渲染的 JavaScript/CSS。或者,您可以直接在 HTML 中内联资源的重要部分。
- 启用压缩
压缩您的资源以减少通过互联网发送的字节数。
- 图像优化
选择与您的图像匹配的格式或压缩它以减小数据大小。
- 最小化 CSS
缩小 CSS 代码以减少数据大小,从而提高下载和解析速度。
- 压缩 HTML
缩小您的 HTML 代码、JavaScript 和 CSS 以减少数据大小。
通过实现这些 UX 和页面速度改进,您可以使您的网站适合移动设备。
如何确保你的网站适合移动设备
一旦您确认满足要求,就该检查您的网站是否真正适合移动设备了。这里我们将解释两个工具,请参考它们。
移动友好测试
Google提供的移动设备友好度测试将在你输入要测试的页面网址后约一分钟内显示以下结果。
- 智能手机上显示的屏幕截图
您可以看到用户实际查看的屏幕,而不是扭曲的版本。
- 不合规区域列表
您可以查看不适合移动设备的区域列表,因此请在改善用户体验和页面速度的同时使用它。
移动友好测试的另一个优点是它是一项免费服务,因此一定要充分利用它。
运行移动设备友好度测试
移动可用性报告
移动可用性报告也是Google提供的工具,是Search Console中包含的一项服务。
如何检查你的移动可用性报告
您可以打开 Google Search Console 并转到左侧菜单“体验”>“移动可用性”来检查这一点。
错误项目列表
如果不满足条件,将会显示以下错误,因此请结合移动设备友好度测试使用此功能。
- 未设置视口
当未定义针对设备屏幕尺寸优化显示的属性时,会发生此错误。
- 视口未设置为适合设备宽度
这个错误出现在无法缩放以适应设备宽度的网站上,是由于宽度以像素为单位固定造成的。
- 您正在使用不兼容的插件
如果网站包含与移动网站不兼容的应用程序,则会显示此信息。
- 内容宽度超出屏幕宽度
在智能手机上查看需要左右滚动的页面上会出现此错误。
- 文字太小,无法阅读
如果文本小于16px,则会显示错误。
- 可点击元素距离太近
。