用SEO的知识来优化网页代码和图片

对于网站加载速度的严格要求一致是seo优化过程中的重点,如何提升网站加载速度,服务器,网站内容元素等都有很大的关系,本篇文章将从CSS、JS和图片三个方面进行详细的讲解。

1、图片优化  在网站优化中,有很多人都忽视了图片的优化,这样很影响Seo的效果,下面让我们来看一下有关于图片的优化:

A、在保持图片质量的情况下尽量的将图片的大小压缩;

B、Alt属性:每一个图像都有Alt属性,搜索引擎会读取该属性以便了解该图片的信息,所以应该在所有的图像上都应该有Alt属性的文本描述,供搜索引擎抓取,并带上该页面的关键字在其中,如:

C、在图片的上方或下方加上包含关键字的描述文本;

D、要选择号图片的格式,一般有Jpg、 Gif、 Png、Bmp 等,尽量的使用Jpg或Gif 的图片格式,因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前提下,图像文件尺寸却小很多。搜索引擎通常将GIF
格式的当作是标准的256色彩的图片,将JPG的当作是拥有上百万色彩的照片。

E、减少图片色彩数量,图片内的色彩数量愈多,图像的尺寸就越大。

F、取一个和文档名称相匹配的图像名称,图象名称将会出现在图表图象的搜索结果中,当搜索用户在浏览一些他们喜欢的图表图片中,这可以和用户形成沟通。

2、避免CSS表达式  HTML页面进度指示器指示,浏览器载入页面的流程是逐步从页头,导航栏,内容等,如果将CSS文件放在页面底部,将会静止许多浏览器进行渲染,这些浏览器阻止渲染将会导致页面被重绘,使用CSS文件需要将其放置在页面顶端,
并且CSS文件避免使用CSS表达式。

CSS表达式是一个强大的和危险的方式动态设置CSS属性。他们支持在Internet Explorer版本5开始,但与IE8开始弃用。作为一个例子,可以设置背景颜色交替使用CSS表达式每隔一小时:  getHours背景色:表达式((新的Date())()2%“B8D4FF#”:“#F08A00”);CSS表达式将会增加页面的一个翻译时间,延长页面的加载时间。

3、使用外部js和css文件

JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往往在效率上相差很多,有的时候仅仅是由于我们的书写习惯导致的,当然在高级点的浏览器中,它们大多都已经帮我们优化了。

对于JS代码的优化,实际上有很多的情况,有些影响是比较小的,而有些是比较严重的。

在现实世界中使用外部文件,一般会产生更快的网页,因为是由浏览器的Javascript和CSS文件缓存。Javascript和CSS在HTML文档内联得到下载的HTML文件要求的时间。这减少了所需的HTTP请求的数量,但增加了HTML文档的大小。另一方面,如果在外部浏览器的缓存文件,Javascript和CSS,HTML文档的大小没有增加HTTP请求的数量减少。

 

Comments are closed.