AMZ123跨境卖家导航
拖动LOGO到书签栏,立即收藏AMZ123
首页跨境头条文章详情

5个步骤教你轻松优化网站主页

5192
2019-04-08 11:51
2019-04-08 11:51
5192

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。


你的网站主页既是品牌的门面,又能帮助新老客户更好地各取所需。每个细节都应旨在建立更好的第一印象和鼓励特定行为,无论你的目标是售卖产品,还是获取更多的注册用户。主页的设计途径有不少。这篇文章包含一些主页设计的小窍门,不管你是新手还是单纯想升级一下网站都可以参考一下。




01
主页设计过程中遇到的问题



一个好的主页设计并不代表它适用于所有的电商。


如果你正在寻找一个设计方案,但是还摸不着头脑,那么可以先从以下几个问题入手:


· 你希望网站访客完成什么行为?(如立即购买,注册用户等)

· 你如何才能让他们更轻松地做到这一点?

· 实现你的目标需要经过多少步骤?

· 他们需要提交多少信息才能进入到下一步?

· 有可以省略的步骤吗?


有些消费者在访问网站的时候目的性比较明确,但是也有一部分人并不是很清楚。你在设计网站的时候不仅需要考虑到这一点,而且还要综合考虑你为网站所设定的主要目标。




一个好的网站不但要能帮助有目的的消费者得其所需,还应能引导那些没有方向的潜在消费者。




02    主页设计需要达到哪些目标?



网站访问者在主页的平均停留时间应该在10至20秒。从设计的角度来讲这就意味着网站的导航流程需要非常清晰,这样访问者就可以更快地为自己(和你的业务)选取最佳途径。


由于“决策规避”(即人们通常不会花太长时间做决定)的心理现象,使得达到以上这一目标显得更为紧迫。对于网站来说,决策规避也就是退出主页或点击返回按钮。要想避免这一点,网站设计的首要任务就是说服潜在消费者继续留在页面上。


要做到这一点,你需要理解网站最具价值的地方所扮演的角色。



1  能够激发特定行为的“首屏”内容



当一个网站设计师在提及主页的“首屏”区域时,他们指的是在来访者决定下拉页面前所看到的东西。


当你在考虑将哪些内容放在首屏及其如何与主页其它内容联合作用的时候,你应该把重心放在你希望来访者完成哪些特定行为,他们所需要的初步信息,以及你怎样可以帮他们做决定这些方面上。



以上图的Morning Recovery网站为例,他们的业务是售卖一款防宿醉产品。所以他们的目标是引导潜在消费者购买他们家的龙头产品,为达到此目的他们设计了一个颜色鲜艳的、以产品为中心的视觉和一个清晰的行为号召按钮(Call to Action,以下简称CTA)放在他们的“首屏”区域,以引导潜在消费者进行购买。


消费者在该页面面临两个可选捷径:


1. 点击下一步进行购买

2. 首屏下拉获取更多信息——用户评价,视频,有关产品原料的信息。


许多网站头部会使用一个醒目的标题和具有说服力的副标题,以及引人注意的视觉来吸引新用户并带领他们对品牌进行更深的了解。


其实从一开始你就可以通过许多方式来吸引消费者,比如说在导航栏上方设计一个促销类横幅,可以是特价促销或免邮等。



2清晰的导航栏



一个主页的导航栏清晰与否取决于它的简洁度。这可能跟你要满足不同消费者的需求有点自相矛盾,但你得保证消费者能够在主页上能够进行快速浏览。


头部导航应该越简洁明了越好,将多数消费者的需求放在首位。Orbit Media Studios的策略总监Andy Crestodina认为网站上不应有超过7个的导航链接。


人类使用一种叫做“组块”的记忆法,将信息分解成较小的“组块”单元进行记忆。


“组块”越少,记起来就越容易。在1956发表的一个颇具影响力的研究中,心理学教授George Miller总结说,我们的短期记忆通常只允许一次性容纳7个项目。



那些含有太多导航项的网站,往往会给人一种拥挤杂乱的感觉,因而会增加用户离开或者走错路的可能性。一个比较好的策略就是合理安排导航项,从左到右安排,将最重要的页面放在左侧。


如果你有很多产品和系列,那么把重点放在主要的高级系列上,使用超级菜单或者下拉菜单来创建二级导航。


二级导航能够更好地帮助你对产品和页面进行组织分类而不影响消费者的购物体验。



就拿UNCONDITIONAL的主页(如上图所示)来说,他们巧妙地通过简单的主导航和二级导航展示丰富的产品类目。


有一些网站还会根据自己的主要需求在主导航栏上设立了介绍页面(关于我们)和联系页面,常见问题(FAQ)页面,或者其它的页面。


但是如果你发现这些页面的转化效果不如预期,那么它们很可能是转化失败的问题所在。如果是这样的话,最好把它们放在网页底部。




3吸引眼球的视觉



决策规避不仅体现在导航栏上,网站上其它的因素也会对其产生影响。在设计网站的时候清楚地认识到用户注意力的有限能够帮你分析主次因素。


无论你是对某个产品或系列进行促销,还是想吸引潜在客户,视觉在吸引用户的注意力方面扮演者极为重要的角色。


以下是将视觉整合到主页首屏区域的一些途径: 


添加含文字的图片



这种首屏视觉的风格通常由一个单独醒目的图片,一句简单的文案和一个行为号召按钮组成。对于那些希望把诸如限时优惠、龙头产品或当季系列之类的主要促销放在首屏上方的电商来说,这是最佳的途径。


图片幻灯播放



你也可以考虑使用图片幻灯播放来展示一个特定的折扣,一组产品或者高清产品图。


对于那些拥有一些类目且产品丰富的商家来说,这是一个不错的手段。他们可以用它来推广其中一些产品系列或希望推广的页面。


你需要合理安排播放的先后次序,先放最主要的。而且建议不超过三个图片,因为消费者在进入下一步前不会花太长时间看一张图片。


视频



一些品牌会从主页上一个背景介绍的视觉中获益。但是对于那些创意性强或者较为复杂的品牌来说,在真正感兴趣之前可能有必要先告诉消费者如何使用产品。


以Bottle Cutting Inc的主页为例,许多访客可能还不知道他们到底需不需要他们的产品,所以品牌在主页上通过添加视频展示来增加刺激性——这也是转化过程的一个很有必要的步骤。


由于视觉起到直接和明显的作用,所以必须确保它们的高清质量及其品牌的真实代表性。


如果你不是专业摄影师,你可以请一位专业摄影师或者使用Shopify模板编辑中的image picker的免费素材图库。




4 一个直接的CTA



可以把CTA理解为高速公路的出口标志,它应该简短精悍,醒目而且能够对需要帮助的司机起引导作用。


你的CTA及其链接需要能够引导消费者采取符合主页主要目标的步骤。它可能会转至最新产品系列的链接或者让用户观看视频来获取更多信息。


从CTA按钮独特的设计中,消费者应该马上知道点击哪里。找到这个按钮所需的时间越长,消费者就会越迷失方向或直接放弃。



上图所示的PopSockets主页,在带领消费者走上理想的转化道路方面就做得很不错。他们用醒目的产品视觉来吸引注意力,而且黑白相间(与背景色区分开来)的CTA按钮在前方正中央。


首屏上方所显示的内容也是主页的主要目标:引导用户直接浏览最新产品线。在你下拉时,你可以看到更多的CTA按钮来购买其他产品。



5易于访问的购物车



对于许多电商网站来说,购物车属于主页中不可分割的一部分。


让导航栏更直观的其中一个目的就是确保购物车更容易被找到。一个“置顶”购物车(有时候又称“slide-out”购物车,可在部分Shopify模板中找到)是一种在浏览过程中全程显示的购物车,一般在页面右上角显示。


不仅如此,它还可以显示购物车里已有的商品数量。一个显眼的购物车提示,不但显示了已加入购物车的商品数量,还可以提醒消费者他们的购买正在进行中并鼓励完成购物。




底线:使购物车一目了然而且容易进入。



Chubbies在主页设置了一个红色提示,旨在提醒消费者购物车内的商品数量,而且还有一个置顶购物车,使得消费者很容易就可以继续购物或直接结账。



6一个搜索栏 (适用于更多的产品系列)



除了简洁明了的导航栏与置顶购物车之外,很多电商会在主页添加一个“搜索栏”来帮助那些目的性比较明确的访客搜索想要的产品,特别是在网站上有很多产品或是很多内容的情况下。



旗下拥有一系列各种各样化妆品的Morphe就是一个很好的例子。为了让消费者更容易找到他们想要的产品,Morphe添加了一个智能搜索栏,它可以自动完善访客的搜索需求并推荐相应的产品,系列或者页面。这就在主页和访客目标页之间建立了直接的桥梁。


一般来说,在经过一个完整搜索的消费者更容易完成转化。如果你的品牌旗下拥有很多产品,一个简单快捷的搜索栏对于可能会将顾客拒之门外的复杂导航来说是一个不错的选择。


如果你想在你的Shopify商店里添加一个智能搜索,你可以试一试Smart Search & Instant Search或者Instant Search +。



03
首屏之外:其它要考虑的元素



在首屏下方提供的元素(当用户下拉滚动时)不一定就不重要——他们通常是对已有内容的强调和拓展,为相同的转化目标提供其他的实现途径,而且让消费者更容易访问其它页面。


以下是一些可以加入主页设计或底部的元素,可以根据你的网站目标来选择。


博客、视频及其他内容


博客和视频内容对于SEO来讲很重要,但是首屏上方的内容足以转移消费者的注意力并让他们对产品失去兴趣。你所需要的是能够引导潜在消费的内容,而不是其它的杂七杂八的东西。


可以考虑将内容链接置于首屏下方,或者放在网页底部,特别是当内容不是业务的核心方面,但它可以让决定浏览网站的潜在消费者找到这些内容。


如果你要推广内容,你可以在主导航栏添加一个链接,但是这类推广最好放在社交媒体上,邮件或第三方网站传播,这样可以从网站外部引流。



举个例子,售卖环保且易携带的炊具和照明设备公司BioLite Energy通过将包含主要信息的主页视频内容插在首屏与网页底部之间的地方,避免了用户将注意力分散到他们的核心价值主张之外。其他从博客到YouTube频道等内容都在其下方。


社会认同:用户评价、认可与媒体报道


社会认同是对品牌的认可,通过利用来自老顾客或专家的现有信任来获取潜在消费者的信任。它可以包含媒体报道,用户评价,社交媒体发布,Instagram发图或者红人或专家的认可。


如果你拥有具有说服力的社会认同,建议可以将其放在主页上。


下图显示的ErgoDox主页截取了社交媒体上的一些使用心得以及来自知名公司员工的推荐来作为其产品质量作担保。但是他们把这些内容放在靠近处,在这之前介绍了产品的功效。




低优先级与附加产品


可以把比较早的产品和附加产品放到主页靠近网页底部处。你需要重点推广龙头产品或最新产品线。


那些可以作为主产品的补充且不是特别贵的产品可以作为结账时的增销推广,也可以放在首屏下方方便消费者知晓,如果你卖的产品需要更换零件或替换的话。


LIV Watches主要卖手表,但是他们也推广像表带之类的优质附加产品,把它们放在主页靠近底部的区域。



低优先级页面

     

低优先级页面因业务模式而异。


通常情况下,像服务条款,隐私权政策和退货政策这样的页面都是放在网页底部。因为大多数网站都会将这些页面的链接放在网页底部,所以很多用户如果需要去这些页面的话会直接去网页底部找。


其它如关于我们,联系信息,店铺地址,或者订单跟踪页面等也可以加到网页底部。但是如果这些页面真的能够帮助你获得转化,或是实现其中一个主要目标的话,你也可以考虑在主导航栏上为其安排位置,甚至是加到主页设计中。


例如,一个售卖订阅服务的商家如果在主页导航栏上添加一个明显的FAQ可能会很大地降低销售量。或者,像Bellroy这样一般需要线下购买产品的商家,你可以通过明显的Store Locator(店铺定位)链接帮助消费者定位实体店铺。


     

在决定一个页面是否属于低级别,问问自己如果你直接将访问者导航至该页面的话你会获益多少,以及你是将消费者驱离还是导向预期效果。



04

符合手机的主页设计 



手机网页浏览量在过去近十年内持续增长。由于你的一部分流量是来自手机用户,在主页设计的过程中也需要考虑到手机用户这一因素。


简化主页,引导用户的特定行为对于手机用户来讲尤为重要。



如果你是Shopify用户,在Shopify模板商店里的任何一个模板元素都会根据屏幕大小进行自动调整。但是,你要考虑到那些在电脑桌面上完美展示的图片在手机屏幕上看起来可能因为被截图看起来有点怪。CTA按钮可能有点难找,或是被调到一个不太显眼的地方,这样消费者很容易就错过。


在Shopify模板编辑中,通过预览顶端的切换选项你可以很容易地预览各种主页设计在不同设备上的效果。



05
过一段时间后升级设计



你可能也很清楚,完成一个网站的主页设计没有一个绝对的解决方案。像人口统计、品牌推广、商品数量、营销渠道或其它因素都可以通过复杂的方式影响到用户行为。


这也就是为什么要经常把主页设计看成是正在进行中的项目,在一段时间后通过流量和销售量来评估并调整主页。





免责声明
本文链接:
本文经作者许可发布在AMZ123跨境头条,如有疑问,请联系客服。
最新热门报告作者标签
单价400的风扇爆卖海外,TikTok卖家25天捞金千万
中国风扇在TikTok卖断货,上线25天已入百万美金
越南电商规模达310亿美元,跻身全球前十
AMZ123获悉,越南工贸部近日在一场以“电商作为出口催化剂”为主题的研讨会上披露,2025年越南电商市场总值约为310亿美元,已跻身全球前十、东盟前三。其中,跨境电商部分贡献约44.5亿美元,占进出口总额的15%至16%。尽管绝对值尚不算庞大,但其年均17%至18%的稳定增幅,正吸引越来越多企业将电商视为核心出口引擎。越南工贸部对外贸易局同时指出,过去三十年间,越南进出口总额从130亿美元飙升至9300亿美元,增长超过70倍,仅出口一项便突破4750亿美元。从出口目的地来看,美国、中国和欧盟仍是越南商品通过电商渠道出海的首要目标区域。仅美国一地,就吸纳了越南线上出口收入的22%以上。
瑞士六家银行将测试瑞士法郎稳定币
Fin123获悉,近日,据外媒报道,瑞银集团、瑞士邮政金融、Sygnum银行、Raiffeisen银行、苏黎世州银行以及沃州州银行在内的六家银行,已联合瑞士稳定币公司(Swiss Stablecoin AG)启动一项瑞士法郎的稳定币测试项目。该项目将在一个受控的“沙盒”环境中运行,时间覆盖整个2026年,同时也向其他有意参与的银行、企业和机构开放。此次测试的核心目标是探索区块链技术与瑞士法郎之间的结合方式,以推动瑞士数字货币生态的发展,并提升瑞士金融中心的竞争力。参与机构将在接近真实的环境中模拟支付流程,但会对用户数量和交易规模设置限制,以控制风险并积累实际运营经验。
亚马逊会员日促销新规下,这类产品有望爆单!
2026年上半年,亚马逊最后也是最重要的流量风口已经来了。4月地球日流量专享、6月PrimeDay提前来袭......2026年亚马逊上半年两大重要大促已明确节点,各种变化依旧打了卖家一个措手不及。随着流量越来越难以捉摸,广告越来越贵,在成本压力持续增大的情况下,也催生出一批摆脱内卷,领跑赛道的跨境卖家。他们凭借一个小小的绿色标签,在大促中实现了更低成本、更高产出的“躺赢”。每年4月22日世界地球日,亚马逊都会为气候友好认证(CPF)产品开辟专属流量入口——地球日专项BD、环保商品活动页、搜索推荐加权。2026年,这一扶持力度只增不减。
营收达75亿欧元!德国电商Otto加码人工智能
AMZ123获悉,近日,据外媒报道,德国最大的电商平台Otto推出一款全新人工智能购物助手。该系统基于谷歌Gemini平台构建,同时深度整合了Otto平台自有的海量商品数据。具体而言,其调用的资源库涵盖1800万件商品信息、详尽产品描述及真实用户评价。Otto的战略意图十分明确,即其不打算在低价赛道上与对手直接竞争,而是选择用更聪明、更具品质感的购物体验构筑护城河。这一转向背后有扎实的业绩支撑:Otto当前营收已约75亿欧元,2028年计划营收达100亿欧元。从实际落地场景来看,这款AI助手能理解用户输入的日常口语、方言甚至俚语表达。当消费者键入“我需要一件过冬的保暖外套”时,系统数秒内即可给出个性化推荐方案。
非洲电商平台Jumia将加码尼日利亚内陆市场
AMZ123获悉,近日,据外媒报道,非洲电商平台Jumia Nigeria宣布,将于2026年第一季度大幅扩展其在尼日利亚的物流与提货网络,将投资重点从传统核心城市移开,投向此前长期被忽视的内陆地区,以填补高潜力区域的服务空白。根据规划,Jumia此次拓展将重点覆盖尼日利亚北部的凯比州、索科托州和卡杜纳州,同时扎里亚等战略城市的配送密度也将得到强化。Jumia尼日利亚首席执行官特米达约·奥乔指出,越来越多居住在城市中心以外的尼日利亚人,正在寻找稳定可靠的线上购物渠道,而现有的物流基础设施远未能跟上这一变化。而Jumia此番动作的核心意图,正是让基础设施布局与正在重塑的需求版图重新对齐。
男性美容月支出达90美元,Z世代撑起美妆电商新增量
AMZ123获悉,近日,据外媒报道,Z世代男性正在改写美容护肤市场的消费版图。根据Just for Men与Talker Research联合开展的调查显示,年龄在25岁以上的美国男性中,68%的Z世代与千禧一代比五年前更在意外表形象,超过半数的受访者承认在个人美容方面投入的时间较五年前多了56%,相关花费也同步增长了51%。值得注意的是,男性在个人护理领域的月度开支已悄然超越女性。Bread Financial与Ulta Beauty联合发布的研究指出,男性每月在这一领域的平均消费为90美元,而女性则为80美元。推动这一增长的核心动力正来自Z世代。这场消费变革的背后,是决策路径与购物习惯的根本性迁移。
26年Q1波兰消费者购物趋势:宠物类产品支出增长超285%
AMZ123获悉,近日,ERLI发布的2026年第一季度数据显示,波兰电商市场正在加速变化,线上渠道已从“补充选项”转变为消费者的首选购物方式。消费者的购物篮结构明显改变,从以往以电子产品为主,逐步转向咖啡、宠物用品以及家居装饰等日常消费品,线上购物已深度融入日常生活。从具体品类来看,日常消费品增长最为明显。咖啡成为线上购物的重要组成部分,其中咖啡豆销售额同比增长131%。与此同时,宠物相关产品增长更为迅猛,从宠物食品到非处方兽药的整体品类增速最高达到285%,驱虫项圈的销售同比增长约94%,这一变化与春季到来带动的季节性需求密切相关,也反映出消费者正在将更多固定支出转移至线上渠道。
美客多将在智利投资7.5亿美元,提供1200个岗位
AMZ123获悉,近日,据外媒报道,拉丁美洲电商巨头美客多计划在2026年向智利市场投入7.5亿美元,与2025年的投资规模相比,此番金额增幅达到27%。据了解,过去六年里,美客多在智利的累计投入已突破20亿美元,伴随新一轮的投资,预计2026年将为智利直接创造1200个新增就业岗位。值得注意的是,这笔巨额资金投入将流向物流基础设施的扩容与金融科技生态的完善。在物流端,美客多将在圣地亚哥启动第二个大型配送中心的建设,预计今年下半年即可投入使用。该中心能够存储超过1500万件商品,旨在直接拉高订单履约效率。此外,美客多还计划将物流网络向智利北部和南部延伸,试图弥合不同区域间网购体验的落差。
亚马逊收紧价格规则,卖家须保证标价与近期实际售价一致
AMZ123获悉,近日,据The Information报道,亚马逊在2026年Prime Day前对卖家价格规则进行调整,卖家必须确保所设商品标价与最近在亚马逊或其他品牌的实际购买价格相符,以防止出现误导性促销。从5月18日起,亚马逊还将改变“典型价格”的计算方式,更加重视商品在过去三个月大部分时间是否以折扣价销售。这一调整旨在回应消费者对亚马逊操纵商品价格的长期投诉,目前亚马逊正面临一场集体诉讼,原告指出亚马逊平台在计算折扣时使用“虚构”标价,导致促销幅度被夸大。
亚马逊Listing搜不到、广告没曝光、Vine没人领,问题到底出在哪?
很多卖家一遇到新品起不来,就会先下一个结论:我的 Listing 没被亚马逊系统收录。卖家爆料前台搜品牌词加核心词找不到,广告出价不低却没曝光,Vine 开了一周也没人领。于是开始删库存、删 Listing、隔 24 小时或 48 小时重传,结果折腾一圈,问题还在。先说结论:大多数情况下,卖家遇到的不是“完全没收录”,而是“搜索可发现性差、关键词不索引、广告资格不足、页面吸引力不够”几种问题叠在一起。如果一上来就删链接,往往是在重做同一个错误,而不是解决问题。一、前台搜不到,就一定是没收录吗?不一定。
银发经济崛起!日本电商增量或将大爆发
《全球电商市场报告——日本篇》重磅发布!
“万能扳手”上线25天,在TikTok美区成交百万
淘宝2元“神器”在TikTok美区爆卖百万
Wildberries将统一中俄卖家佣金
AMZ123获悉,近日,俄罗斯电商平台Wildberries宣布,将对中国卖家与俄罗斯本土卖家实行统一的佣金政策,以提高平台经营环境的透明度和可预期性。该举措已在俄罗斯联邦反垄断局(FAS)信息技术竞争发展专家委员会会议后提交监管机构。根据Wildberries披露,此次调整是其平台治理措施的一部分,重点包括优化卖家定价管理机制,以及规范由平台承担的折扣规则。在具体执行层面,Wildberries平台将实现中俄卖家佣金条件一致,同时改进卖家对商品定价的控制能力,并推动折扣机制更加透明化。未来,卖家可以在后台自行选择是否参与由平台提供的商品折扣,相关功能将通过自动化工具实现,支持一键开启或关闭。
中东停火,跨境物流成本或下降
美伊冲突,按下了“暂停键”。当地时间4月7日,美国总统特朗普在个人社交平台Truth Social上发文称,应巴基斯坦请求,其已同意暂停对伊朗的轰炸和攻击,为期两周,并表示这将是一次双向停火。随后,当地时间4月8日凌晨,伊朗最高国家安全委员会也发表声明回应称,根据最高领袖的建议和最高国家安全委员会批准,接受巴基斯坦提出的停火提议。据巴基斯坦总理透露,该停火协议已于伊朗时间4月8日凌晨3时(北京时间4月8日8时)生效。尽管该停火协议的期限仅为两周,但其已在一定程度上缓解了市场对局势进一步恶化的担忧,并为包括跨境电商行业在内的全球市场提供了预期向好的信号。
拿捏美国工位经济,这款国产支架在TikTok赚了2700万+
据不完全统计,抛开睡眠时间,这一届打工人80%时间奉献给了工位,剩余的20%的则是在奔赴工位的路上。秉承着“把公司视作第二个家”的人生信条,大批打工人走上了自掏腰包爆改工位的“不归路”。在此前的文章中,TT123介绍过多款例如白磷人格桌面摆件、怼人马克杯等多款“工位经济学”下的爆品,它们的共性在于提供了满满的情绪价值,但言归正传,情绪抚慰并不能切实缓解长时间伏案办公带来的颈椎、腰椎酸痛,打工人们也重新意识到“科学(打工)是第一生产力”这句话的含金量,他们渴望通过更灵活、更符合人体工学的办公搭子,调整体态和动线,释放桌面空间,让工作环境真正服务于健康与效率。
《TikTok Shop突破末次触达归因(LTA)ROAS分析报告》PDF下载
在数字化浪潮中,广告主正面临有效衡量广告支出回报率(ROAS)的挑战。传统未次触达归因(LTA)模型因数据收集难度和归因偏差问题已难以满足广告主的需求,因此,探索新的方法来解决这些问题显得尤为重要。
《未来电商报告:品牌独立站五步升级锁定未来确定性增长》PDF下载
调研显示,出海商家针对家居、时尚及消费电子等品类布局比例均超过30%。独立站凭借其高度品牌化、个性化、场景化及功能性等优势,精准契合上述品类对品牌调性、场景交互及沉浸式体验的核心诉求,正成为商家黑五大促期提升销量、构建品牌竞争壁垒的关键载体。
《TikTok Shop达人真实种草力报告》PDF下载
达人正在将文化内容、社群互动与商业转化深度融合,形成一个高度协同的内容商业生态,其价值早已不再局限于内容带来的直接收入。从更广义的商业视角来看,达人价值的核心在于真实影响力-即其内容对商品与服务产生影响并促成转化所形成的整体商业价值,这一能力正构成达人在内容电商体系中的带货价值基础。
《2026年第2季度儿童时尚品类报告》PDF下载
儿童时尚品类概览 主题选品合辑 巴西站点上新 泰国站点上新 菲律宾站点上新 越南站点上新
《TikTok Shop 2025年度报告》PDF下载
2025年,TikTok Shop进一步加快扩张步伐,在巩固欧美成熟市场的同时,积极开拓新兴市场,先后上线德国、意大利、法国、日本等站点。此举不仅为平台带来新增量,也体现出其多元化市场战略的初步成效,以分散地缘政治风险。
《Shopee2025印尼站点X 汽车摩托品类专题》PDF下载
印尼当地汽车保有量并不高,每一千人的机动车保有量仅96人,未来可提升的空间仍大。空间参照系可以看泰国和马来,2024年泰国汽车保有量为322辆/千人,马来西亚为531辆/千人。
《2026年Shopee运动户外类目自行车爆品分享》PDF下载
巴西骑行爱好群体广泛,但平台上热销品呈现出的国际大牌极少,推测可能原因是国际品牌可能主要通过线下经销或自行渠道销售,未深度参与Shopee等本土电商。因此巴西用户在平台上几乎接触不到这些高端品牌产品。平台上巴西用户更倾向购买本土品牌的自行车,可能出于价格实惠和售后便利考虑。
《2025年TikTok生态发展白皮书》PDF下载
2025年,全球内容电商迈入深度跃迁的新周期。TikTokShop正以前所未有的速度拓展市场版图,完成从高速增长向高质量增长的跃迁。在这一进程中,生态结构重构、参与者多元化、全球政策协同等因素叠加,构成内容电商演进的核心变量。
AMZ123卖家导航
这个人很懒,还没有自我介绍
侃侃跨境那些事儿
不侃废话,挣钱要紧!
AMZ123会员
「AMZ123会员」为出海者推出的一站式私享服务
跨境平台资讯
AMZ123旗下跨境电商平台新闻栏目,专注全球跨境电商平台热点事件,为广大卖家提供跨境电商平台最新动态、最热新闻。
亿邦动力网
消除一切电商知识鸿沟,每日发布独家重磅新闻。
跨境数据中心
聚合海量跨境数据,输出跨境研究智慧。
北美电商资讯
AMZ123旗下北美跨境电商新闻栏目,专注北美跨境电商热点资讯,为广大卖家提供北美跨境电商最新动态、最热新闻。
跨境电商赢商荟
跨境电商行业唯一一家一年365天不断更的媒体!
首页
跨境头条
文章详情
5个步骤教你轻松优化网站主页
Shopify官方
2019-04-08 11:51
5192

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。


你的网站主页既是品牌的门面,又能帮助新老客户更好地各取所需。每个细节都应旨在建立更好的第一印象和鼓励特定行为,无论你的目标是售卖产品,还是获取更多的注册用户。主页的设计途径有不少。这篇文章包含一些主页设计的小窍门,不管你是新手还是单纯想升级一下网站都可以参考一下。




01
主页设计过程中遇到的问题



一个好的主页设计并不代表它适用于所有的电商。


如果你正在寻找一个设计方案,但是还摸不着头脑,那么可以先从以下几个问题入手:


· 你希望网站访客完成什么行为?(如立即购买,注册用户等)

· 你如何才能让他们更轻松地做到这一点?

· 实现你的目标需要经过多少步骤?

· 他们需要提交多少信息才能进入到下一步?

· 有可以省略的步骤吗?


有些消费者在访问网站的时候目的性比较明确,但是也有一部分人并不是很清楚。你在设计网站的时候不仅需要考虑到这一点,而且还要综合考虑你为网站所设定的主要目标。




一个好的网站不但要能帮助有目的的消费者得其所需,还应能引导那些没有方向的潜在消费者。




02    主页设计需要达到哪些目标?



网站访问者在主页的平均停留时间应该在10至20秒。从设计的角度来讲这就意味着网站的导航流程需要非常清晰,这样访问者就可以更快地为自己(和你的业务)选取最佳途径。


由于“决策规避”(即人们通常不会花太长时间做决定)的心理现象,使得达到以上这一目标显得更为紧迫。对于网站来说,决策规避也就是退出主页或点击返回按钮。要想避免这一点,网站设计的首要任务就是说服潜在消费者继续留在页面上。


要做到这一点,你需要理解网站最具价值的地方所扮演的角色。



1  能够激发特定行为的“首屏”内容



当一个网站设计师在提及主页的“首屏”区域时,他们指的是在来访者决定下拉页面前所看到的东西。


当你在考虑将哪些内容放在首屏及其如何与主页其它内容联合作用的时候,你应该把重心放在你希望来访者完成哪些特定行为,他们所需要的初步信息,以及你怎样可以帮他们做决定这些方面上。



以上图的Morning Recovery网站为例,他们的业务是售卖一款防宿醉产品。所以他们的目标是引导潜在消费者购买他们家的龙头产品,为达到此目的他们设计了一个颜色鲜艳的、以产品为中心的视觉和一个清晰的行为号召按钮(Call to Action,以下简称CTA)放在他们的“首屏”区域,以引导潜在消费者进行购买。


消费者在该页面面临两个可选捷径:


1. 点击下一步进行购买

2. 首屏下拉获取更多信息——用户评价,视频,有关产品原料的信息。


许多网站头部会使用一个醒目的标题和具有说服力的副标题,以及引人注意的视觉来吸引新用户并带领他们对品牌进行更深的了解。


其实从一开始你就可以通过许多方式来吸引消费者,比如说在导航栏上方设计一个促销类横幅,可以是特价促销或免邮等。



2清晰的导航栏



一个主页的导航栏清晰与否取决于它的简洁度。这可能跟你要满足不同消费者的需求有点自相矛盾,但你得保证消费者能够在主页上能够进行快速浏览。


头部导航应该越简洁明了越好,将多数消费者的需求放在首位。Orbit Media Studios的策略总监Andy Crestodina认为网站上不应有超过7个的导航链接。


人类使用一种叫做“组块”的记忆法,将信息分解成较小的“组块”单元进行记忆。


“组块”越少,记起来就越容易。在1956发表的一个颇具影响力的研究中,心理学教授George Miller总结说,我们的短期记忆通常只允许一次性容纳7个项目。



那些含有太多导航项的网站,往往会给人一种拥挤杂乱的感觉,因而会增加用户离开或者走错路的可能性。一个比较好的策略就是合理安排导航项,从左到右安排,将最重要的页面放在左侧。


如果你有很多产品和系列,那么把重点放在主要的高级系列上,使用超级菜单或者下拉菜单来创建二级导航。


二级导航能够更好地帮助你对产品和页面进行组织分类而不影响消费者的购物体验。



就拿UNCONDITIONAL的主页(如上图所示)来说,他们巧妙地通过简单的主导航和二级导航展示丰富的产品类目。


有一些网站还会根据自己的主要需求在主导航栏上设立了介绍页面(关于我们)和联系页面,常见问题(FAQ)页面,或者其它的页面。


但是如果你发现这些页面的转化效果不如预期,那么它们很可能是转化失败的问题所在。如果是这样的话,最好把它们放在网页底部。




3吸引眼球的视觉



决策规避不仅体现在导航栏上,网站上其它的因素也会对其产生影响。在设计网站的时候清楚地认识到用户注意力的有限能够帮你分析主次因素。


无论你是对某个产品或系列进行促销,还是想吸引潜在客户,视觉在吸引用户的注意力方面扮演者极为重要的角色。


以下是将视觉整合到主页首屏区域的一些途径: 


添加含文字的图片



这种首屏视觉的风格通常由一个单独醒目的图片,一句简单的文案和一个行为号召按钮组成。对于那些希望把诸如限时优惠、龙头产品或当季系列之类的主要促销放在首屏上方的电商来说,这是最佳的途径。


图片幻灯播放



你也可以考虑使用图片幻灯播放来展示一个特定的折扣,一组产品或者高清产品图。


对于那些拥有一些类目且产品丰富的商家来说,这是一个不错的手段。他们可以用它来推广其中一些产品系列或希望推广的页面。


你需要合理安排播放的先后次序,先放最主要的。而且建议不超过三个图片,因为消费者在进入下一步前不会花太长时间看一张图片。


视频



一些品牌会从主页上一个背景介绍的视觉中获益。但是对于那些创意性强或者较为复杂的品牌来说,在真正感兴趣之前可能有必要先告诉消费者如何使用产品。


以Bottle Cutting Inc的主页为例,许多访客可能还不知道他们到底需不需要他们的产品,所以品牌在主页上通过添加视频展示来增加刺激性——这也是转化过程的一个很有必要的步骤。


由于视觉起到直接和明显的作用,所以必须确保它们的高清质量及其品牌的真实代表性。


如果你不是专业摄影师,你可以请一位专业摄影师或者使用Shopify模板编辑中的image picker的免费素材图库。




4 一个直接的CTA



可以把CTA理解为高速公路的出口标志,它应该简短精悍,醒目而且能够对需要帮助的司机起引导作用。


你的CTA及其链接需要能够引导消费者采取符合主页主要目标的步骤。它可能会转至最新产品系列的链接或者让用户观看视频来获取更多信息。


从CTA按钮独特的设计中,消费者应该马上知道点击哪里。找到这个按钮所需的时间越长,消费者就会越迷失方向或直接放弃。



上图所示的PopSockets主页,在带领消费者走上理想的转化道路方面就做得很不错。他们用醒目的产品视觉来吸引注意力,而且黑白相间(与背景色区分开来)的CTA按钮在前方正中央。


首屏上方所显示的内容也是主页的主要目标:引导用户直接浏览最新产品线。在你下拉时,你可以看到更多的CTA按钮来购买其他产品。



5易于访问的购物车



对于许多电商网站来说,购物车属于主页中不可分割的一部分。


让导航栏更直观的其中一个目的就是确保购物车更容易被找到。一个“置顶”购物车(有时候又称“slide-out”购物车,可在部分Shopify模板中找到)是一种在浏览过程中全程显示的购物车,一般在页面右上角显示。


不仅如此,它还可以显示购物车里已有的商品数量。一个显眼的购物车提示,不但显示了已加入购物车的商品数量,还可以提醒消费者他们的购买正在进行中并鼓励完成购物。




底线:使购物车一目了然而且容易进入。



Chubbies在主页设置了一个红色提示,旨在提醒消费者购物车内的商品数量,而且还有一个置顶购物车,使得消费者很容易就可以继续购物或直接结账。



6一个搜索栏 (适用于更多的产品系列)



除了简洁明了的导航栏与置顶购物车之外,很多电商会在主页添加一个“搜索栏”来帮助那些目的性比较明确的访客搜索想要的产品,特别是在网站上有很多产品或是很多内容的情况下。



旗下拥有一系列各种各样化妆品的Morphe就是一个很好的例子。为了让消费者更容易找到他们想要的产品,Morphe添加了一个智能搜索栏,它可以自动完善访客的搜索需求并推荐相应的产品,系列或者页面。这就在主页和访客目标页之间建立了直接的桥梁。


一般来说,在经过一个完整搜索的消费者更容易完成转化。如果你的品牌旗下拥有很多产品,一个简单快捷的搜索栏对于可能会将顾客拒之门外的复杂导航来说是一个不错的选择。


如果你想在你的Shopify商店里添加一个智能搜索,你可以试一试Smart Search & Instant Search或者Instant Search +。



03
首屏之外:其它要考虑的元素



在首屏下方提供的元素(当用户下拉滚动时)不一定就不重要——他们通常是对已有内容的强调和拓展,为相同的转化目标提供其他的实现途径,而且让消费者更容易访问其它页面。


以下是一些可以加入主页设计或底部的元素,可以根据你的网站目标来选择。


博客、视频及其他内容


博客和视频内容对于SEO来讲很重要,但是首屏上方的内容足以转移消费者的注意力并让他们对产品失去兴趣。你所需要的是能够引导潜在消费的内容,而不是其它的杂七杂八的东西。


可以考虑将内容链接置于首屏下方,或者放在网页底部,特别是当内容不是业务的核心方面,但它可以让决定浏览网站的潜在消费者找到这些内容。


如果你要推广内容,你可以在主导航栏添加一个链接,但是这类推广最好放在社交媒体上,邮件或第三方网站传播,这样可以从网站外部引流。



举个例子,售卖环保且易携带的炊具和照明设备公司BioLite Energy通过将包含主要信息的主页视频内容插在首屏与网页底部之间的地方,避免了用户将注意力分散到他们的核心价值主张之外。其他从博客到YouTube频道等内容都在其下方。


社会认同:用户评价、认可与媒体报道


社会认同是对品牌的认可,通过利用来自老顾客或专家的现有信任来获取潜在消费者的信任。它可以包含媒体报道,用户评价,社交媒体发布,Instagram发图或者红人或专家的认可。


如果你拥有具有说服力的社会认同,建议可以将其放在主页上。


下图显示的ErgoDox主页截取了社交媒体上的一些使用心得以及来自知名公司员工的推荐来作为其产品质量作担保。但是他们把这些内容放在靠近处,在这之前介绍了产品的功效。




低优先级与附加产品


可以把比较早的产品和附加产品放到主页靠近网页底部处。你需要重点推广龙头产品或最新产品线。


那些可以作为主产品的补充且不是特别贵的产品可以作为结账时的增销推广,也可以放在首屏下方方便消费者知晓,如果你卖的产品需要更换零件或替换的话。


LIV Watches主要卖手表,但是他们也推广像表带之类的优质附加产品,把它们放在主页靠近底部的区域。



低优先级页面

     

低优先级页面因业务模式而异。


通常情况下,像服务条款,隐私权政策和退货政策这样的页面都是放在网页底部。因为大多数网站都会将这些页面的链接放在网页底部,所以很多用户如果需要去这些页面的话会直接去网页底部找。


其它如关于我们,联系信息,店铺地址,或者订单跟踪页面等也可以加到网页底部。但是如果这些页面真的能够帮助你获得转化,或是实现其中一个主要目标的话,你也可以考虑在主导航栏上为其安排位置,甚至是加到主页设计中。


例如,一个售卖订阅服务的商家如果在主页导航栏上添加一个明显的FAQ可能会很大地降低销售量。或者,像Bellroy这样一般需要线下购买产品的商家,你可以通过明显的Store Locator(店铺定位)链接帮助消费者定位实体店铺。


     

在决定一个页面是否属于低级别,问问自己如果你直接将访问者导航至该页面的话你会获益多少,以及你是将消费者驱离还是导向预期效果。



04

符合手机的主页设计 



手机网页浏览量在过去近十年内持续增长。由于你的一部分流量是来自手机用户,在主页设计的过程中也需要考虑到手机用户这一因素。


简化主页,引导用户的特定行为对于手机用户来讲尤为重要。



如果你是Shopify用户,在Shopify模板商店里的任何一个模板元素都会根据屏幕大小进行自动调整。但是,你要考虑到那些在电脑桌面上完美展示的图片在手机屏幕上看起来可能因为被截图看起来有点怪。CTA按钮可能有点难找,或是被调到一个不太显眼的地方,这样消费者很容易就错过。


在Shopify模板编辑中,通过预览顶端的切换选项你可以很容易地预览各种主页设计在不同设备上的效果。



05
过一段时间后升级设计



你可能也很清楚,完成一个网站的主页设计没有一个绝对的解决方案。像人口统计、品牌推广、商品数量、营销渠道或其它因素都可以通过复杂的方式影响到用户行为。


这也就是为什么要经常把主页设计看成是正在进行中的项目,在一段时间后通过流量和销售量来评估并调整主页。





咨询
官方微信群
官方客服

扫码添加,立即咨询

加群
官方微信群
官方微信群

扫码添加,拉你进群

更多
订阅号服务号跨境资讯
二维码

为你推送和解读最前沿、最有料的跨境电商资讯

二维码

90% 亚马逊卖家都在关注的微信公众号

二维码

精选今日跨境电商头条资讯

回顶部