如果你经营一家在线商店,在线图片处理和优化技巧是一门需要掌握的艺术。从吸引消费者浏览谷歌图片,到减少网站加载时间,SEO图片优化和处理技巧是建立一个成功的电商网站的重要组成部分,因为产品照片是在线商店的基石。
中文翻译
图片优化就是在无需牺牲质量的同时尽量缩小图片文件大小日,常我们提到的使用PS (Adobe Photoshop)进行在线图片编辑,在线修图等操作都是图片处理和优化的途径。这样页面加载时间就可以保持在尽量低的水平。这也涉及徐图贵。也就是,让你的产品图片和装饰性图片在谷歌和其他搜索引擎上获得排名。
以下问题有没有让你头疼过?
- 为什么当我在谷歌上搜索图片时,我的图片从来不会出现?
- 我需要为图片添加?
- Jpeg, gif, PNG ?我什么时候应该用其中一种而不是另一种?
今天你终于有答案了,因为我们将深入探讨这些问题。
10 大图片优化技巧
- 用简单明了的语言描述图片
- [au:
- 明智选择图片尺寸和产品角度
- 缩小图片文件大小
- 选择正确的文件类型
- 优化缩略图
- 使用图片网站地图
- 注意装饰性图片
- 【关键词】cdn (cdn)
- 测试图片
1.用简单明了的语言描述图片
上传数百张产品图片并保留相机默认命名真的很容易。
【中文翻译】帮助你的网站在搜索引擎上获得排名。创建描述性的、关键词丰富的文件名对于图片优化至关重要。搜索引擎不仅会抓取网页上的文本,还会抓取图片文件名。
以下图为例。
(1) . DCMIMAGE10.jpg。2012-中国-中国-中国-中国-中国-中国-中国-中国
想一下顾客是如何在你的网站上搜索产品的。他们在搜索时会使用什么命名模式?在上面的例子中,汽车消费者可能会搜索以下关键词:
查看网站分析数据,了解顾客遵循什么关键词模式。确定他们最常用的命名模式,并将该公式应用于图片文件命名过程。
如果你不想以数据为导向,请确保在为图片命名时使用相关的、有帮助的关键词(即尽量具有描述性)。
【中文译文问答,了解策略性地为网站图片文件命名的重要性。这肯定可以提升你的seo,同时也可以帮助你的页面和图片在搜索引擎结果页面(搜索引擎结果页面,搜索引擎)上排名更靠前。
2.[au:
【中文译文】它们还被用于网站可访问性。【中文翻译】:。
【中文】【翻译。为网站上的图片添加包含相关关键词的适当 alt 属性,有助于在搜索引擎中获得更好的排名。事实上,使用 alt 属性可能是电商产品出现在谷歌图片和网站搜索中的最佳方式。
【中文译文】
这句话的意思是:
【翻译】:
- 用简单的语言描述你的图片,就像你为图片文件命名那样
- “”“”“”“”“
- 【翻译】,Alt = " "
- 【翻译】搜索引擎可能因为过度优化而惩罚你
最后,经常时不时地做一次完整性检查。查看网页访问来源并检查【中文译文】当你以创业的速度前进时,你会惊讶于自己遗漏了什么。
3.明智选择图片尺寸和产品角度
展示产品的多个角度是常见做法。回到福特野马的例子,你不会想只展示汽车的一个镜头,尤其是如果你想出售它的话。你最好展示以下镜头:
- 内饰
- 尾部,尤其是空气扰流板
- 轮圈
- 发动机……它毕竟是一辆野马
齐格、齐格、齐格、齐格、齐格、齐格、齐格、齐格、齐格、齐格。这句话的意思是:“你怎么看?”
- 2012 -福特——野马LX -红色——真皮——内饰——轮圈jpg - >使用alt属性:alt = " 2012福特野马LX红色真皮内饰轮圈”
- 2012 -福特——野马LX -红色——尾部——视图——空气,扰流板jpg - >使用alt属性:alt = " 2012福特野马LX红色尾部视图空气扰流板”
此处重点是添加描述到基本【翻译】:全英文,全英文。如果你做了额外的工作,谷歌会通过搜索者的搜索给予你回馈。
关于提供更大图片的提醒
现在你可能希望为访客提供更大的图片,这样可以带来更好的用户体验,但需谨慎。
不论你做什么,不要把最大的图片放在网页上并只是通过源代码缩小尺寸。这样会因为与图片关联的较大文件大小而增加页面加载时间。
相反,将其设置为较小的图片,并提供在弹出窗口或单独的页面上查看更大图片的选项。提示:了解如何在主题中使用jQuery图像缩放使产品图片可缩放。
4.PS (Photoshop)
思考一下:
所以,如果你的图片在屏幕上缓慢“流出来”,并且需要 15 秒才能加载?那你可以跟那个潜在顾客说拜拜了!
那么,你能做什么?
当顾客到达你的网站时,可能需要一点时间才能加载所有内容,这取决于你的文件大小。文件越大,网页加载时间越长。(中文:我的英文是:我的英文是:我的英文是:我的英文是:我的英文是:我的英文是:我的英文是:我的英文是:我的英文是:我的英文
如果你能缩小网页上的图片文件大小并提高页面加载速度,离开页面的访客人数将会减少。
缩小图片文件大小的一种方法是使用Adobe Photoshop中的“保存Web(存储为Web所用格式)“命令进行在线图片编辑。使用此命令时,你需要将图片文件调整到尽可能小,同时注意图片质量。ps: http://www.tinger.cn/ http://www.tinger.cn/骤:
- 质量:在右上角找到这个(即 70)。
- 文件格式:http://www.cn.cn/ http://www.cn.cn/。
- 优化:在右上角找到此复选框(即优化)。
- 颜色:(转换为sRBG)。
- 缩小和锐化:在右下角找到这个(即女:没有。
- 预期文件大小:(136.7k)。
“出口As”。
Adobe Photoshop,中文,中文,中文,中文,中文在线图片处理软件可以用来编辑图片。AdobePhotoshop表达。这款工具没有桌面版Adobe Photoshop的所有功能,但它涵盖了图片编辑的所有基础功能,而且不需要花一大笔钱。
其他出色的图片编辑工具有:
- PicMonkey被专家形容为“异常优秀的图片编辑工具”。
- PIXLR是一款针对智能手机的超级用户友好型 100% 免费应用程序,可以随时编辑。
- 帆布是另一款相当先进的在线图片处理软件。
最后,还有GIMP。GIMP是一款开源,免费的图片编辑软件应用程序,可以在Windows, Mac或Linux上运行。Photoshop的英文怎么说?但作为一款免费的在线图片处理软件,它是无可匹敌的。
70kb (kb)这有时会很困难,尤其是对于较大的图片。
5.选择正确的文件类型
中文:jpeg, gif, png。
让我们看一下这三种文件类型以及它们如何影响同一图片:
JPEG(或.jpg)。Jpeg。Jpeg。Jpeg。Jpeg。中文:jpeg中文:jpeg中文:jpeg中文:jpeg中文:jpeg英文:jpeg
GIF(. GIF)。【中文译文】
【中文译文】:http://www.tingclass.cn/tingclass.cn/cn/这是一个很好的例子。对于大图片来说尤其如此。
苹果苹果苹果苹果苹果苹果苹果苹果苹果苹果苹果苹果苹果苹果
图片来源:图片来源:pngPNG比GIF支持更多颜色,并且它们不会像JPEG那样随着时间的推移因为重新保存而降低质量。中文:中文:中文:中文:中文:中文:中文:中文:中文:
http://www.tingclass.cn/cn/ http://www.tingclass.cn/cn/xgn/这就是为什么你需要谨慎使用PNG。
2 .中文:中文:中文:
齐齐齐齐。图片来源:http://www.gtatata.com
以下是选择文件类型时要记住的一些技巧:
- jpeg、jpeg、jpeg、jpeg。它们以最小的文件大小提供最好的质量。
- 英文释义文件大小会非常大,没有缩小它的好办法。这是一个很好的例子。
- 中文:PNG。PNG-8, PNG-24。中文名称
大部分图片编辑软件可以将图片保存为上述任何一种图片文件格式。
6.优化缩略图
很多电商网站会使用缩略图,特别是在分类页面上。它们可以快速展示产品而不会占用太多空间。
缩略图很棒,但要当心;它们可能是沉默的杀手。受害者是谁?页面加载速度。缩略图通常会出现在购物过程中的关键时刻。如果它们妨碍分类页面快速加载,你可能会失去潜在顾客。(参考译文)
那么,你可以做什么?
- 使缩略图文件尽可能小。为了换取更低的文件大小而降低图片质量可能是值得的。请记住,缩略图的累积影响将对页面加载时间产生巨大影响。
- (1)、(1)、(1)、(1)、(1)、(1)、(1)、(1)、(2)。【翻译】你最不希望看到的就是缩略图取代大图被索引。【中文译文】
7.使用图片网站地图
如果你的网站使图用Javascript库,图片弹窗或其他“浮夸”的方式来提升整体购物体验,图片网站地图将有助于你的图片引起谷歌关注。
网页爬虫无法抓取网页源代码中没有指定调用的图片。因此,为了让爬虫器知道未识别的图片,你必须在图片网站地图中列出它们的位置。
中文翻译:
http://example.com/sitemap_location.xml
搜索控制台()将网站地图提交给谷歌。
谷歌有很多图片发布准则【翻译】:此外,你可以使用谷歌网站地图向谷歌提供更多关于你网站上图片的信息,相比让谷歌自己查找,这样有助于谷歌找到更多你的图片。
“”“”“”“”“”“”“”Google网站管理员工具有许多关于正确格式化网站地图的建议。
为所有图片添加特定标签是很重要的。你也可以创建一个单独的网站地图来专门列出图片。重要的是在使用特定标签时,为你已经或将会创建的任何网站地图添加所有必要信息。在创建带有图片信息的网站地图时,请遵循谷歌建议的这些准则。
8.注意装饰性图片
网站通常有各种各样的装饰性图片,比如背景图、按钮和边框。任何与产品无关的东西都可能被视为装饰性图片。
虽然装饰性图片可以为网页添加很多美感,但它们可能导致合并文件较大和加载时间缓慢。因此,你可能需要考虑仔细检查你的装饰性图片,以防它们影响你的网站将访客转化为顾客的能力。
你需要检查网站上所有装饰性图片的文件大小,并使用最小化文件大小的模板。
以下是一些缩小装饰性图片文件大小的技巧:
- 对于构成边框或简单图案的图片,使用Png-8;你可以创建只有几百字节大小的美观图片
- CSS的用法和样例:CSS:
- 仔细检查大墙纸风格的背景图片。这些文件可能很大。在不破坏图片质量的情况下尽可能用图片缩小工具处理它们
缩小背景图片大小的一个技巧是裁剪背景图的中间部分,并设置成纯色甚至是透明色。这样可以大大缩小文件大小。
9.【关键词】cdn (cdn)
“”“”“”“”“”“”“”“”(cdn)、(cdn)、(cdn)它们可以提高页面加载速度,帮助解决带宽问题。
一个缺点是涉及反向链接。【中文翻译】:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:中文翻译为:
“”“”“”“”“”“”“”“”“”“”“”“”有,有,有,有,有,有,有,有,有,有。
因此,最佳做法是:
- 仅仅因为某些东西“很流行”并不意味着你应该盲从。首先确定这对你的企业来说是否最佳举措
- 中文:中文:中文:中文:中文:中文:中文:中文:中文:中文:中文:中文:中文:中文
- 如果你的网站目前每天只有几千名访客,那么你当前的托管方案大概率能够处理这些负载
中文:中文:中文:中文有专业人士帮助你制定策略。
10.测试图片
徐图贵的重点是帮助提高利润。我们已经讨论过缩小图片文件大小,并让搜索引擎为你的图片建立索引,但如何测试图片以了解那些图片可以转化更多顾客呢?
- 测试每个页面的产品图片数量:由于加载时间对一些非托管电商网站是一个问题,你可能发现减少页面图片数量将会提高点击率和销售额。也有可能每页提供大量图片将会改善用户体验并带来更多销售额。确定这点的唯一方法就是进行测试
- 测试你的顾客喜欢什么角度:通过提供顾客想要看到的视图,你可能会看到顾客忠诚度有所提高。弄清这点的一个好方法是调查顾客,了解他们在查看产品图片时最喜欢什么。一般来说,与顾客进行调查和交谈是一个很好的习惯。不过,还是要通过测试来验证
- 测试分类页面上应该有多少个产品列表:10、20、100款产品?测试分类页面上列出的产品数量,以了解你的顾客最喜欢哪个数量
在线图片处理软件
现在你已经了解了徐图贵的最佳实践,让我们来看一些可用于网站的徐图贵插件吧。
AVADA SEO:图像优化器
AVADA SEO图像优化是Shopify中最热门的应用程序之一。100个,4.9个(5)。在优化商店图片时它可为你节省时间精力。2017-01-16徐图贵。
特色功能包括:
- 为产品页面、系列页面和博客文章【中文译文
- 优质图片缩小工具,提高加载速度
- 元数据(metadata)
- 谷歌搜索控制台
- 网站地图生成工具,以便搜索引擎轻松阅读你的网站
tinying SEO &图像优化
tinying SEO &图像优化不,不,不在线图片处理软件。它可以自动优化图片并上传至你的Shopify英文翻译。你可以随时恢复为原始图片,也可以手动优化图片。
这句话的意思是:
- 图片缩放
- 【中文译文
- 失效链接重定向
- JSON LD
- 实时客服
- 自动图片优化
TinyPNG
TinyPNG是网上最受欢迎的徐图贵工具。http://www.chinesetexts.org (webp), jpeg . PNG缩小图片文件大小。你可以为应用程序或商店缩小图片文件大小,还可以缩小动画图片。
中文:http://www.chinesechinac.cn/cn/或http://www.chinesechinac.cn/cn/cn/或http://www.chinesechinac.cn/cn/xcn/如果你在WordPress【中文译文】
保持精美图片的功能性
现在,关于电商图片的问题不会让你辗转反侧几个小时。
这是一个很好的例子。齐泽聪,齐泽聪。你知道文件类型的区别以及何时选择每种选项。
但是,图片处理和优化是复杂的,我们只触及皮毛,剩下的还需要在实践中获得真知。
马克·海斯
2 .丽兹·马
开始独立站建站之旅,免费试用,无需信用卡!
徐:好
?
徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐徐其工作原理是使用有损和无损等压缩技术及图片缩小工具,在缩小图片文件大小的同时不损坏图片质量。
徐:好吧!
- 使用简洁直接的图片名称
- 【中文译文
- 明智选择图片尺寸和产品角度
- 使用图片缩小工具调整图片大小
- 选择正确的图片格式
- 优化缩略图
- 使用图片网站地图
?
AVADA SEO图像优化器,tinyming SEO图像优化器。齐平,齐平,齐平。