在线商店打开速度和加载时间影响用户体验以及订单转化, 许多研究已经表明,当网页加载时间超过3 秒,超过50% 的用户会关闭网页。如果你的Shopify店铺打开速度慢,不仅会增加跳出率、影响转化率,还会降低网站在整个搜索结果中的排名。Shopify网站访问速度太慢怎么办呢?以下是可以帮助用户提升Shopify店铺流量的一些优化工具。

影响Shopify页面加载速度的主要因素:

1.服务器速度:Shopify的服务器分布在世界各地,云服务器部署在亚马逊云和谷歌云上,在北美、欧洲、亚洲和澳大利亚都有数据中心。通过CDN(内容分发网络),Shopify会把它所有的网站资源推送到各地有CDN服务器的部署节点上,可以加快本地访问速度,一般情况下速度都是稳定有保障的。

2.连接速度:连接速度因用户和国家而异,包括网络带宽、机器配置、用户硬件、服务器距离远近和当地网络状态等有关,卖家自身购买的套餐不一样服务器对应的性能也是有差别的,选择和自身业务相匹配的付费服务,在不浪费资源和资金的前提下,保证在任何速度下都能快速正常的访问即可。

3.用户请求次数和频率:页面上的每个应用、图片和文件都需要从服务器上下载,当在相同或不同的时间内有大量用户请求,就会造成服务器拥堵,网页访问速度缓慢。可以利用减少DNS查询(DNS lookups)、最小化重定向、使用浏览器缓存、减小Cookie大小、延迟加载技术等方法有效的提高网页内容加载速度。

4.页面大小:指页面的累计文件大小,理论上讲,访问的页面内容越小,网站加载速度更快,这也是我们经常可以自己接触并进行优化处理的一个方向。包括Html、CSS、JavaScript代码文件的大小、高清图片的尺寸和大小、图片预加载和延迟加载、 去掉不必要的插件、压缩CSS和JavaScript、启用GZIP压缩等一系列方法。

Shopify店铺流量测试

Shopify外贸网站网页速度和性能测试工具

网站的加载速度在一定程度上来说是决定网站能否成功的关键,对于在线电子商务业务来说显得更为重要。通过工具对自身网页的速度和性能做测试,可以更加准确的分析、改进和优化网页内容,并做针对性的修改,可以显著的提高页面访问速度。

1. Pingdom Website Speed Test

Pingdom是一个免费的网站速度测试工具,选择不同的国家和地点,多方面对网站进行测试,包括网站加载速度、页面大小、请求次数进行分析。测试完成后会得到一份非常详细的测试报告,包括总体性能得分、网页内脚本、字体、图片、CSS等内容大小所占比例等、网页性能需要改进的地方,并给出详细的改善网页性能的可行性方案,付费版本提供更多高级功能。

2.Google PageSpeed Insigts

这是Google推出的一款测速工具,提供中文页面,用起来很方便。Pagespeed Insights主要指标为:First Contentful Paint(FCP)、DOM Content Loaded(DCL)、Total Blocking Time(TBT)、Cumulative Layout Shift(CLS)、Time to Interactive(TTI)等。FCP指的是用户进入网站时看到画面呈现的第一时间,即网站并未完全读取完毕,能够看到网站的文字或图片读取所需花费时间,而DCL的意思是DOM(文件物件模型)内容读取的时间,DCL的时间会排除图片与CSS网站版型的读取部分。TBT是指FCP与Time to Interactive 可交互时间 (TTI)之间的总时间,TBT值越小,代表用户从第一眼看到网站加载到可以进行交互的时间越短,说明网页的加载访问速度越快。Cumulative Layout Shift累积布局偏移( CLS)是指在用户没有做出输入动作的500 毫秒内一个页面的布局加载时发生的偏移程度,CLS得分应该低于0.10,CLS值越低代表窗口保持不变的情况下,页面移动偏移幅度越小,越有利于用户交互体验。

3.Webpagetest

Webpagetest原本是由AOL开发内部使用的工具,后来在Google Code上开源,总体上说是一款非常优秀的网页前端性能测试工具。Webpagetes不仅可以分国家测试特定网站的加载速度,还可以从浏览器(Chrome、Firefox、Edge、Internet Explorer、Android、iOS)、有线/3G/4G网络和手机操作系统(IOS/Android)来测试网站加载所花费的时间。Webpagetest会得到三次不同的运行结果、优化等级、性能参数、请求瀑布图、网页幻灯片快照等其他网络优化参数。

4.Sucuri Load Time Tester

这款工具特别的好用,这个测试是指连接到网站和一个页面完全加载所需的时间,而且可以清晰直观地看出测试网站在不同国家的访问速度。测试结果会根据网速的快慢用不同的颜色表示,速度快标绿、中等偏慢标黄、速度慢标红,通过颜色标记,测试结果一目了然。值得注意的是,不同网站挂靠不同地区的服务器,也不可能在每个国家都能打开,如果使用的是CDN(内容交付网络),连接时间可能会很低。

5.GTmetrix

GTmetrix也是一款常用的网站测速分析工具,操作页面简洁,功能强大,在不登录的情况下可以使用GTmetrix的部分功能,默认是从加拿大节点进行网站测速。注册一个免费账号才能使用更多功能,可以选择7个不同节点测速,也可以选择浏览器(Chrome或Firefox)查看测试结果。测试结果以6个维度的形式呈现,分别是网页速度、YSlow、瀑布图、网页加载速度、页面加载视频和报告历史。

6.Dotcom-tools

Dotcom-tools是一款免费的国外在线网页加载速度测试和在线Ping工具,在全球有三十多个测速节点,操作简单,不用注册会员就可以直接使用。Dotcom-tools可以在全球各地进行速度测试,输入网址后,会出现每个地区节点的载入时间、页面大小、重复测试后的载入时间、下载页面大小及遇到的错误记录,还可以查看HTML、JavaScript和CSS等后端元素,对网站进行针对性优化。

7.WebKaka

WebKaka是一款古老的国产测速工具,拥有65个国内节点和全球40个节点,可以即时测试网站在全国和全球各地的访问有效性和响应的时间还有网页打开速度。测试指标包括访问可行性、响应速度、下载时间、下载速度、压力测试、Ping测试、DNS查询、网页属性等。

8.Uptrends

Uptrends成立于2007年,是一个免费的网站速度测试监控解决方案,拥有超过20,000名用户,包括IBM、NASA和Virgin Australia等公司。Uptrends在全球提供超过35个国家节点来进行测试,能够根据地域、屏幕大小、浏览器类型、手机类型、宽带类型进行网页加载速度测试。Uptrends可以对Web应用、Web性能、真实用户、API和服务器的正常运行时间、性能和功能进行监控,报表分为两部分:一个瀑布图及域名群组,域名群组提供一个独特的视角,因为它把资源归类到不同来源:第一方、统计、社会、公告、 CDN、社交网站、广告及第三方。

9. Dotcom-Monitor

Dotcom-Monitor是一款全面的高级网站监控服务工具,把监控、报告、通知、上报和分析等功能结合起来,提供包括Web服务器性能、Web页面性能、Web应用监控、页面加载和压力测试等全方位监控服务,同时支持多用户、多权限功能。Dotcom-Monitor提供20多个不同国家节点及七种不同的浏览器,用于执行网站速度测试,速度测试报告包括:性能、主机、错误、慢速和快速元素、级联图和详细摘要,可以点选进入每个报告或瀑布图来查看更详细的测试结果。

10. KeyCDN Website Test Speed

KeyCDN Website Test Speed是一个轻量级分析网站性能的工具,可以透过它来得到有关网站的性能数据,帮助识别连接问题。KeyCDN Website Test Speed可以选择世界各地共 14 个节点对目标网站进行测速,以便更好地确定不同物理位置加载网站内容的整体下载时间。在这些页面细分报告中,包括了页面的加载时间、大小、文件类型、请求方法(GET / POST)、等待/接收时间、HTTP 请求数以及状态等信息。

11.Yslow

Yslow是一个免费的雅虎开发的基于网页性能分析浏览器插件,用于测试网站速度和性能,根据高性能网站的规则对网站的性能优化给出合理的建议,可以作为浏览器的插件来安装,支持大多数流行的网络浏览器包括Chrome、Safari、Opera。Yslow让用户把注意力集中在23个可能影响网站速度的因素上,同时也提供了基于这些因素的详细分析,并将影响因素评级从A到F,使用户可以快速的找到影响网页加载慢的原因。

12.Site24x7

Site 24X7提供网络基础设施监控服务,包括网络应用程序监控、专用API、移动访问、性能报告、状态视图和操作管理应用、服务水平协议管理、警报和通知、邮件服务器监控等功能,是一款基于云的性能监控解决方案。

提高Shopify店铺流量的几个常用技巧

1. 做好关键词研究

提高Shopify商店搜索结果排名和增加更多销售额的最佳方法之一是确保网站内容和产品包含人们实际想要搜索的关键词。通过对产品或内容相关关键词、关键词搜索量、关键词排名难易程度等进行研究,可以获得足够精准的潜在用户、产品曝光和搜索引擎排名。

2. 优化网站代码

包括使用代码压缩工具对前端代码(Html、CSS、JavaScript)进行优化、减少HTTP请求次数、合理使用HTTP缓存、使用浏览器缓存、减少DOM操作等,不过这个需要精通Web前端才能取得良好的效果,如果自己不想接触代码可以外包给专业的开发人员。

3. 卸载过慢和不相关的Shopify插件

大多数插件对店铺还是有帮助的,各种类型的插件有助于提高我们的工作效率、优化用户体验、增加销售额、增强用户联系等。如果使用了太多的插件,特别是一些免费插件,将会严重影响在线商店的运行速度。定期对不相关、消耗资源太多、使用频率太低的插件进行处理使网站轻装上阵,可以大大改善网页运行速度。建议所有卖家安装免费app时最好进行一下测速,并且尽量不要安装两个功能一样的app,安装之前测一下,安装之后测一下,再对比一下速度,看一下这个app有没有对店铺访问速度有特别明显的影响。

4.优化文字、图像和视频

文字尽量使用浏览器或系统自带的默认语言和字体,设计精美的字体可以创造自己独特的风格品牌,但是有时用户的设备并不能很好的展示,而且有可能造成排版错乱和影响网站的加载速度,当然自己有专业的设计师和技术团队也是可以使用的。虽然高清的产品图片和视频可以带来优秀的用户体验和提高转化率,但是一般情况下由于图片占网站内存的70%以上,当图片或视频文件过大时,服务器在上传和下载时会有压力,进而影响网站加载速度。网页加载时间过长用户肯定是不愿花时间等待的,作为保证消费者购物体验的重要环节,一般来说在上传产品相关视频和图像时,应该对图片和视频进行恰当的压缩处理(如无损压缩),把图片大小尽量控制在100KB以下,短视频可以换成GIF动图或者把视频的格式从AVI转换成Mp4或Html格式。

Shopify搜索引擎优化工具

Shopify的顶级SEO应用可以帮助在线商店在自然搜索中更频繁、更高排名的出现,并提供更好的客户体验。研究表明,谷歌的首次自然搜索结果平均点击率为28.5%,第二个位置搜索结果下降到 15% ,使用SEO工具和应用程序可以帮助自己更好地定位搜索业务,是出现在搜索引擎结果页面顶部必不可少的步骤。

Plug in SEO

Plug In SEO是Shopify上使用最广泛的SEO应用之一,目前有超过3万家店铺已经安装了该应用程序,是一个全面的SEO解决方案。Plug-In SEO对初学者非常友好,提供了良好和详细的SEO文档,包括使用模板批量编辑SEO数据、关键字工具和建议、单个页面的快速SEO优化、支持多语言存储、集成Goolge Search Console、SEO运行状况监控和修复等一系列功能。

SEO Manager

SEO Manager是一个强大的轻量级SEO工具,可以帮助用户理解并无缝实施SEO方案,使商店获得更高的搜索引擎排名。SEO Manager拥有自动添加JSON-LD结构化数据、断链监测、图像ALT文本问题扫描、404错误记录和管理、自动Meta标签和Description、集成Google搜索工具等一系列SEO功能。对搜索引擎优化工作的结果能够实时反馈,用户可以随时发现和优化有关SEO问题。

Smart SEO

通过Smart SEO可以根据谷歌的要求来优化Shopify商店和提供JSON-LD格式的结构化数据,自动为商店中列出的所有产品生成Alt标签和Meta标签,以帮助搜索引擎找到商店并提高在搜索结果中的排名。Smart SEO功能强大高效,所有枯燥和令人生畏的SEO任务都被自动化,而且还会修复任何断裂的链接和检查传统的结构化数据。

SEO Doctor

SEO Doctor会扫描Shopify商店搜索引擎优化中存在的问题,并给出一个诊断报告和显示如何修复它们。例如,SEO Doctor可以找到拖慢网站速度的大图片并对自动对其进行压缩。如果网站内部有不必要的和混乱的图片,那么SEO Doctor是解决这个问题的好方法。SEO Doctor还可以修复ALT标签、Meta标签、压缩图像,404错误、自动发现和修复坏的链接、将JSON-LD结构化数据添加到商店以提高SEO排名等功能。

SEO King

SEO King是一个强大的搜索引擎优化工具,提供大量的功能,目的是分析商店的每一个页面。SEO King功能包括:自动ALT文本管理器、批量Meta数据编辑、JSON-LD结构化数据管理、图像压缩和大小调整、1键点击优化整个商店、自动优化新产品、禁用右键以防止照片被盗等功能,以确定存在的SEO问题,让网站排名快速提升。

Shopify网页加速插件

谷歌表示,网站速度(以及网页速度)是其算法用来对网页进行排名的主要因素之一,页面速度慢意味较高的跳出率和较低的平均页面停留时间,较长的加载时间也会对转化产生负面影响。统计表明如果用户在3秒内不能打开吸引自己的页面,用户将直接跳出并关闭,而且不会进行二次访问。

Hyperspeed

Hyperspeed是一款优秀的用于速度和图像优化的Shopify应用程序,通过最小化字体缓存、对图片进行无损和有损压缩、压缩简化JavaScript和内联CSS代码、延迟加载JavaScript文件、懒加载和预加载来提高页面访问速度。该应用程序还会监控网站脚本,以减少它们对速度的影响,使用预测性页面加载功能,在客户点击之前预加载页面,使用户感受一流的加载速度。

Booster:Page Speed Optimizer

Page Speed Optimizer是一个免费的一键式提高网站速度的工具,适用于任何规模的Shopify商店,无需任何编码经验即可安装,只需一次点击,该应用程序将帮助提高商店的页面速度和加载时间。

Page Speed Booster by RoarTheme

Page Speed Booster是Shopify中另一个易于使用的速度优化应用程序,不需要任何编码就可以开始使用,而且很好地与所有主题配合,只需点击几下就可以安装,并提高页面访问速度。Page Speed Booster利用访问者的空闲时间,通过浏览器来检索用户将要访问的下一个预期页面内容,来提高页面的整体性能。

Swift:Page Speed Optimizer

Swift是Shopify中一个流行的速度优化应用程序,具有图像压缩和懒惰加载等功能,内置主题和图像优化器。Swift还可以最小化CSS,延迟JavaScript和懒惰加载图像,以加快页面加载提高网站速度并改善SEO。

AMP by Shop Sheriff

AMP by Shop Sheriff允许用户为商店创建AMP(加速移动页面),主要侧重于加快移动端网站打开速度和获得更高的SERP排名,可以轻松建立SEO友好的URL,为产品、文章、博客创建/定制AMP版本的所有重要页面。

Zeno Landing Page Builder

Zeno Landing Page Builder提供高度响应的、经过SEO优化的登陆页和产品页,不需要任何技术技能,可以建立用户需要的任何类型的页面,同时提升Shopify商店的加载时间。

Automizely Page Builder

无论是初学者还是高级的Web 开发人员,Automizely Page Builder都可以帮助构建专门设计并考虑到转化率和SEO的着陆页面,可以组织优化 UX/UI,降低页面加载速度,并创建移动响应式着陆页面。当客户访问在线商店时,优秀的着陆页面会给用户留下深刻的第一印象。设计一个经过适当优化的页面可以增加CTR 和降低跳出率。

Shopify图片和视频优化工具

由于图片和视频会占用大量的服务器资源,因此对图片和视频内容进行优化是一项必不可少的工作。使用图像优化工具来减小图像的大小,同时确保在网站上可以显示高质量的图像,是图像优化的基本做法。

TinyIMG SEO Image Optimizer

Tiny IMG SEO Image Optimizer有助于降低图像加载速度,和提高整个站点运行速度,通过算法将图像大小减少70%,同时保留图像的质量,还提供备份功能,以便可以随时恢复数据。

Crush Pics

这是一款图片优化的必备应用,可以自动对图片进行压缩,让整个网站在不损失图片质量的情况下,使整个网站加载速度更快。

SEO images king

SEO images king不仅可以帮助优化图像,还可以帮助填写产品图片Alt文本、产品Meta标题和JSON LD优化,借助批量优化功能,能够在几分钟内优化数百张图像。

TinyPNG

TinyPNG是一款免费的网络应用,可以为任何媒体优化图片,不过是需要自己手动进行压缩。

Hextom: Bulk Image Edit & SEO

Bulk Image Edit是专门为帮助网店优化图片和免受竞争对手盗图而设计的,只需点击几下就能定制电子商务网站上的所有产品图片的ALT文本,或预先定义一个ALT格式文本,自动分配给每个新添加的图片。 通过Bulk Image Edit,可以轻松地定制产品图片的尺寸和压缩图片大小,以便更容易的在社交网络上分享和在访问设备上加快图像加载速度。Bulk Image Edit还允许在图片上添加水印或文本块,以阻止竞争对手盗用自己的图片。

Video Traffic

Video Traffic通过自动创建产品视频并发布到YouTube频道来增加商店的流量,虽然是自动化生成的视频,但是质量依然很高,还可以对其进行定制并添加水印。通过将这些经过SEO优化的视频分享到社交媒体账户,获得更多的曝光和转化。

其他提升Shopify店铺流量的工具

Rich Snippets for SEO

Rich Snippets对产品页面非常有价值,因为它有助于结构化数据标记,使搜索引擎能够获得有价值的信息,并将其集成到搜索结果中。通过这个插件用户可以在搜索结果中看到产品价格、可用性、评论等,而不是平淡无奇的结果,提高用户点击率和增加转化率。

JSON-LD for SEO

这是一个结构化数据SEO工具,为谷歌等搜索引擎提供更容易索引的数据,使它们能够更好地理解页面内容,帮助在搜索结果中显示关于网站的一些额外信息,如评论和图片,对希望获得更多SEO自然流量的Shopify店主来说很有帮助。只需要轻轻点击一下,整个商店就能在SERP中获得丰富的结果和片段优化。JSON-LD结构化数据的关键部分包括:商业数据、产品数据、聚合评分、博客文章、视频对象等。

Reload SEO

Reload SEO可以帮助卖家查看竞争对手的内容,以及针对指定关键字排名前 10 页的详细概述,适用于排名不佳的Shopify店铺。Reload SEO提供了一份竞争对手的情报报告,以帮助卖家超越竞争对手。Reload SEO提供竞争对手正在发布哪些类型的内容、Shopify关键字研究、关键字跟踪、Shopify商店监控以及其它指标,以帮助提升店铺排名。

 Schema Plus for SEO

Schema Plus for SEO提供高级代码标记,可以帮助网站的网页更快、更高效地获得索引,利用代码帮助搜索机器人更有效地了解自己的网页,还将为用户的网站添加丰富的内容,描述和评论都将被显示在 Google 搜索页面上。

PWA Pro with Caching

PWA Pro允许用户对图片和CSS等资源进行缓存,用者不必在每次浏览页面时都要重新下载这些文件,大大加快页面加载速度,提供更好的用户体验。