图片转化成网页链接的细节分享

      在网站建设中很多时候会用到专题页面,通常简单的营销页面直接通过图片切片组成一个网站链接的单页面。图片是比较符合大众的眼球,但是并不利于蜘蛛抓取,可能会影响页面再加速度。当然了,只要细节处理到位,一切都有可能。
      首先,我们一张网页图片在PS工具中切图在一个文件夹中,前提是网页图片的尺寸固定,通常PC端网页尺寸宽度1920px,移动端640px或750px。通过DW软件新建Html文件,在</head>下面插入图像,如图1:

图片转化城网页的细节
图1-图片转化成网页

      其次,将生成的固定宽度改变下图2中红框部分,将图片添加alt属性植入关键词,并且将图片样式的宽度设置成适应屏幕100%,毕竟不同的手机屏幕尺寸有所差异,通过适应终端解决细节问题。
 
图片优化转化成网站链接细节部分
图2-图片转化成网页链接的部分

      最后,直接保存该网页Html文件,和图片放在一个文件夹,前提一定是图片路径要和图片存放的位置一致,不然展现不出来。如果是多图切成就继续重复第一张图片那样的方式。在这里补充说明一下,如果需要给部分图片添加链接跳转,需要一串代码如图3中,红框部分是图片存放位置的路径;蓝框部分是跳转链接存放的位置,这里如果是PC端建议在新页面打开添加一个target="_blank"标签即可。
 
图片转化成网页中图片跳转
图3-图片转化成网页图片跳转
 
      综上所述,在宜昌网站建设实战中,图片在单页面中的占比还是 比较多,做好细节处理一样可以获得很好的页面权重,尤其是在专题页中的力量不可小觑。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.yichangseo.com/jianshe/26.html