服务热线 400-660-8066

珠海网站建设
首页 站内资讯

珠海网站建设

站内资讯
珠海网站建设 / 站内资讯 / 产品资讯 / 正文

手机网站图片多该怎样优化!

来源: All文章
发布时间:2023-05-17 15:59:32

  企业在网站建设时,很多同时也做了手机端的网站,为了丰富网站的版面和内容,给网站添加了大量的图片做美化。

  网站的图片是一个网站能给用户最直观的信息表现,而对于搜索引擎而言,蜘蛛在随机抓取网站图片时候的识别能力还没有那么强。

  如果文字很少,图片很多也会给手机端网站seo优化带来一定的困难。

  不过,随着搜索引擎算法的不断成熟,现在百度也能抓取网站的图片,

  例如:网站的LOGO、以及和文章主题相关的图片等等深圳网站建设公司seo优化顾问经过长时间的观察,

  总结出了以下六种方法,协助我们优化网站和手机端的图片,以达到优化友好,迅速被录入的作用。

  一、不要盗用图片尽量原创

  尽量自己做图片,有很多免费的图片素材,我们可以通过拼接,做出我们需要的图片。

  在平时工作的时候,发现和自己网站相关的图片可以先保存下来,在本地做出分类和标记。

  网站需要图片的时候,看看相关的图片,自己着手做一个图片。这是一个长期积累的过程,随之时间的增加,自己的素材量也会越来越大。熟练了再做图片就得心应手了。

  再这里特别要注意,现在很多图片是有版权的,一点不要去使用那些有版权的图片,不然不光会侵权,还会让搜索引擎降低对你网站的信任值。

  二、网站图片保存路径

  这个问题很多站长都没有注意,图片在传到到网站的时候,尽量把图片保存在一个目录下面,

  或者根据网站栏目做好相应的图片目录,上传的时候路径要相对固定,方便蜘蛛抓取,蜘蛛在访问到这个目录的时候就会“知道”这个目录里面保存的是图片;

  图片文件命名最好使用一些有规律的或者意义的方法,可以使用时间、栏目名称或者网站名称来命名。

  例如:seo优化下面的图片可以使用“seoYH2023-6-23-36”这种命名,前面“seoYH”是seo优化的简拼,中间是时间,最后是图片的ID。

  为什么要这么做呢?

  其实这样是培养搜索引擎蜘蛛抓取习惯,方便将来更快的识别网站图片内容。让蜘蛛抓的顺心了,网站被收录的几率就增加了,何乐而不为呢!

  三、图片周围要有相关文字

  文章的开头就说了,网站图片是能把信息直接呈现给用户一个方法,搜索引擎在抓取网站内容的时候,也会检测这篇文章是否有配图、视频或者表格等等,

  这些都是可以增加文章分数值的元素,其他的几个形式暂时不表,这里我们只说说关于图片周围相关文字的介绍。

  首先图片周边文字要与图片本身内容相符,例如你的文章说的是做网站优化,里面配图是一道菜谱的图片,这不是挂羊头卖狗肉么?

  用户的访问感会极差,搜索引擎通过相关算法识别这张图片以后,也会觉得图文不符,给你差评哦。

  所以,每篇文章最少要配一张相应的图片,而且在图片的周围要出现和你网站标题相关的内容。不但能帮助搜索引擎理解图片,还可以增加文章的可读性、用户体验友好度以及相关性。

  四、图片添加alt、title标签

  许多站长在添加网站图片时可能没有留意这些细节,有的可能觉得麻烦,希望大家千万别有这种想法,这是大错特错的。

  搜索引擎抓取网站图片的时候,atl标签是它首先抓取的,也是识别图片内容最重要的核心因素之一,图片的alt属性是直接告诉搜索引擎这是啥网站图片,以及这张要表达什么意思;

  title标签是用户指向这张图片的时候,会显示的提示内容,这是增加用户体验度和增加网站关键词的一个小技巧。

  还有就是这两个属性,会给有阅读障碍的访问者提供访问的便利,例如:有盲人在访问你网站的时候,他看不到屏幕上的内容,可能是通过读屏软件来阅读的,如果有alt属性,软件会直接读出alt属性里的文字,给他们的访问提供方便。

  五、图片的大小和分辨率

  尽管两者看起来有些相同,但还是有很大的差别,相同大小的图片,分辨率更高的话,网站最终体积也会越大。这一点大家要搞清楚。

  网站的上的图片,一直以来都提倡用尽量小的图片,去最大化呈现内容。为什么要这样呢?

  因为小尺寸的图片会加载的更快,不会让访问者等待太久,特别是手机访问的时候,由于手机上网速度和流量的限制,用户更愿意访问能立即打开的页面,小尺寸图片就更有优势了。

  在这里我们尽量做好平衡,在图片不失真的情况下,尺寸最好尽量的小。

  现在有很多在线给图片瘦身的工具,各位站长可以去尝试一下,把网站的图片适当的压缩一下,一方面可以减少你服务器带宽的压力,另外还能给用户有流畅的体验。

  六、手机端自动适应

  很多站长都遇到过网站在电脑访问图片显示很正常,可是从手机端就会出现错位等等情况,这就是大尺寸的图片给不同尺寸的终端造成错位和显示不全的情况。

  图片自适应手机端

  其实这个问题很好解决,在添加图片的时候宽高最好不要使用绝对大小,使用百分比就解决了。

  具体说,CSS代码不能指定像素宽度:width:xxxpx;只能指定百分比宽度:width:xx%;或者width:auto就可以了。

  这样做的目的也是为了让百度的移动蜘蛛抓取的时候有个良好的体验,这也是为了更符合百度移动落地页体验。

  以上介绍了在网站seo优化如何抓取手机网站图片的一些技巧,其实本质就是为了给用户更好的访问体验。

  你做网站的时候本着这个目的,相信搜索引擎一定会青睐你的网站。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr