所在分类:  Shopify 所属圈子: Shopify运营 Shopify

想通过首页提高转化,如何做shopify首页?首页需要注意哪些细节及要点?

发帖3次 被置顶0次 被推荐0次 质量分0星 回帖互动0次 历史交流热度0% 历史交流深度0%
最近在网上在各大论坛看了很多shopify首页案例,要点模糊零散……

都知道shopify首页是这个网站店铺的脸面,是进入店铺能否给客户留下好的印象。高大上的首页也能提高首页转化,假如想让客户在里面挑选产品,有着良好的体验。显而易见它的重要性……

首页的高质量设计需要具备哪些要点及注意哪些细节?在这里想请大家不吝指点。

跨境电商的旺季开始了,希望各位都能一扫阴霾,大卖特卖!
已邀请:
shopify网页打开速度慢是影响做外贸网站店铺转化率的一个重要方面,除了会造成用户的流失,还会有其他的后果。第一,会造成用户焦虑,如果用户打开你的Shopify网站,十秒还没有反应,那么用户就会很烦躁,可能直接就关掉页面,那之前所做的工作就付之东流了;第二,降低Shopify网站搜索排名。不管是Google浏览器还是雅虎浏览器,如果你的Shopify网站打开速度太慢,跳出率较高的话,你的排名将会靠下;第三,降低 Alexa排名,Alexa排名是Shopify网站的整体排名,你的访客质量、网站页面打开速度、SEO整合排名都会被影响。我们需要借助一些专业的网站测速工具来检测网站打开速度,继而有针对性地采取优化提速措施。
影响网站打开速度的因素除了网站本身之后,还和服务器有很大关系。那么我们首先以shopify服务器为例,给大家介绍下服务器的那些事。
一、Shopify 的服务器在哪里?
Shopify硬件服务器主要在美国华盛顿和芝加哥。同时shopify云服务器部署在亚马逊云和谷歌云上,但是这些服务器的位置,并不会很大程度影响网站的访问速度,因为shopify整个框架是建立在CDN上的。CDN中文名称:内容分发网络。有了CDN之后,shopify会把它所有的网站资源推送到各地有CDN服务器的部署点上。全世界所有有CND服务器的地方,都会有shopify的相关东西。
也就是一个来自美国加州的客户访问你的店铺时,他其实是从加州的CDN的服务器上去下载所需要的内容。同样的道理,如果是美国德州的一个客户在访问你的外贸网站的时候,其实是从德州的cdn服务器上读取相关的内容。  
上面就是CDN内容分发服务器的作用。它保证了所有全球各地跨境营销系统客户都能从就近的服务器上打开你的shopify店铺,也就是说,正常情况下,你的shopify店铺在全世界的访问速度都是有保证的,只要那个地方部署了CDN服务器。
二、网站测速工具有哪些?怎么用(建议收藏)
一般来说,如果网站测速工具测试出的评分在50以下,那么我们就要着手进行优化网站访问速度的动作了。这里有三个常用的测速工具。这些工具的操作流程大体类似,我们将以Google pagespeed insights为例。
1.     Google pagespeed insights
Page Speed Insights是根据”载入不须卷动位置时间”及”载入完整网页时间”来评测网页打开速度,针对PC端和移动端分别给出建议。
第一步:进入PageSpeed Insighs.com网站首页,输入网站网址后点击“分析”
第二步:查看检测结果和优化建议
Pagespeed insights从“速度”和“最佳化”两个维度给出评分。主要指标为:First Contentful Paint(FCP)与DOM Content Loaded(DCL)的时间。 FCP指的是用户进入网站时看到画面呈现的第一时间,即使网站并未完全读取完毕,能够看到网站的文字或图片读取有所进展,能够让客户满足改善用户的浏览体验,而DCL的意思是DOM(文件物件模型)内容读取的时间,DCL的时间会排除图片与CSS网站版型的读取部份。
2.Tools.pingdom.com
Pingdom是一个免费的网站测速工具,从多方面测试网站,可以测试网站加载速度,也可以对页面和大小进行分析。我们可以查看详细的测试报告,帮助用户找出影响网站速度的因素如图片、CSS等,并给出详细的优化网页性能的方案。
3.Webpagetes
Webpagetest原来由AOL开发的供内部使用的工具,后来开源(例如:magento的开源商城体系),总体上说是一款网页前端性能测试工具。Webpagetes的特色在于可以分国家测试网站加载速度,还可以从浏览器和手机系统(IOS/Android)系统的维度测试网站加载所花费的时间。
三、提升shopify网站访问速度的技巧
1. 优化图片
一般情况下,一个网站需要提速我们考虑的第一条就是优化图片。Shopify后台有一个压缩图片的免费app,叫image compressio, 我们可以将它装在shopify后台, 然后定期地对自己店铺的新图片自动压缩, 压缩完之后,你的店铺访问速度应该会提高很多。
2. 优化JS代码
当然这个可能需要懂一点点计算机基础知识才好操作。把一些JS代码,请求合并成一个文件或合并在在一起,可以减少像JS服务器发送请求数。请求数越少,显然你的加载速度更快一些。
3. 卸载过慢的shopify app
需要特别强调的是有一部分免费的app,但是他们的速度非常慢,因此 我们建议所有卖家安装免费app时最好进行一下测速,安装之前测一下,安装之后测一下,再对比一下速度,看一下这个app有没有对你的店铺访问速度有特别明显的影响。
4. 延缓图片的加载
我们可以这样设置:在客户翻到了你的图片时,才去加载图片。这也可以提高外贸网站的加载速度,可以参考一下飞书信平台的设置。
当然,优化网站访问速度的方式和技巧还有很多,我们上面列出的是比较常见也比较容易完成的方法。

要回复问题请先登录注册

x 点击咨询