网站建设公司广告合作请联系站长QQ:51112717
当前位置:建站无忧网 > 建站知识 > 正文

网站打开速度直接影响用户停留

11-29 建站知识

Google为用户体验制定了宏伟的计划。在2021年5月,他们将根据新的Core Web Vitals推出新的排名信号。

但是什么才算是良好的用户体验?您为即将到来的重大变化准备好了吗?

我们都使用互联网。我们会在搜索中找到的网站进行挖掘,抛弃我们不喜欢的网站。我们中的许多人都有自己的网站,因此我们希望用户寻找到他想要的东西,然后再次回来。

当然,您不能取悦所有人。有些用户会喜欢您网站的设计,而另一些用户会喜欢的地方。

人们普遍喜欢的是一个速度快,而且运作正常的网站。这在每个网站所有者的权限范围内。

质量用户体验的技术方面包括三个方面:

  • 消除一切错误和其他不良影响;
  • 最大限度地提高网站的加载速度;
  • 使您的网站易于在任何可以访问的平台上使用。

您的网页设计师可以担心其余的事情。

用户普遍喜欢运行类似发条的网站。而这是每个站点所有者都能承受的。

一,倾向于您的技术问题

技术错误会产生多种影响,但没有一个是好的。

  • 内容(以及有价值的信息)无法正确显示;
  • 页面无法正常工作-例如,拒绝工作的按钮;
  • 您要转换的页面未在搜索中出现。

结果是减少了用户在您网站上的停留。无论您有什么目标,都与用户活跃直接相关,因此没有他们停留。一切白费。

防止这种情况的唯一方法是通过及时的技术审核。每周执行一次是最佳选择,尽管没有什么可以阻止您更频繁地执行此操作。您所需要做的就是检查报告并更正发现的所有错误。

1.索引问题

您的网站页面在搜索中的显示方式有什么问题吗?

最好的工具之一就是Google Search Console。您可以在索引>覆盖范围部分。

SEO友好的用户体验:网站打开速度直接影响用户停留

 

勾选错误,警告有效,和排除在外复选框,以及细节下面的部分将显示有关如何索引您的网站页面的所有问题。如果有任何页面引起您的兴趣,请单击细节检查他们。

通过将页面重新添加到索引或从索引中删除页面来解决问题,然后按验证修复。

SEO友好的用户体验:网站打开速度直接影响用户停留

 

可以在站点地图中完成对索引的更改。可能存在三个问题:

  • 您没有站点地图;
  • 它不起作用;
  • 过时了

 

所有这些都可以通过将最新的站点地图上传到您的站点来解决:

  • 创建您的站点地图(手动创建或使用XML-Sitemaps之类的工具);
  • 将其上传到您的网站;
  • 造访索引>网站地图Google搜索控制台中的“部分”,输入站点地图的URL,然后按提交。

如果您在其中有任何过时的站点地图提交的站点地图部分,将其删除。

 

2. Robots.txt

您的网站可能只是缺少此文件。在这种情况下,您只需要上传并确保其正常工作即可。

既然目的robots.txt是为了告诉搜索引擎他们可以或不能在您的网站上进行爬网,如果滥用此文件,很明显可以期望得到什么。打开它,查找以下问题:

  • 搜索引擎机器人无法抓取您的网站

此错误很容易引起。当所有漫游器都可以抓取您的网站时,robots.txt文件包含以下几行:

User-agent: *

Disallow:

如果后面有斜线不允许:机器人完全什么也不能做:

User-agent: *

Disallow: /

如果在目录后标有任何目录不允许: /,请确保您实际上不希望它们被抓取。否则将无法为您要在搜索中显示的网站部分编制索引。

  • 蜘蛛不应该爬网的页面和文件夹

这与上述问题相反。这意味着您要阻止的目录未在文件中表示。以以下内容开始不允许: /对于每个目录,然后重新上传文件。

  • 错别字和语法错误

不言自明。

更正所有内容后,请重新上传您的robots.txt。

 

3.重复的内容

要在您的网站上发现重复内容的问题,您需要使用Screaming Frog或DeepCrawl之类的工具。

您可能会发现以下内容:

  • 页面标题和元描述

具有相同名称和描述的不同页面会使用户感到困惑。将所有重复项更改为唯一项。

  • 从您自己的页面或其他站点复制的内容

与上述相同,最好使您的内容唯一。如果这不是一种选择,请添加一个rel =“ canonical”标签中带有原始网址的<head>页面的部分。

  • 索引中相同URL的变体

有时Google会多次索引同一页面。URL后面有参数或两者都包含时会发生http和https版本。清除所有不需要的副本,如下所示:

  • Google Search Console>旧版工具和报告> URL参数:在这里,您可以教Google忽略参数。例如,https://mysite.com?utm_source=google不会被认为与https://mysite.com。
  • 设置301从重复的URL重定向到规范的URL。

 

4.内容显示问题

网站上显示的内容也可能有问题,例如:

  • 图像损坏;
  • 锚文本损坏;
  • 损坏的JavaScript文件;
  • 链接断开(和重定向);
  • H1-H6标签损坏或丢失。

这些问题可以通过诸如WebCEO之类的SEO工具找到。只需为您的站点创建一个项目,然后在技术审核工具中对其进行扫描。

SEO友好的用户体验:网站打开速度直接影响用户停留

 

通过在相应页面上编辑HTML代码来修复这些错误。

 

5.结构化数据错误

向页面添加结构化数据可能需要大量工作。因此,当错误不仅破坏您的努力,而且破坏您的网站在搜索中的外观时,这真是一个痛苦。

使用Google免费版测试您标记的页面是否存在错误丰富的结果测试工具。

 

6. HTML,CSS和其他代码错误

当您的内容显示不正确时,通常会很容易注意到组成网页的代码中的错误。但这并非总是如此,效果可能是看不见的。

通过免费工具运行您的网站,例如W3C验证器查找所有问题(HTML,CSS,JavaScript等),然后更正有问题的页面。

 

二。最小化页面加载时间

页面加载速度是搜索引擎排名的重要因素,也是用户体验中最引人注目的方面之一。从根本上讲,页面速度意味着网站与服务器进行交互的难易程度。

您如何使它更简单?

1.最小化页面上的大小

更少的页面大小意味着更少的时间来处理所有数据。整理您的网站可能很有趣,但是所有额外的宣传可能会对您不利。例如,尝试对安装的网站主题保持挑剔。

2.尽可能合并文件

以上几点的子步骤。如果您将两个图像紧接放置在一起,则将它们拼接成一个图像。同样,多个.css文件可以合并为一个文件。

3.优化您的图像

在任何站点上都必须有高清和高质量的图片。但是,它们不得占用超过所需空间的空间。

在不牺牲质量的情况下修剪这些千字节:

  • 选择产生最小尺寸的文件格式;
  • 调整图像大小以使其不超过所需大小;
  • 使用软件或在线服务(如TinyPNG)压缩它们。

 

4.优化您的页面代码

代码优化是一项宝贵的技能,不仅在编程方面。如果您可以简化构成网站页面的代码,请执行此操作。

5.将JS脚本放在页面代码的末尾

让其他所有东西先加载。错误的JS脚本可能会阻止整个页面的加载。

6.投资优质托管

选择您能负担得起的最佳服务器或CDN。

7.使用压缩软件

例如,许多站点使用Gzip压缩文件并减小其大小多达三分之一。

8.使用延迟加载

在站点上实施时,它将推迟加载当前滚动条中未包含的元素。

9.更少的重定向

如果您修正了错误的重定向,那也将有所帮助。

有许多工具可用来衡量您网站的加载速度:

  • 内置浏览器工具,例如Chrome DevTools的Lighthouse。请注意,它们的性能可能会受到浏览器有效扩展的影响。
  • Google PageSpeed见解。
  • 付费的SEO工具。他们将衡量您的加载速度和提供增加技巧。
SEO友好的用户体验:网站打开速度直接影响用户停留

 

三,优化您的移动网站

让我们不要忘记各种平台之间的用户体验差异。PC和智能手机是在线流量的主要竞争者,几乎将两者平均分为一半。

针对这两个巨头优化您的网站也使其可以在其他类型的设备上使用,因此使您的网站易于移动就足以满足任何目标。

移动优化的要点是:

  • 页面加载时间;
  • 响应式设计;
  • 优化图像;
  • 没有阻碍内容的弹出窗口;
  • 没有不支持的内容。

我们已经介绍了如何最大程度地提高您网站的加载速度。如果您这样做了,那么您已经完成了大多数针对移动设备的技术SEO。

图像优化也是如此–除了您还需要使它们在不放大的情况下在小型移动屏幕上易于辨别。

避免不支持的内容可能很棘手,因为它需要您了解那些类型的内容。例如,多年来,Flash一直是最严重的障碍。幸运的是,Adobe计划最终将其淘汰。将来请密切关注此类新闻,以便您知道何时应该在网站上剪贴或替换某些内容。

至于响应式设计,它会自动重新排列站点元素以适合任何尺寸的屏幕,同时使它们易于查看。像这样:

SEO友好的用户体验:网站打开速度直接影响用户停留

 

如果您在制作网站时使用Bootstrap之类的框架,则会自动使其具有响应能力。或者您可以自己做。

  • 将此代码添加到<head>您网站上的部分:
<meta name = viewportcontent = width = device-width,initial-scale = 1.0”>
  • 添加最大宽度图片和视频的HTML代码中的属性。例:
<img src = photo.pngalt =“产品”  style="max-width:100%; height:auto;">
  • 将网站上的字体大小设置为大众单位:
<p style = font-size12vw” > 这里字体</ p>

将这些内容添加到您的网站后,请在实际设备上或使用类似的服务对其进行测试我反应灵敏吗?

要获得对移动UX的详细分析以及解决问题的建议,请使用类似工具的网站进行扫描WebCEO的移动优化。

SEO友好的用户体验:网站打开速度直接影响用户停留

 

后记

使网站易于使用需要深入了解受众的需求。

然后,您需要同时使站点正常运转和简化-这两个不容易协调的特征。

最后,您使用必要的工具来使您的网站像运转良好的机器一样运转。

但是,当您的用户成为常规用户时,所有这些努力都将得到回报。

版权保护: 本文由 建站无忧网 原创,转载请保留链接: https://www.tianyihui.cn/jianzhan/1075.html

网站建设公司 网站建设公司建网站公司
本站汇聚全国各地区的网站建设公司、建网站公司,让企业建站者轻松找到网络公司为你服务,建站无忧!
建站无忧网

网站建设公司推荐

建网站公司推荐

无忧建站