使用技巧

如何改善您的移动网站?

埃德温·图嫩(Edwin Toonen)

埃德温(Edwin)是战略内容专家。 在加入Yoast之前,他花了多年时间在荷兰领先的网页设计杂志上磨练自己的技能。

如何改善您的移动网站如何改善您的移动网站?

事情是这样的:您的网站应该适合移动设备使用。 这应该是您的第一要务。 如果要优化移动站点,则必须提高站点的性能,并且还必须确保它为用户提供了出色的用户体验。 在此SEO基础知识文章中,您将概述如何改善移动网站。

目录

网站何时适合移动设备?

网站在以下情况下适合移动设备:

  • 帮助用户快速,快乐地完成任务,
  • 在智能手机或平板电脑等移动设备上正确加载,
  • 快如闪电
  • 以可读的方式呈现内容,而无需用户捏和缩放,
  • 提供了充足的触摸导航空间,
  • 为移动用户提供增值服务,
  • 对于搜索引擎而言是立即可以理解的。

移动SEO为什么如此重要?

行动搜寻引擎最佳化 确保您的移动网站向移动设备用户提供最佳的内容展示。 由于我们的世界越来越面向移动设备,因此必须使您的网站对移动设备友好。 如果您的网站不适合或不适合移动用户使用,则您将错过搜索引擎中不错的排名,从而错过收入。 因此,您应该尽一切努力来优化网站的移动视图并使其尽可能好。 实际上,它应该很棒!

一阵子,Google使用网站的移动版本来确定其排名。 如果您的网站不满足要求或在移动网站上展示的内容较少,那么您将很难获得良好的排名。 如果您还没有足够的网站移动视图,则最好制作一个功能全面的视图,最好将其作为响应设计。 Google很棒 入门指南 让你走。

别忘了将您的网站视为一件事。 您不应拥有与“桌面网站”不同的“移动网站”。 您应该有一个网站可以适应正在查看的任何屏幕。 这也意味着您不同视图的内容应始终相同。

如何改善您的手机网站

要改善您的移动SEO,您需要关注以下几点:

  • 创造快乐的用户体验
  • 确保您的网站具有响应能力
  • 提高您的网站速度
  • 使用结构化数据
  • 不要阻止JavaScript,HTML和CSS代码
  • 不要使用插页式广告或弹出式窗口
  • 不要使用太多重定向
  • 选择正确的视口
  • 验证移动友好性
  • 告诉Google您的网站

专注于使其易于使用和愉悦

提供一个伟大的 用户体验 给您的用户,您会注意到Google也将享受它。 弄清楚访问者的目的以及他们主要在您的网站上执行的任务。 希望有人给您打电话吗? 确保将您的电话号码放在前面和中间,并让其他人点击它。 是否想提高转化率? 使该购买按钮脱颖而出并正常运行! 使用这些任务可以将焦点集中到您的网站上,并以有益而愉快的方式引导访问者。 如果某件事使您的用户感到沮丧,那会伤害您和您的结果。 测试,改进和全面优化您的移动网站。

响应式设计

有多种方法可以使您的网站可供移动用户使用。 最重要的是 响应式设计,这就是技术 谷歌 拥护者。 通过响应式设计,您的网站位于一个URL上,从而使Google可以更轻松地对其进行理解和编制索引。

如果您使用WordPress,则您的主题很可能已经具有响应能力并且可以适应所有屏幕。 请务必检查您的网站如何扩展 Google Chrome的开发人员工具。 如果缩放比例不正确,则应与您的Web开发人员讨论修复问题的方法-或选择其他主题。

提高您的网站速度

改善站点的移动SEO可以做的最重要的事情之一就是提高站点的加载速度。 研究一次又一次地显示,人们离开的网站加载速度缓慢,经常再也不会返回。 速度一直 排名因素 多年以来,Google越来越专注于解决这一常见问题。 见 网页体验更新核心网络生命 指标的介绍可进一步证明这一点。 我们还有更多关于如何 提高您的网站速度以及使用哪些工具 可以帮助您做到这一点。

为您的网站获得更好的网络托管

优化移动网站速度的第一个技巧是投资于更好的网络托管。 许多站点在预算托管服务器上运行,这些预算托管服务器与其他网站共享很多服务器空间。 远离廉价主机并在知名主机上制定良好计划确实是必不可少的-这确实是物有所值的! 我们有一个页面 WordPress网页寄存公司 当我们亲自审核它们时,我们可以保证。

优化图像

如果有一个快速的胜利可以提高您的网站速度,那就是: 优化图像。 不要在您的网站上加载3000 x 2000像素的高清图像。 将它们缩放到正确的大小,并使用诸如 图像优化南瓜或WordPress插件,例如 WP Smush。 您还可以考虑以下一代图像格式(例如WebP)提供这些图像。

缩小代码

您的网站必须执行的每个请求都会影响网站的速度。 您必须努力减少这些请求。 做到这一点的一种方法是减少代码。 这意味着您的组和串联资产(例如JavaScript和CSS),因此浏览器必须加载更少的文件,从而使站点更快。 这听起来很难实现,但是像 WP火箭 可以满足您所有的缓存需求。 或者,使用 Cloudflare的WordPress自动平台优化 一次性获得大量增强功能。

浏览器缓存

通过使用浏览器缓存,您告诉浏览器可以将不经常更改的页面元素保存在其缓存中。 这样,浏览器仅在再次访问时才需要下载新的动态内容。 同样,这是WP Rocket这样的插件可以为您提供帮助的东西。 或者,如果您愿意,也可以自己做

减少重定向

一种 重新导向 将访问者从一个请求的页面引导到另一页面,因为该页面已被移动或删除。 如果做得很好,这会带来良好的用户体验,但您使用的重定向次数越多,您的网站速度就越慢。 不要进行无尽的重定向。 另外,请尽量不要使指向该链接的链接保持指向已删除帖子的重定向到新帖子。 始终进行直接链接。

使用结构化数据

结构化数据 对于每个站点都是必不可少的。 利用结构化数据,您可以以搜索引擎可以理解的方式描述您的内容。 这样,您可以直接与搜索引擎进行交流。 作为回报,搜索引擎可能会以惊人的丰富结果奖励您。 您的移动网站必须具有与桌面版本相同的结构化数据-否则,Google可能会感到困惑。 Yoast SEO会自动为网站的最重要部分添加结构化数据,您可以根据自己的喜好对其进行微调。

不要屏蔽JavaScript,HTML和CSS等资产

我们之前已经说过了,我们将继续说下去: 不要屏蔽JavaScript,HTML和CSS等资产。 这样做会使Google很难访问您的网站,并可能导致排名下降。 检查你的 Google Search Console 看看您是否在阻塞资源。 如果您想真正优化您的移动网站,请花大价钱。

提高可读性

确保您的移动网站在移动设备上具有完美的可读性。 使用不同的设备来 检查您的排版 是有秩序的,必要时, 做出改变。 字体设计可以造就或破坏您的网站的用户体验。

改善点击目标大小

当他们的手指无误按下按钮,链接或菜单项时,人们会讨厌它。 有时设计师对按钮的大小没有足够的考虑。 当导航困难或不自然时,移动用户会感到沮丧。 请修好

选择正确的视口

视口将确定用于查看设备的页面的宽度。 经过 指定正确的视口,请确保使用特定设备的访问者获得正确的网站版本。 这样做失败,您可能会将桌面站点显示给小屏幕智能手机用户,这是一个很大的禁忌。

不要使用插页式广告或弹出式窗口

Google将对使用大型弹出式窗口或插页式广告宣传新闻通讯,注册表格或广告的网站进行处罚。 这些通常会妨碍用户快速访问他们所请求的内容。 不要使用这些,但如果需要,请确保遵守Google的规则。

测试您的网站并告知Google

在开始使用移动SEO之前,您应该先运行 Google上的移动可用性测试 看看你应该从哪里开始。 在工作期间,您应继续进行测试以查看是否取得了进展。 如果您的移动网站经过优化,则需要告知Google要对其进行检查和编制索引。 用 搜索控制台 保持网站性能的领先地位。

调查Google AMP

加速移动页面(AMP)是Google和其他公司的一项举措,旨在使网页在移动设备上超快速加载。 通过用特殊的HTML代码包装内容,您可以优化网页,使Google可以对其进行特殊处理。 网页由Google缓存,并以精简的形式呈现,以确保其以轻快的速度交付。

AMP是您工具包的不错补充,并且许多站点都可以从采用此技术中受益。 如果您有WordPress网站,就不难开始。 安装 官方插件。 这将完成大部分设置。 您可以在以下找到更多信息 Google的准则

结论

移动设备是新的基准,新的默认值。 竭尽所能修复和完善您的移动网站,不仅在Google眼中,更重要的是,您的访问者。 移动SEO不仅涉及丰富的内容和完美无瑕的技术演示,而且还涉及创建令人垂涎的用户体验。 一旦实现了这一目标,您就可以迈向巅峰!

阅读更多: 移动SEO:最终指南»

来源