Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments

保姆级UX教程:6步教你如何提升网站用户体验(2024排名规则)

网站UX设计,全称为User Experience用户体验设计。从2020年开始,我们可以发现Google排名算法,越来越倾向用户对于网站的使用感受。无独有偶,谷歌SEO从最原始初级On-Page优化,逐渐转向全面且深入的用户体验优化。这对于网站运营人来说,无疑是一种综合能力的考验。因此,今天我将结合之前接手的实操案例,为大家整理2024年,甚至以后相当长的时间里,外贸网站6大核心UX问题:User Engagement设计符合要求吗?
网站导航具备指示性吗?
你的网站是否满足Mobile Friendly?
LCP以及FID动态加载速度是多少?
标题和描述是否在SERP上足够吸引人?
页面内容是否符合EEAT排名要求?

接下来,我会带着大家一起分析这些难题,并且演示我是如何一步一步解决它们。一起出发~

#01. User Engagement设计符合要求
用户参与度(user engagement)最能反映一个页面质量好坏。我们通常会使用GA数据,对用户浏览行为开始评测。
如果一个页面,用户参与度极低,甚至后者没有任何行为就跳出,证明这个页面存在UX设计缺陷,对应排名效果表现,一定不尽人意。
那么,如何提升页面用户参与度呢?
1.1 增加cta点击按钮
最常见也是我最常用的方法,就是在页面核心内容区域,添加引导转化的按钮。当然,前提一定是内容足够精彩,并能引起用户点击兴趣。关于按钮设置,我建议你可以:
页面首屏banner处添加按钮;
精致的图片或者视频旁设置按钮;
按钮样式和跳转路径多样化;

点击按钮,选择在页面顶部的banner添加,是因为首屏用户参与度更高。而当用户看到高质量图片时,也会产生愉悦情绪,从而促使点击转化。

最后一点,之所以强调按钮样式和调整路径,完全是为了让整个网站结构,四通八达。这样对于SEO排名更加友好。1.2 让用户留评或者参与测评
这种策略,主要应用在产品详情页文章页面。通过引导用户写出评价,从而影响Google对于产品和页面质量判断。
然而,我在今年9月份对接的AI项目中,使用了另外一种提升用户参与度的方法:让用户作为体验官,对页面内容进行打分。
我在页面底部,额外增加分享和打分模块。网站后台收到用户反馈时,可以第一时间优化页面内容,不断提升用户满意度。
1.3 引导用户订阅或者注册
侧边栏或者网站底部,配置跟随滑动的Newsletter或者Sign Up模块,就会增加访问者的留存率,变相提高转化效果。
大多数网站,核心运营数据指标,除了流量和订单转化率以外,还希望可以一次性收集:
用户(订阅者)邮箱便于邮件营销;注册用户(潜在意向客户)数量;

这些数据一般用来,维护项目继续发展和新一轮的融资。所以,外观上具有点击欲望的订阅以及注册功能,对于提升用户参与度,极其重要。

#02. 网站Menu导航具备指示性
在一个没有清晰导航栏的网站,找到任何你想要的东西,非常困难。这就是为什么要确保导航菜单,不仅存在而且对访问者有意义。
对于老客户而言,导航菜单所具备的指示性,远没有新用户要求那么严苛。所以,关于导航菜单,我们明确几个细节:
用户清楚地知道,目前所停留的页面?
导航是否可以指向,最重要的产品?
存在不必要的导航或者广告链接?
访问者遇到问题时,能否快速联系我们?

如果以上这几个问题,在网站UX设计之初,不去深入研究。很难保证最终上线,会有不错的页面访问深度和在线会话时间。

从第一步起,我们可能就已经被用户淘汰,点击就更无从谈起了。我在《完美集成【WordPress+Elementor+Wooc】设计独立站代码》中,为大家详细讲解:我如何使用Elementor创建超级菜单。

#03. 网站是否满足Mobile Friendly
目前,全球有超过59%的人,通过移动设备浏览网页。这意味着,大量商机将来自于手机端。
此外,根据2016年Google用户行为数据显示,全球近60%的谷歌搜索,发生在手机上。2018年之后,谷歌排名算法,更是将手机端自适应效果,作为是否将网站优先展现的判别标准。
那么,如何查询自己的网站,是否满足Mobile Friendly要求呢?
3.1 Google Search Console
关于网站内容和页面问题,我个人觉得,最好的检查工具就是Search Console,且没有之一。不但如此,它对于手机端效果评估,也是非常详尽。
它不但反馈出哪些页面存在问题,而且会给出具体可操作性的修改方案。这些常见问题包括:
响应设计缺陷(无法适应不同屏幕尺寸和设备);
视频或图片不可用或者不显示;
移动导航不清晰或者不识别;
字体太小影响阅读体验;
移动端LCP动态加载时间大于2.5s;

幸运的是,这些问题在Search Console中都能找到解决办法。它不但能正确指出,问题发生的页面位置,同时给出技术层面的修复意见。关于Search Console更多使用方法讲解,请参考我的另外一篇文章《轻松上手 | Google Search Console配置与使用权威指南》。3.2 SE Ranking与Search Console谷歌工具相比,SE Ranking在数据展现形式上,更加华丽且维度清晰。它更像一个综合体,在网站分析、排名分析以及内容SEO优化方面,完全不亚于Semrush等一众好手。我通常使用SE Ranking+Search Console,确定网站手机端,是否存在一系列问题。比对两者,共同检测出来的隐患,方便我一次性从根本上解决。综上所述,Mobile Friendly Issues应该受到绝对重视。任何一个网站,无论域名新旧,一旦用户体验出现错误,哪怕不多,也会影响最终排名。
#04. LCP以及FID动态加载速度是多少?2024谷歌统计数据指出:73%的手机访问者,会离开3秒以上加载时间的网站。此外,亚马逊发现:平均100毫秒的降速访问,就会让他们损失1%的销售额。幸运的是,谷歌自有网站速度检测工具:PageSpeed Insights。通过网站JS和CSS技术优化,在很大程度上,助力LCP和FID加载速度进一步提升。
4.1 什么是LCP加载
LCP加载,即为最大内容元素加载时间。在LCP之前有另外一个指标FCP。它只针对网站中第一个元素载入。但如果只看第一元素,对使用者来说,仍然看不到重要的内容。因此,Google另起炉灶,发布并制定了LCP指标。
不同的是,LCP更加注重页面中最大元素的载入速度。而Google是怎么判定最大元素呢?
当页面载入时,Google会去抓取页面可视范围中最大的元素,并会随时针对可视范围中的内容改变,不断调整抓取方式,直到页面完全载入。
4.2 如何优化LCP加载
通常LCP动态加载,可以让自己公司技术人员,针对以下这些技术要求合理优化:
针对服务器带宽进行优化
使用较近的CDN服务
允许第三方资源(媒体或者外链)提早载入
排除禁止转译的资源
降低JavaScript阻碍时间
降低CSS阻碍时间
图片大小优化
将文字PDF进行压缩
使用Service Worker服务
避免使用客户端渲染(CSR)

如果不得不使用CSR,建议优化JavaScript,避免渲染时占用太多资源。并且尽量在服务器端完成页面渲染,让用户端直接拿到已渲染好的内容。

4.3 什么是FID加载FID加载,也叫首次输入延迟时间总计,也可理解为开始互动时,所产生的加载耗时。首次输入,与页面上的响应元件息息相关。这些响应元件,包括链接、按钮或是跳出式元素 (pop-up)。
输入延迟,通常发生于浏览器的主执行序过度繁忙,而导致页面内容无法正确地与使用者交互。
4.4 如何优化FID加载
常见的FID优化,主要针对于访问请求和动态加载。我们既要保证,尽量减少无效JavaScript,同时保证服务器面对请求的反馈机制。主要优化方法:
减少JavaScript运作的时间
降低网站的Request数并降低档案大小
减少主执行序的工作
降低第三方程式码的影响

其实与LCP在很多方面,都可以实现完全化一劳永逸。换句话说,如果技术人员能够处理好LCP加载,那么修复FID的问题,便不在话下。

#05. 标题和描述在SERP上足够吸引人?
网站上的每个页面,都有一个独特的元标题和描述。它们将出现在谷歌搜索结果中。标准的SEO建议,往往告诉你优化这些标签:
在标题标签中包含目标关键字
在Description标签中包含目标关键字

然而,这只是服务于基础的优化工作。除了HTML标签应该体现关键词之外,我们还要求标题和描述标签,应该写得足够精彩。

谷歌SERP中,关于这两个标签建议:在向用户明确解释页面内容的同时,应该尽量保证信息正确性和可读性。英文写作以及内容架构SEO提升,请参阅:
《运营漫聊 | 英文写作中我最常用的句式结构》
《我常用5大写作技巧:如何想出令人拍案叫绝的产品描述》
《外贸运营面对面 | 我是如何开始英文写作之路的?》
《流量秘籍 | 独立站SEO优质文章排名解析(2024框架版)》

我个人习惯使用Yoast SEO插件,编写并且同步优化标题与描述标签。它会给出关键词建议,同时以图像形式说明,标题和描述字数长度达到多少最好。

关于如何使用Yoast插件,高效优化网站页面,请参考文章:
《WordPress技术 | 如何运用Yoast快速提高网站页面SEO得分》
《WordPress技术 | 如何运用Yoast快速提高页面Readability得分》

#06. 页面内容是否符合EEAT排名要求?
上述5点,其实都是从运营或者技术层面,讲解如何改善用户体验。然而,客户是否选择信赖一个网站,归根结底,还是要靠内容质量取胜。
谷歌在衡量内容质量时,遵照一个不变的原则:E-E-A-T内容公式。它们来自于4个单词缩写:
Experience(真实性)
Expertise(专业度)
Authoritativeness(权威性)
Trustworthiness(可信度)

这几个标准,意在说明一件事情:高质量的内容,应该是真实发生或者亲身感受,并且在阐明内容观点时,有据可依。

我曾在《深度优化:AI-generated内容检测与谷歌排名算法解析》的最后部分,结合自己的运营经验,总结了一些如何才能满足EEAT的方法。更多E-E-A-T在文章优化中,具体如何操作和使用,我做成了PDF文档。实操课程付费学员,已免费同步。其他如有需要,可以付费领取。
写在最后网站用户体验设计,决定了网站排名以及On-Page SEO优化效果。过程中很多细节,都需要分外重视。绝非随便买一套建站模板,潦草上线那么简单。无论排版细节、加载速度还是页面内容质量,都要仔细分析研究。用心做出来的东西,总比那些用模具批量加工出来的产品,更加突显智慧,也更有价值!
如果你想了解更多,如何持续提升网站UX设计体验小妙招。或者你有好的创意和经验,欢迎在评论区,大胆分享!更多网站运营问题,请联系作者:

Add a comment Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post

流量秘籍 | 独立站SEO优质文章排名解析(2024框架版)

Next Post

暴涨189%:60天内,我如何让AI独立站获取20K/月Google自然流量