一站传媒领先的互联网解决方案提供商!

客服手机/微信 : 14715991665

主页 > 怎么让搜索收录?做图片收录外包公司 >

微信14715991665
扫描添加微信

30秒获取报价:

浅谈我是如何将多图片文章优化到极致网站

关于如何将网站图片优化到极致的问题已经又在详细的介绍过,包括做图片懒加载优化,也讨论过当网站SEO优化与用户体验发生冲突时该如何选择的问题,所以今天就以我的泪雪网的实战优化经历来简单的分享,利用懒加载与图片压缩及自动裁剪提升网站加载速度和性能优化。

需求分析

首先来谈谈为什么泪雪网为什么迫切的需要将网站的图片优化做到极致,这个就不得不从泪雪网的定位和内容方向来思考,泪雪网目前专注于探索科技生活方式,致力于做电子产品或科技数码类的酷品分享及测评体验,其中文章中就无法避免出现较多的图片内容,了解一个产品最直观的就是图文方式,所以在很多的文章创作中我们都会在文章中适配大量的图片内容,有的是直接插入,有的就会使用相册图集功能进行插入,提升并达到文章的优质阅读体验和效果展示。

目前泪雪网虽然使用的是云服务器,但是为了降低服务器成本支出,其配置为2G、1核、2M,属于入门型配置,但是服务器放置了泪雪旗下的所有网站,包括,所以一天下来整个服务器都还是非常紧张的,其中最重要的是因为泪雪网拥有大量的图片直接放置在服务器,并未使用像七牛云、又拍云这类的第三方服务,虽然这两个都提供一些免费的流量,但是对于我们泪雪网来说可能就够用一两天吧,而目前泪雪网的盈利模式并不明显,所以不可能在服务器上做过大的投资,所以最后选择在服务器和网站上做深度的优化,依旧可以让网站非常流畅的运营。

图片优化方案

针对于网站整体的图片优化,必要的图片出现就是LOGO图片、首页大图、文章缩略图、编辑作者头像图片,整个页面上下左右基本都会有图片的显示位置,其中最多的就是文章的缩略图展现,有利于视觉冲击和吸引点击,下面就详细的来分析一下泪雪网的图片优化方案和步骤。

图片本身的优化处理

泪雪网的各个页面中都会大量的出现文章缩略图,所以这些图片并不能直接调用原图片使用,所以这些缩略图都是经过合适大小的裁剪、质量压缩后再进行网站中的实际使用,不然直接引用原图可能一张图片就是几百字节或者一两兆的大小,并且图片也会被css控制变形,不仅仅占用网络带宽还影响用户体验和整体网站效果。由于泪雪网对图片的处理用了一些特色的方式方法,所以并不是很方便透露。

不过大家对于图片的优化和处理可以通过服务器安装图片处理组件实现,同样也可以使用像七牛、又拍等第三方服务,甚至可以用一些开源的第三方库,如WordPress开发者喜欢使用的timthumb.php来做图片的缩略图处理。

图片懒加载优化处理

泪雪网的首页就个人审美来看,算是非常不错的布局和结构化展现了,并没有想传统的门户布局,把内容堆得过于繁多,因为泪雪网目前的更新力度并不是非常大 www.seyyjy.com 少儿英语加盟排行榜 所以整体的页面设计偏向于博客或者自媒体风格,这样的目的就是为了便于用户能够最直观的看到最新更新已经我们置顶推荐的四篇文章。

所以首页顶部的图片主要是有这四张置顶文章的缩略图,在之前“网站该如何做好首屏的打开加载速度优化?”的文章中就说到过关于网站首屏的优化,所以为了保证网站首屏的加载效果和速度,所以顶部的LOGO和这四篇推荐文章并没有做懒加载。

其中图片优化的重点就是具体的左侧文章列表和侧边栏的文章缩略图,所有的都做了图片的懒加载。以此来达到网站打开时将服务器带宽都给予了首屏页面的载入,减少了服务器带宽资源的浪费。

由于泪雪网的分类页面和标签页面主要内容都与首页文章列表一致,所以就不用过多的介绍,同样做得是懒加载,就没有其它什么好说的了,下面必须针对文章内多图片优化详细的分析一下。

文章内容多图片优化方案

终于说到今天的重中之重了,前面的内容其实都算是为了本文的完整性而简单写的,而且大多数网站对于上面说得也都能非常容易的做到,而对于文章内的多图片或者有大量图片的优化却做得不是非常到位,来看看是怎样的一个优化思路吧!

作为一个专业的SEOer,我们要做图片的优化,自然离不开对搜索引擎方面的研究,看过前面写的“解析网站该如何做好搜索引擎结果缩略图优化”文章就应该知道,搜索引擎是会自动抓取文章中的图片来适配搜索结果页面的缩略图,所以对于文章中的图片优化就不能全部做懒加载。

通过对搜索引擎的观察不难发现,普通文章的搜索展现结果有三种可能,一种是有缩略图,一种是单张缩略图,还有一种就是四张缩略图或者三张缩略图的显示结果,单张缩略图搜索结果为最常见的,多张图片展示的搜索结果在三大搜索引擎中都比较少。

所以为了保证搜索引擎蜘蛛抓取到足够的图片,我们将泪雪网的第5张图片开始做的懒加载,减少了某些文章一次性载入过多的图片导致页面很难加载完成的问题,也不影响搜索引擎的正常抓取。

另外还有一点的是,文章中的图片还可以做一个优化,虽然恨得文章内容图片都做了自适应,但是不排除有些图片确实过大,为了防止文章中插入一些像素过大的图片流量费带宽和网络,所以还可以判断图片宽度超过多少像素后自动裁剪,尽可能的做到了图片方面的深度优化和网站的整体打开速度。


关键词:
发布时间:2020-03-10
来源:一站传媒
责任编辑:李伍

怎么让搜索收录?做图片收录外包公司最新动态

查看更多动态

提交您的电话,免费赠送一年维护及关键词排名

  • 联系人*
  • 手机号*
  • Copyright 2008-2023 一站传媒 One station media 严禁抄袭镜像本站 违者依法追究责任! 粤ICP备14083186号-3

    广东省 广州市 深圳市 珠海市 汕头市 佛山市 韶关市 湛江市 肇庆市 江门市 茂名市 惠州市 梅州市 汕尾市 河源市 阳江市 清远市 东莞市 中山市 潮州市 揭阳市 云浮市 河南省 郑州市 洛阳市 焦作市 商丘市 信阳市 周口市 鹤壁市 安阳市 濮阳市 驻马店市 南阳市 开封市 漯河市 许昌市 新乡市 济源市 灵宝市 偃师市 邓州市 登封市 三门峡市 新郑市 禹州市 巩义市 永城市 长葛市 义马市 林州市 项城市 汝州市 荥阳市 平顶山市 卫辉市 辉县市 舞钢市 新密市 孟州市 沁阳市 安徽省 合肥市 亳州市 芜湖市 马鞍山市 池州市 黄山市 滁州市 安庆市 淮南市 淮北市 蚌埠市 宿州市 宣城市 六安市 阜阳市 铜陵市 明光市 天长市 宁国市 界首市 桐城市 潜山市 福建省 福州市 厦门市 泉州市 漳州市 南平市 三明市 龙岩市 莆田市 宁德市 龙海市 建瓯市 武夷山市 长乐市 福清市 晋江市 南安市 福安市 邵武市 石狮市 福鼎市 建阳市 漳平市 永安市 甘肃省 兰州市 白银市 武威市 金昌市 平凉市 张掖市 嘉峪关市 酒泉市 庆阳市 定西市 陇南市 天水市 玉门市 临夏市 合作市 敦煌市 甘南州 贵州省 贵阳市 安顺市 遵义市 六盘水市 兴义市 都匀市 凯里市 毕节市 清镇市 铜仁市 赤水市 仁怀市 福泉市 海南省 海口市 三亚市 万宁市 文昌市 儋州市 琼海市 东方市 五指山市 河北省 石家庄市 保定市 唐山市 邯郸市 邢台市 沧州市 衡水市 廊坊市 承德市 迁安市 鹿泉市 秦皇岛市 南宫市 任丘市 叶城市 辛集市 涿州市 定州市 晋州市 霸州市 黄骅市 遵化市 张家口市 沙河市 三河市 冀州市 武安市 河间市 深州市 新乐市 泊头市 安国市 双滦区 高碑店市 黑龙江省 哈尔滨市 伊春市 牡丹江市 大庆市 鸡西市 鹤岗市 绥化市 齐齐哈尔市 黑河市 富锦市 虎林市 密山市 佳木斯市 双鸭山市 海林市 铁力市 北安市 五大连池市 阿城市 尚志市 五常市 安达市 七台河市 绥芬河市 双城市 海伦市 宁安市 讷河市 穆棱市 同江市 肇东市 湖北省 武汉市 荆门市 咸宁市 襄阳市 荆州市 黄石市 宜昌市 随州市 鄂州市 孝感市 黄冈市 十堰市 枣阳市 老河口市 恩施市 仙桃市 天门市 钟祥市 潜江市 麻城市 洪湖市 汉川市 赤壁市 松滋市 丹江口市 武穴市 广水市 石首市大冶市 枝江市 应城市 宜城市 当阳市 安陆市 宜都市 利川市 吉林省 长春市 吉林市 通化市 白城市 四平市 辽源市 松原市 白山市 集安市 梅河口市 双辽市 延吉市 九台市 桦甸市 榆树市 蛟河市 磐石市 大安市 德惠市 洮南市 龙井市 珲春市 公主岭市 图们市 舒兰市 和龙市 临江市 敦化市 江苏省 南京市 无锡市 常州市 扬州市 徐州市 苏州市 连云港市 盐城市 淮安市 宿迁市 镇江市 南通市 泰州市 兴化市 东台市 常熟市 江阴市 张家港市 通州市 宜兴市 邳州市 海门市 溧阳市 泰兴市 如皋市 昆山市 启东市 江都市 丹阳市 吴江市 靖江市 扬中市 新沂市 仪征市 太仓市 姜堰市 高邮市 金坛市 句容市 灌南县 海安市 江西省 南昌市 赣州市 上饶市 宜春市 景德镇市 新余市 九江市 萍乡市 抚州市 鹰潭市 吉安市 丰城市 樟树市 德兴市 瑞金市 井冈山市 共青城市 高安市 乐平市 南康市 贵溪市 瑞昌市 辽宁省 沈阳市 葫芦岛市 大连市 盘锦市 鞍山市 铁岭市 本溪市 丹东市 抚顺市 锦州市 辽阳市 阜新市 调兵山市 朝阳市 海城市 北票市 盖州市 凤城市 庄河市 凌源市 开原市 兴城市 新民市 大石桥市 东港市 北宁市 瓦房店市 普兰店市 凌海市 灯塔市 营口市 青海省 西宁市 玉树市 格尔木市 德令哈市 山东省 济南市 青岛市 威海市 潍坊市 菏泽市 济宁市 东营市 烟台市 淄博市 枣庄市 泰安市 临沂市 日照市 德州市 聊城市 滨州市 乐陵市 兖州市 诸城市 邹城市 滕州市 肥城市 新泰市 胶州市 胶南市 龙口市 平度市 莱西市 山西省 太原市 大同市 阳泉市 长治市 临汾市 晋中市 运城市 忻州市 朔州市 吕梁市 古交市 高平市 永济市 孝义市 侯马市 霍州市 介休市 河津市 汾阳市 原平市 晋城市 潞城市 陕西省 西安市 咸阳市 榆林市 宝鸡市 铜川市 渭南市 汉中市 安康市 商洛市 延安市 韩城市 兴平市 华阴市 四川省 成都市 广安市 德阳市 乐山市 巴中市 内江市 宜宾市 南充市 都江堰市 自贡市 泸州市 广元市 达州市 资阳市 绵阳市 眉山市 遂宁市 雅安市 阆中市 攀枝花市 广汉市 绵竹市 万源市 华蓥市 江油市 西昌市 彭州市 简阳市 崇州市 什邡市 峨眉山市 邛崃市 云南省 昆明市 玉溪市 大理市 曲靖市 昭通市 保山市 丽江市 临沧市 楚雄市 开远市 个旧市 景洪市 安宁市 宣威市 文山市 普洱市 浙江省 杭州市 宁波市 绍兴市 温州市 台州市 湖州市 嘉兴市 金华市 舟山市 衢州市 丽水市 余姚市 乐清市 临海市 温岭市 永康市 瑞安市 慈溪市 义乌市 上虞市 诸暨市 海宁市 桐乡市 兰溪市 龙泉市 建德市 富德市 富阳市 平湖市 东阳市 嵊州市 奉化市 临安市 江山市 广西 南宁市 贺州市 玉林市 桂林市 柳州市 梧州市 北海市 钦州市 百色市 防城港市 贵港市 河池市 崇左市 来宾市 东兴市 桂平市 北流市 岑溪市 合山市 凭祥市 宜州市 内蒙古 呼和浩特市 呼伦贝尔市 赤峰市 扎兰屯市 鄂尔多斯市 乌兰察布市 巴彦淖尔市 二连浩特市 霍林郭勒市 包头市 乌海市 阿尔山市 乌兰浩特市 锡林浩特市 根河市 满洲里市 额尔古纳市 牙克石市 临河市 丰镇市 通辽市 西藏 拉萨市 那曲市 山南市 林芝市 昌都市 阿里地区 日喀则市 宁夏 银川市 固原市 石嘴山市 青铜峡市 中卫市 吴忠市 灵武市 新疆 乌鲁木齐市 石河子市 喀什市 阿勒泰市 阜康市 库尔勒市 阿克苏市 阿拉尔市 哈密市 克拉玛依市 昌吉市 奎屯市 米泉市 和田市 塔城市 北京市 天津市 重庆市 上海市

  • 拨打电话
  • 添加微信
  • QQ咨询