网站建设图片如何优化有利于搜索引擎抓取和用户体验?

发布者:ruimei88    发布时间:2018-05-04 10:03:56&    人气:

  图片的优化是网站建设中的一个特殊的问题,优化网站图片需要考虑的是两个方面,一个的搜索引擎,另一个就是网站访客,所以对于网上说的只需要给图片加标签的说法,本人并不是完全认同。所以,对于网站建设中图片的优化处理,本人有不同的见解。成都网站建设锐美网络为大家来详细讲述一下网站建设图片如何优化这个看起来小却不小的问题。


网站建设图片如何优化

  首先,我们讲图片优化的搜索引擎识别


  图片识别是图片优化的重要部分,因为图片的内容,搜索引擎很难鉴别,主要是通过图片的alt标签来实现,因此在网站建设中需要把需要给搜索引擎抓取的图片添加alt标签;在网页内容中,如后台编辑器里面,需要编辑者手动添加alt标签。当然您没有必要给每张图片都加上alt属性,尤其是那些小于75px的装饰图片。


  除了图片的alt标签以外还要注意的就是在代码中药注意backgroud属性的使用,图片如果使用这个属性,搜索引擎是不会抓取该图片的,主要用于背景图片,网站中不重要的装饰图片可以使用css写到样式表里面,不让搜索引擎抓取。而那些具有一定价值的图片,如banner则需要想办法让搜索引擎识别并抓取。


  第二,我们讨论图片优化的用户体验问题


  (1)注意图片大小的处理,加快图片加载速度


  如果您发现网站的图片是从上至下缓慢加载的,那么这至少说明一个问题,网页的图片太大了。图片过大的危害是用户需要漫长的等待,才能够看到网站图片的内容。我们需要做的就是对图片进行压缩处理,一般认为一张600px*400px的图片,最大不超过50kb,1920px*600px的图片不大于500kb。压缩过程使用PS工具就可以实现,不过需要注意的是图片压缩是保证图片清晰度的前提下进行压缩的,否则图片不清晰,用户体验一样差。


  (2)手机端图片大小的处理


  可能平时我们都使用电脑,并没有注意手机网站。问题在哪里呢?实际上还是图片大小的问题。图片大小有两个概念,一个是显示大小,一个是存储大小。手机上显示的图片虽然小,但是他可能是和PC端的图片大小是同一张,那么PC网页的大小和手机网页的大小差距就一样了,可能的情况就是PC打开快速,而手机打开缓慢,这个问题尤其在那些所谓的响应式网站中特别严重。因此,对于那些手机PC同后台的网站,都需要对图片进行技术处理,实现手机端PC端图片大小不一样,从而减少手机页面的大小,加快手机网站的打开速度。



  (3)网站建设中水印的处理


  我们在网站上的图片,为了防止盗图,我们可能都会给图片添加水印。不过,您是否见过很多人把水印添加到产品图片中央,或者整张图满满的水印呢?这样的用户体验真的好?因此,我们建议,在图片添加水印中还是使用规范化的水印添加,比如做一个统一大小的水印模板,处理图片的时候将其用上,把水印做到图片的角落位置,推荐左下角,站外引用时,某些网站会在右下角添加水印,添加在左下角可以避免覆盖,看起来更舒服。


  还有一种给图片添加水印的方式,可能成本会有那么一点,那就是把logo做到产品上,咋们直接拍出产品上的logo,这样的方式可能会让访客感觉更真实。要是产品没有logo呢?你完全可以制作一块专门用于拍照的牌子,和产品放在一起,效果也一样。其他的,比如校服、公司标识,公司领导人,诸如此类,其实都是隐藏“水印”,别人一般是不会盗你图的。


  (4)注意图片的存储格式


  图片的存储格式我并不是说什么jpg,什么png的。我只是告诉您,您有没有发现某些网站的图片是从上至下加载的,而某些网站的图片是直接显示完整的,只是先模糊,然后逐渐清晰。这就是图片存储格式中渐进式存储(连续)和优化的差异。图片保存格式为优化,当网页加载缓慢时就会出现从上至下的加载情况,而渐进式加载是直接显示完整的图片,从模糊然后变清晰。一般认为渐进式存储,用户体验更理想些,不过渐进式存储对于IE浏览器支持不好,会出现空白的情况。不过在当今大多数浏览器都支持H5的情况下,采用渐进式存储应当是主流。


QQ截图20180323114147.jpg


  关于图片处理,本人就讲述到这里,那么平时在网页中添加图片多大比较好呢?建议大小宽度400px-600px,宽高比4:3比较好,添加编辑图片是一定要添加alt标签,一定要添加alt标签,一定要添加alt标签,你问我怎么写标签?图片是什么您就写什么就可以了啊。


  本文由锐美网络成都网站建设公司原创(https://www.ruimei8.com/News/houtai/418.html),未经允许,禁止转载。


推荐阅读RELATED

锐美网络网站制作后台操作指南(客户必读)

DATE:2018-04-20

锐美网络网站制作后台操作说明使用于成都锐美网络企业网站建设内容管理系统(CMS),适用于锐美网络开发的定制型企业网站与营销型网站,其他非定制企业网站或其他商城级平台管理系统,不适合于此后台操作指南。

怎么让搜索结果中显示logo图标,如何在网页快照的出现网站缩略图?

DATE:2018-05-09

很多企业在网络中搜索的时候,总是看到别人的网站能显示logo图标,或者是出现网站的缩略图。这样可以使企业的网站看起来更正规,更醒目。但是大多数没有经验的站长都不知道这些logo图标,和缩率图是如何实现让网页快照抓取的。因此,成都网站制作公司锐美网络来告诉大家如何实现搜索快照出现企业的logo图标或者缩率图。

网站建设图片如何优化有利于搜索引擎抓取和用户体验?

DATE:2018-05-04

图片的优化是网站建设中的一个特殊的问题,优化网站图片需要考虑的是两个方面,一个的搜索引擎,另一个就是网站访客,所以对于网上说的只需要给图片加标签的说法,本人并不是完全认同。所以,对于网站建设中图片的优化处理,本人有不同的见解。成都网站建设锐美网络为大家来详细讲述一下网站建设图片如何优化这个看起来小却不小的问题。

如何写好网站首页标题?网站首页标题有利于排名的正确写法

DATE:2018-04-28

写网站首页标题大家都非常重视,因为网站首页标题往往是企业网站中最重要的部分,有的网站的流量主要就是依靠网站首页来。网站首页即是最重要的,也是收录最快的,也是最容易获取排名的页面。成都网站建设锐美网络的网站交付以后,很多企业的管理员都需要尽快的写好标题,但是又不知道如何去书写,网络上很多资料说法鱼龙混杂,也不知道谁的可信,那么今天我们就来探讨网站首页标题的书写方法,编写一个专业的网站标题。

【重要】系统参数信息如何设置?

DATE:2018-04-28

今天要给大家说的就是如何设置网站后台的系统参数信息,这个对于每家企业来说都非常重要,而且这并非一个小知识,他的重要性干扰着企业网站的正常运行。那么我们现在就来看看锐美企业网站后台系统参数信息应该如何设置。

如何修改锐美网站后台的认证码?

DATE:2018-04-26

锐美企业网站后台的认证码是网站后台的安全防御措施中的一种,企业网站建设完成以后往往可能并不喜欢成都网站建设公司默认设置的后台登录认证码,那么本文就来教大家如何修改这个后台认证码,提升网站后台的安全程度。

后台文章发布无需反复刷新的解决办法

DATE:2018-04-25

成都网站建设锐美网络的网站后台很多客户都有这样的一个问题,那就是文章发布以后需要去到网站更新页面选择刷新首页、选择刷新栏目页、选择刷新内容页,这样才能更新网站的内容,每发布一篇文章就要刷新一次,反复的刷新让后台编辑管理很烦躁,能否解决这个问题呢?其实办法是有的,我们只需要在栏目页面设置发布时自动生成首页、栏目页、内容页就可以妥善解决这个问题。

【重要】后台密码修改及账户初始化

DATE:2018-04-25

客户在交接完成锐美网络提供的定制网站以后,请尽快对网站的账号密码进行修改调整,避免网站信息泄露及网站安全问题,这些操作包括修改网站的FTP账号密码,网站的域名解析账号密码,当然还有自己网站的后台账号密码。当然这些我们后面都会逐步讲到。今天我们先来说一下初始化网站的后台账户,先解决网站的安全问题。

认识锐美网络企业网站后台界面!

DATE:2018-04-25

拿到成都网站建设锐美网络定制网站的时候,要知道如何操作使用,首先还是要熟悉一下我们网站的后台界面及功能结构,有利于企业网站管理人员快速操作和使用本网站的各种功能。