发布时间:2022-11-03 05:11 作者:废物老年人
虽然seo更多的是关于操作,外链关键字的分布是一个沉重而长期的项目,但作为网站建设者,我们也有一些值得注意的地方,以及帮助seo,下面是从前端的角度来优化网站。
提高页面加载速度。CSS可以用来解决不使用背景图像的问题,也可以尝试压缩背景图像的大小,可以在一张图片上放置几个图标,使用背景位置来找到所需的图像位置。它可以减少HTTP请求的数量,提高网页的加载速度。
结构、性能和行为的分离。降低网页加载速度的另一个重要原因是在HTML页面上堆叠CSS和JS。每次我看到有人直接在页面上写CSS和JS,我都很难过。外部链接的方式可以大大加快网页的加载速度,CSS文件可以放在头上,JS文件可以放在正文的底部,然后加载JS文件而不影响阅读。
优化网站的层次结构。为了引导蜘蛛,需要在每个内部页面添加面包屑,这样蜘蛛就不会在进入页面后丢失。如果条件允许,单独添加一个站点地图页面,并在蜘蛛面前一目了然地显示网站的结构,这更有利于蜘蛛掌握信息。
集中网站权重。由于蜘蛛分配给每个页面的权重是确定的,并且这些权重将平均分配给每个链接,为了集中网站的权重,我们可以使用“rel=nofollow”属性,告诉蜘蛛可以将权重分配给其他链接而不必抓取目标页面。
文本强调标签的使用。当强调需要用粗体表示关键字时,选择强标记比使用B标记更重要。
标签的标题属性的使用。在不影响页面功能的情况下,我们可以尝试在标签中添加标题属性,这样更有利于蜘蛛爬行信息。
对图像使用alt属性。此属性可以在无法加载图片时在页面上显示相关的文本信息,效果相同。
使用H标签。主要是h1标签的使用需要特别注意,因为它有自己的权重,一个页面有并且只能有一个h1标签,放在页面重要的标题上,比如首页的logo可以加h1标签。
精简码
清除网页中的一些冗余代码,网页上有工具,可以帮助完成。如果需要,我们可以删除代码中的注释,甚至是空行等等,以小化代码量,从而减小页面的大小。
图片合并
一般来说,它是图像合并,可以将网站上的一些常见的小图片合并成一张图片,然后使用CSS技术调用图片的不同部分。这可以大大减少HTTP请求量,当页面加载时,速度快得多,现在很多大中型网站都在使用这种前端加速技术,效果也很好。
指定图片的宽度和高度
这也很容易被许多人忽视。在页面中,请为每个图片指定宽度属性和高度属性。加载页面后,浏览器将提前预留一个固定位置。图片下面的代码可以继续下载而不需要等待,这提高了并行下载的速度和页面加载的速度。
启用Keep-Alive属性
活下去可以理解为一种长期的联系。在启用Keep-Alive属性之前,在执行HTTP请求后,浏览器请求到服务器的连接将立即断开。当启用concement的keep-alive属性时,连接可以保持一段时间,从而提高页面加载速度。
使用浏览器缓存
缓存技术可以用来加速页面的加载,并为不经常更改的文件设置相对较长的过期时间,这样当用户访问网站时,他会在浏览器中留下缓存。当他下一次请求时,留在缓存中的组件将不再需要向服务器发送HTTP请求,这会降低浏览器向网站发出HTTP请求的能力。服务器发送的HTTP请求数提高了页面加载速度,这在一些图片较多的网站中非常明显。我们应该善于使用缓存技术。
启用gzip压缩
大中型网站基本上支持gzip压缩。如果使用虚拟主机,可以让服务提供商为您启用它。如果您有一个服务器,那么您自己启用它是非常简单的。为什么gzip压缩速度会加快?因为当gzip被启用时网站服务器在向您传输数据之前被压缩。将数据传输到浏览器时,会再次进行解压,以便在浏览器上正常显示,压缩率可以达到很高的水平,效果非常好。一般来说,启用压缩后,搜索引擎对网站的爬行也会增加。
在前端速度优化方面还有很多工作要做,比如大公司启用的cdn加速、图像的无损压缩、使用一些专业工具压缩css、js文件、在网页头部声明字符集、小化重定向、指定后修改的或etag头等。当然,所有这些都涉及到一些技术。页面前端优化是一个系统工程,需要技术、SEO、操作和维护才能完成,但投资是值得的。