美文网首页我爱编程
Shopify图片优化最全总结看这里

Shopify图片优化最全总结看这里

作者: f48d6afc9848 | 来源:发表于2018-06-21 15:05 被阅读0次

我们在做seo优化的时候,不仅仅要把精力放在网站内容,代码的优化,url的优化上面,图片的优化也是尤为重要的。而且相对于代码优化来说我们不懂技术的人操作也非常简单的。

有时候一张好的图片胜过很多的文字描述,可以避免文章枯燥致使用户很快的跳过,增加网站的停留率。

图片的容量不仅仅会影响到网站的加载速度,浏览的体验,对搜索引擎蜘蛛的爬行和抓取也是非常重要的!我们用两个网站来做一个对比,这样的直观感受会更明显一些。

左边是zaful的网站,网站的图片大小才663.99KB,右边是一个没有优化过的网站,图片就占了3MB,网站的打开速度可想而知哪个更快了。

首先我们来看下什么叫图像优化呢?

图像优化是指在不牺牲质量的前提下尽可能减少图像文件的大小,这样页面载入时间就会缩短。也可以叫做图像搜索引擎优化。也就是说,当我们告诉搜索引擎这张图片代表的内容是什么,是否与你的文章匹配,可以提升搜索引擎抓取收录网站从而获取到排名。

下面来跟大家详细的讲解下该如何优化网站的图片?

1、用关键词来命名您的图片

2、优化ALT标签

3、减少图片的文件大小

4、选择正确的文件格式

5、使用图片sitemap

6、图片原创

一、用关键词来命名你的图片

很多的用户不注重图片的命名,经常会出现如下命名:

例如:QQ图片20171009172842IMG_65C19823.JPG

或者是一些根本看不懂的乱码,这些都是不注重seo的表现,那如何书写才是正确的呢?

尽可能的在命名中添加关键词,但是要注意不要堆砌关键词。

当小猪佩奇的这两个图片命名放在你面前时,你觉得google会更喜欢哪个?

C19823.JPG和peppa-pig.jpg,答案是显而易见的,肯定是后者。

二、优化ALT标签

首先我们要知道ALT标签的作用是什么?即当我的图片打不开时,alt消息才会显示出来。网页访问者能够通过ALT标签来判断该图片的内容。在alt标签中加入关键词是很好的提升关键词排名的方法。

例如:

在shopify后台添加alt标签特别简单,上传好图片之后直接在图片上点击alt就可以了。

填写上alt文本点击完成即可。

我们通常会多角度的去展示一个产品,这样才能吸引用户在网站上停留更多的时间,更好的去激发他们的购买欲望,所以需要拍摄物体的正面,背面,侧面,细节等等,这个时候该怎么写alt标签呢?

最好的方法是保持alt标签的结构化,保留主图的格式,不需要再给其余的图片一个新的名字,正确的写法:

alt={品牌词}{产品系列}-{产品型号/序列号}-正面

alt={品牌词}{产品系列}-{产品型号/序列号}-背面

alt={品牌词}{产品系列}-{产品型号/序列号}-侧面

保持主干“{品牌词}{产品系列}-{产品型号/序列号}”不变,可以让搜索引擎确认这是一个系列或者这是相同的关键词,从而让这些图片提升被搜索引擎搜索到的几率。

三、减少图片的文件大小

能用css样式替代的就尽量少用图片,能用列表的少用缩略图,能用色彩替换的少用大图做背景。这3点非常的重要。

当我们上传图片的时候,建议每张图片的大小都不要超过200K,控制在100K以内是最好的。

Shopify可以直接安装插件,给大家推荐几个还不错的。

SEO Image Optimizer by Booster Apps(免费的)推荐

https://apps.shopify.com/seo-image-optimizer

Image Optimizer – Image Compression and Optimization 

https://apps.shopify.com/imageoptimizer(付费的)不过也不贵,5-19美金每月。

SEO Image by Lion Apps(免费的)

https://apps.shopify.com/lion-seo

如果不想安装插件的话,一般用photoshop的”Save for web”命令就可以了,如果不会的话也没关系。下面给大家介绍两个图片压缩的工具: 

Tinypng(免费的)

https://tinypng.com/

这个小熊猫是我用的最多的图片压缩工具,非常方便。

Tuhaokuai(付费的)

https://www.tuhaokuai.com/

四、选择正确的文件格式

在我们的网站中一般是建议用JPG格式的,JPG格式的图片较小,图片质量也相对更好。

图片为动画形式,则可以使用GIF动画格式,存为JPG图片就不会动了。

图片为透明或半透明格式的,则建议使用24位PNG格式图片,例如logo,兼容性更好,边缘也展示的更好。

五、使用图片sitemap

网页抓取工具无法抓取未在网页源代码中专门调出的图像。所以为了让抓取工具知道未识别的图像,我们可以在图像站点地图中列出其位置。

在robots.txt文件中插入下面的链接显示站点地图的路径:

Sitemap:http : //example.com/sitemap_location.xml

或者可以使用Search Console将网站地图提交给Google

在制作图片站点地图的时候一定要准守google的准则。如下:

https://support.google.com/webmasters/answer/178636?hl=en

六、图片原创

这个非常重要,很多人都是在网站随便找的一张图片,这个对于网站权重来说是没有帮助的。搜索引擎不可能一直抓取重复的图片。

当然有些人说我没有自己的设计师,小团队,那怎么办?这里给大家推荐一些比较好的图片资源,至少比直接百度,google得到的图片质量要高的多。

Flickr(这个大家应该非常熟悉)

https://www.flickr.com/

Splitshire(免费可商用的图片库)

https://www.splitshire.com/

Pixabay(百万张免费高清图片)

https://pixabay.com/

Pexels(提供高清尺寸且质量好的免费照片网站)

https://www.pexels.com/

Stocksnap(可以快速的搜索到自己想要的高质量图片)

https://stocksnap.io/

7MX(国内的高人气图片平台)

http://7mx.com/

这些都是比较小的细节点,有很多人觉得对这些不是很重视,但是如果长久的坚持下来,你就会发现差距了,就像健身和不健身的人一样,可能在20多岁左右看不出差别,但是到了30多、40岁的时候就会发现健身的人精气神那是完全不一样的~

如果你想了解更多关于shopify的知识点和干货,你可以访问  https://www.trafficcn.com/optimize-shopify-picture 复制即可~~

想知道更多精彩内容你可以访问 https://www.trafficcn.com  复制即可~~

相关文章

  • Shopify图片优化最全总结看这里

    我们在做seo优化的时候,不仅仅要把精力放在网站内容,代码的优化,url的优化上面,图片的优化也是尤为重要的。而且...

  • 优化问题记录

    优化问题可选解: optimizer优化算法总结 - CSDN博客 深度学习最全优化方法总结比较(SGD,Adag...

  • shopify运营攻略之优化店铺

    我们知道,shopify的运营离不开店铺的优化,那么在shopify应该怎么优化,shopify教程网跟大家一起聊...

  • Shopify推广之谷歌seo

    Shopify推广之谷歌seo 说说现在shopify店铺怎么做谷歌seo优化,也适合不是shopify的独立站。...

  • [性能优化]Webpack篇

    参考文章:Vue 项目性能优化 — 实践指南(网上最全 / 详细) Webpack 对图片进行压缩 在 vue 项...

  • shopify推广之seo优化!

    shopify推广之seo优化! shopify网站的推广方式有很多,包括我们常见的facebook、Instag...

  • shopify卖什么好

    许多shopify卖家不知道独立商店shopify商城出售什么产品?这里shopify教程网推荐一些shopify...

  • Shopify URL优化需要注意的7大点

    上一节跟大家讲解了shopify的图像优化,这一节来跟大家讲讲shopify的url优化。 首先我们要了解什么是u...

  • Android 性能优化

    参考文章:Android APP性能优化的四个方面最全总结 - zhangbijun1230的专栏 - CSDN博...

  • iOS最全图片内存优化

    在加载大量图片的时候,尤其是一些高清大图的时候如果不做什么处理,很容易导致APP内存溢出,软件闪退的问题。在加载图...

网友评论

    本文标题:Shopify图片优化最全总结看这里

    本文链接:https://www.haomeiwen.com/subject/hooqyftx.html