欢迎来到天天文库
浏览记录
ID:9061930
大小:29.00 KB
页数:2页
时间:2018-04-16
《用seo的知识来优化网页代码和图片》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、用SEO的知识来优化网页代码和图片 对于网站加载速度的严格要求一致是seo优化过程中的重点,如何提升网站加载速度,服务器,网站内容元素等都有很大的关系,本篇文章将从CSS、JS和图片三个方面进行详细的讲解。 1、图片优化 在网站优化中,有很多人都忽视了图片的优化,这样很影响Seo的效果,下面让我们来看一下有关于图片的优化: A、在保持图片质量的情况下尽量的将图片的大小压缩; B、Alt属性:每一个图像都有Alt属性,搜索引擎会读取该属性以便了解该图片的信息,所以应该在所有的图像上都应该有Alt属性的文本描述,供搜索引擎抓取,并带上该页面的关键字在其中,如: C、在图
2、片的上方或下方加上包含关键字的描述文本; D、要选择号图片的格式,一般有Jpg、Gif、Png、Bmp等,尽量的使用Jpg或Gif的图片格式,因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前提下,图像文件尺寸却小很多。搜索引擎通常将GIF格式的当作是标准的256色彩的图片,将JPG的当作是拥有上百万色彩的照片。 E、减少图片色彩数量,图片内的色彩数量愈多,图像的尺寸就越大。 F、取一个和文档名称相匹配的图像名称,图象名称将会出现在图表图象的搜索结果中,当搜索用户在浏览一些他们喜欢的图表图片中,这可以和用户形成沟通。2、避免CSS表达式 HTML页
3、面进度指示器指示,浏览器载入页面的流程是逐步从页头,导航栏,内容等,如果将CSS文件放在页面底部,将会静止许多浏览器进行渲染,这些浏览器阻止渲染将会导致页面被重绘,使用CSS文件需要将其放置在页面顶端,并且CSS文件避免使用CSS表达式。 CSS表达式是一个强大的和危险的方式动态设置CSS属性。他们支持在InternetExplorer版本5开始,但与IE8开始弃用。作为一个例子,可以设置背景颜色交替使用CSS表达式每隔一小时: getHours背景色:表达式((新的Date())()2%“B8D4FF#”:“#F08A00”);CSS表达式将会增加页面的一个翻译时间,延长
4、页面的加载时间。3、使用外部js和css文件 JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往往在效率上相差很多,有的时候仅仅是由于我们的书写习惯导致的,当然在高级点的浏览器中,它们大多都已经帮我们优化了。 对于JS代码的优化,实际上有很多的情况,有些影响是比较小的,而有些是比较严重的。 在现实世界中使用外部文件,一般会产生更快的网页,因为是由浏览器的Javascript和CSS文件缓存。Javascript和CSS在HTML文档内联得到下载的HTML文件要求的时间。这减少了所需的HTTP请求的数量,但增加了HTML文档的大小。另一方
5、面,如果在外部浏览器的缓存文件,Javascript和CSS,HTML文档的大小没有增加HTTP请求的数量减少。(本文来源于珠海泛圈网络:http://www.zh-fq.com/)
此文档下载收益归作者所有