13904296854
文章来源:澳门太阳城官网 时间:2024-02-16 23:18
一、图片正确的命名
根据shopify官方给图片的定义:创建描述性的、关键字丰富的文件名。搜索引擎不仅会抓取您网页上的文本,还会在您的图像文件名中搜索关键字。
举个例子,我从anker的亚马逊店铺里下载的一张产品图片,图片的默认名字是71AAIEEX6ZL._AC_SL1500_.jpg,我们需要在电脑上给已经下载好的图片进行命名:Anker-Fast-Charging-For-the-iphone-13-Series。
温馨提示:在图片命名的时候,单词之间的空格请使用“-”代替,否则图片上传到服务器之后,空格会被%20替换。
普及一下:提取网页图片的1个谷歌APP工具
Fatkun:图片批量下载
二、在保证图片的质量情况下压缩图片大小
在谷歌的排名算法中,网站打开速度是获得高排名的重要因素之一。你也许听说过,如果一个受众在3秒钟没打开网站,50%的概率会离开网站,因此网站加载速度的时间是很重要的,而图片的大小是网站加载速度的重要影响因素之一。
从一组数据来看,知名大卖https://www.aukey.com//的一张图片仅仅36.32kb,图片非常高清,我随机打开了一个网站https://hedorance.com图片大小为223kb,图片相对模糊。之前我也浏览过很多网站的图片3-4MB,当时有强迫症的我真的想联系这个网站给他点建议,可惜当时没联系上。
对于Shopify的图片来说,一张图片的大小能压缩在70kb以下就完美了。强烈推荐一个工具-Tingpng,(https://tinypng.com),这是我使用了5年的压缩图片大小工具,图片压缩前后的效果几乎没差别,超实用,也是其他的工具无法替代的。我之前也用过其他工具,非常不好用,就不推荐了。
三、图片类型的选择
常见的图片文件类型有JPG,GIF和PNG.
JPG是Shopify最常见的图片也是最佳选择,以最小的文件大小提供最佳的质量。
PNG图片非常小,可以用于LOGO和装饰性的图片(背景图,按钮和边框)。
GIF更多用于生动的展示动画,通常在爆品网站中展示,在使用前请压缩。
四、优化ALT文本属性
1.ALT文本是什么和作用
ALT文本,俗称可替代性文本,在HTML代码中用于描述页面上图像的外观和功能。
作用有两方面:
第一,当图片无法显示时,将显示替代文本来替代图片。
第二,替代文本为搜索引擎提供更好的图像上下文/描述,帮助他们正确索引图像。
2.我如何写出好的替代文本?
谷歌官方案例参考
效果欠佳(缺少替代文本):<imgsrc="puppy.jpg"/>
效果较佳:<imgsrc="puppy.jpg"alt="puppy"/>
效果最佳:<imgsrc="puppy.jpg"alt="Dalmatianpuppyplayingfetch"/>
从谷歌案例参考,得出以下3点结
a.尽可能具体地描述图像。
b.植入产品关键词,alt文本提供了一个包含关键词的位置,因此要充分利用好它。
c.避免堆砌关键词
五、使用图片sitemap
通过SearchConsole将shopify店铺的网站地图(eg:www.shopify.com/sitemap.xml)提交给Google站长工具。
方法:
我喜欢原创,这篇文章是经过很久时间准备才写出来的。后期会有更多关于图片优化的想法时,我会及时分享和完善。关注我,每日分享干货!越分享越快乐!