• 欢迎访问 顾小北的B2C博客 请加入我们的Facebook营销群 QQ群
  • 各位不要通过QQ和微信来问问题(每天消息太多),如有问题凡请直接在各相关帖子下面留言,我会回答大家的问题的。
  • 如果您觉得这个博客非常有看点,那么赶紧使用Ctrl+D 收藏 顾小北的B2C博客 吧!

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

Shopify 小北 11208次浏览 2个评论 扫描二维码

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

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

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

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

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

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

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

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

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

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

2、优化ALT标签

3、减少图片的文件大小

4、选择正确的文件格式

5、使用图片sitemap

6、图片原创

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

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

例如:QQ图片20171009172842IMG_65C19823.JPG

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

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

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

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

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

二、优化ALT标签

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

alt标签在html语言中的写法是这样的:<img src=”图片路径” alt=”图片描述”/>

例如:

<img src=”//cdn.shopify.com/s/files/1/0176/1622/products/CabanaHouses_grande.jpg?v=1525446988” alt=”Cabana House” />

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

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

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

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

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

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

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

Tuhaokuai(付费的)

https://www.tuhaokuai.com/

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

四、选择正确的文件格式

在我们的网站中一般是建议用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图片优化最全总结看这里
转载请保留页面地址:http://www.guxiaobei.com/shopify-image-optimization.html
喜欢 (11)
[766060636@qq.com]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 工具真多,实用性很强,2019的课程有讲关于shopify的吗
    gain2018-11-21 14:16 回复 Windows 10 | 搜狗浏览器 2.X
  2. 先收藏,以后留着用,小北怎么突然开始研究shopify了 :mrgreen:
    小北粉丝之一2018-11-21 11:42 回复 Windows 10 | Chrome 53.0.2785.89