Learn Shopify 登陆页与主页:主要区别是什么?

登陆页与主页:主要区别是什么?

Updated:
11 minutes read
Landing pages vs Home pages

经营电子商务商店不仅仅是销售和盈利。并非每个客户上网都是为了购买。有时,他们寻找的是有关通用产品的特定问题的答案。您的工作是通过在线商店上的所选网页为潜在买家提供一个目的地。这时,了解登陆页面和主页之间的差异就派上用场了。

本文将探讨这些网页可以为您带来哪些优势、它们的独特功能以及根据您的需求和目标何时使用它们。明确了解它们之间的差异将是让它们协同工作以实现高转化业务的第一步。

登陆页面和主页:它们是什么?

什么是登陆页面?

着陆页是访客通常通过广告链接到达的独立网页。该页面旨在为您的网站带来流量并将潜在客户转化为销售线索。着陆页有多种形式,包括:

  • 潜在客户捕获页面:用于通过数据收集来生成潜在客户。
  • 点击页面:一种鼓励访问者点击 CTA 按钮以进入另一个页面的中介。
  • 挤压页面:一个极简设计的页面,用于收集电子邮件地址以换取奖励(折扣代码、独家内容等)。
  • 销售页面:无论是简短版还是长篇版,旨在在销售漏斗末端完成交易。
  • 闪屏页:提供精确的信息或发布公告,它通常位于客户可能点击的任何页面之前。
  • 病毒式页面:专注于加强品牌知名度,包含社交媒体平台的链接。

了解更多 AZ 指南:如何创建引人注目的 Shopify 登陆页面

什么是主页?

主页是介绍页面,也就是访客在搜索结果页面点击您的网站网址时看到的第一件事。虽然主页不像着陆页那样具有很多外观,但精心设计的主页的重要性不容忽视。它通过图片、字体、展示产品、文本量等的选择反映了您品牌的个性和故事。

主页与书中的目录类似,是任何网站的关键元素,无论其用途如何。个人博客、活动网站、公共论坛,当然还有电子商务商店的网站都需要自己的主页。访客可以根据主页的外观选择继续浏览或离开您的公司。

以下部分将根据构成着陆页和主页的各种决定因素,深入探讨着陆页和主页之间的区别。

登陆页面和主页之间有什么区别?

将这两个网页并排放置,我们可以看到鲜明的对比:

着陆页的设计目标很明确,即通过使用有说服力的信息来推动转化,这些信息旨在收集访问者的数据或鼓励他们进行购买。另一方面,主页是网站的主要入口点,其中包含访问者的一般信息和联系方式。

虽然它们的区别可以用两句话概括,但我们知道您来这里是为了详细解释。所以,让我们直接进入正题。

下面是一个可轻松浏览主页与登录页面差异的表格

登陆页面

主页

客观的

具体目标

提供概述并引导访客

内容

重点突出、简洁明了

内容广泛

导航

防止干扰的选项有限

丰富的导航菜单

流量来源

特定活动或营销计划

自然流量、直接访问

转换重点

最大化转化率,明确号召性用语

网站内容的门户,并不总是以转换为重点

登陆页和主页的目标

登陆页面

着陆页类型多种多样,每种类型都有特定的用途。着陆页不只是导航栏上的一个链接,为访客提供有关您的产品和服务的信息。着陆页的目标是让访客和潜在客户执行一系列操作,最终促成销售。

例如, GemPages 的登陆页面用于广告宣传,并展示我们最受欢迎的用户、第三方应用、模板库等。滚动浏览此登陆页面时,访问者会看到一条明确的鼓励信息:免费开始使用 GemPages。

GemPages 登陆页面的截图。

GemPages 的登陆页面用于运行我们最新的广告活动。

主页

主页的目标很明确:向访客介绍网站的内容。即使是第一次访问且不熟悉您产品的访客,在滚动浏览几秒钟后也应该能了解您的业务。

由于目的是告知和引导那些愿望可能千差万别的访客,因此主页应主要包含店面的概述,以及通用的、不显眼的 CTA 按钮,例如“联系我们”或“单击了解更多”。

我们再来看看 GemPages 的网站。与上述登录页面相比,我们的主页在网站标题上包含一个导航栏。在折叠上方是我们产品的清晰摘要,以粗体、难以忽视的字母写成,下面是简短的描述。

通过这种方法,我们旨在向访问者展示我们所提供的内容:适用于您的 Shopify 商店的免费、无编码页面构建器。

GemPages 主页的截图。

有关 GemPages 的所有信息都可以在我们的主页上找到。

了解更多:将您的 Shopify 主页从普通变为非凡:AZ 指南和最佳示例

登陆页和主页的内容

登陆页面

现在我们已经讨论了“什么是登陆页面”的问题,让我们看看这个网页应该涵盖哪些类型的内容。

当你构建一个只服务于单一目的的登陆页面时,没有必要在其中塞满无关的、分散注意力的信息。登陆页面并不是万能的。

Backbone Swag 是我们最忠实的客户之一,他们成功创建了一个杀手级登陆页面来推广他们的服装订购服务。

Backbone Swag 登陆页面的截图。

Backbone Swag 利用登陆页面来宣传他们的订阅计划。

整个页面重点介绍他们的订阅服务、客户将获得哪些福利,底部还有有用的常见问题解答部分。访客无需关注与订阅计划无关的其他信息,因此购物体验更顺畅,转化率更高。

同样,如果登陆页面的重点是收集电子邮件地址,那么探索更多产品或在社交媒体上分享您的网站的其他选项应该被排除。

主页

好的主页非常引人注目。内容不仅要介绍您的业务,还应足够通俗易懂,引导潜在客户浏览,并吸引他们留在那里。

电子商务网站的平均跳出率在20% 到 45% 之间。据 Google 称,该指标并未被证实为排名因素。尽管如此,较高的跳出率是网站设计效率低下、加载速度慢和内容质量低下的结果。将跳出率保持在最低水平是一个好主意,优化主页内容是第一步。

那么,应该包括什么呢?

当然,这在很大程度上取决于您所在的行业。话虽如此,我们认为每个电子商务都应该在其主页中实现以下一些元素:

  • 业务概述:简短或长篇大论,确保其具有深刻的见解和趣味性。
  • 其他页面的链接:运输、博客、产品、我们的使命、联系我们等。
  • 专业的产品照片:在首页上以最佳角度展示您的产品。

Cocofloss 主页的截图。

Cocofloss 引人注目的主页体现了他们的商业精神。

登陆页面和主页的导航

登陆页面

着陆页上的导航经过简化,以防止中断。在大多数情况下,导航栏被省略或最小化。

Huppy 登陆页面截图。

Huppy 选择以极简主义的方式来设计他们的登陆页面。

Huppy 是一个可持续牙膏片品牌,它认为没有必要在着陆页上添加粘性导航栏。滚动时,醒目的 CTA 按钮分散在整个页面上,这有助于实现页面的目标:鼓励客户进行购买。

主页

尽管主页是店面其他部分的母体,但如果访客无法轻松浏览,主页就毫无用处。这时,导航菜单、搜索框和有用的 CTA 按钮就派上用场了。

对运输有疑问?“联系我们”和“常见问题”部分就在附近。

不确定实体店在哪里?地址可在网站页脚找到。

想看看有哪些商品正在促销?下拉“商店”菜单应该包含答案。

另一个需要牢记的方面是移动优化。您的客户不必费尽周折就能找到他们想要的东西,尤其是在掌上大小的屏幕上。

Cocofloss 移动主页的截图。

当您在移动设备上浏览 Cocofloss 的网站时,会出现汉堡菜单。

登陆页和主页的流量来源

登陆页面

着陆页与网站主入口(即主页)之间不太明显的差异是流量来源。对于以有针对性的内容和目标创建的页面,流量来源也必然不那么自然。电子商务商家经常利用搜索引擎和社交媒体上的付费广告来根据用户的搜索关键字和个人兴趣吸引流量进入他们的商店。

如果这些活动做得好,可以为您的潜在客户提供他们想要的东西,或者他们不知道自己需要的东西。您可以增加着陆页的数量,并通过付费广告吸引更多人访问您的企业,但这也意味着需要花费更多的时间和金钱。

电子邮件营销是企业主可以利用的另一种经济高效的流量来源。这种策略对潜在客户和长期客户都很有效。保持新闻通讯内容具有个性化吸引力,并附上指向目标网页的链接,这是提高商店流量和转化率的顶级策略。

主页

如上所述,主页更容易获得自然流量。网站首页包含的内容可将您的商店带到搜索结果页面的顶部。搜索引擎优化 (SEO) 和内容营销是自然获得自然流量的黄金组合,无需花费数百美元在广告上。知道要包含哪些关键字将带来更多点击、更多访问,并最终带来更多转化。

尽管这一策略进展缓慢,但对于所有类型的企业来说,它都至关重要,不仅可以获得更多的潜在客户,还可以提升他们的内容营销水平并获得所在行业的知识。

登陆页和主页的转换重点

登陆页面

尽管也有例外,但衡量一个登陆页面是否成功的最终标准是它的转化率。

从企业主的角度来看,确保您的商店实现转化至关重要。专注于这一唯一目的的登陆页面是将业务提升到新水平的实用媒介。

我们的 GemPages 团队提供的这份清单将为您深入分析如何打造一个高转化率的着陆页:2023 年您需要的终极着陆页清单

主页

当谈论登陆页面与主页转换重点时,主页更多的是绘制您的业务概览图并指导您的客户采取下一步行动,而不是促使他们立即进行购买。

作为买家,我们不喜欢在网站上停留仅仅 2 分钟就被 20 个“立即购买!”按钮轰炸。这就是为什么即使是电子商务和零售店,首要任务也是让访客有时间浏览并自己做出决定。

Esse Studios 主页的屏幕录像。

Esse Studios 为其主页带来了高端时尚杂志级别的品质。

何时使用登陆页面或主页

希望上面的比较能让您深入了解这两个网页的功能。如果您仍然不确定何时才能充分发挥主页或登录页面的潜力,请参阅下面的简短指南,了解何时使用哪一个。

  1. 您想传达品牌的信息和使命 - 主页是最佳选择。这条信息对新客户和回头客都很有用。
  2. 您想在社交媒体上投放广告 - 一路使用登陆页面。要产生潜在客户并提高转化率,仅仅让随机的 Facebook 滚动用户知道您有业务是不够的。您需要通过展示产品的最佳部分来销售产品。
  3. 您的企业社交媒体简介中有一个 URL - 两种方式都很好用。当有特别活动(例如捆绑销售)时,您的关注者希望快速进入活动页面。在您的简介中插入登录页面链接是个好主意。另一方面,当没有活动时,在您的简介中有一个固定的主页 URL 是向新客户介绍的最佳方式。

通过引人注目的登陆页面和主页构建高转化率商店

了解这些网页的差异是让它们相互协作以创建令人惊叹的电子商务网站的第一步。在这个快速发展的数字时代,采用不同的营销资产是让您的企业在竞争中占据优势的绝佳途径。

您的目标网页可能看起来像这样
免费试用 GemPages,为任何营销活动创建高转化率的登录页面。无需编码。

属于 Shopify 生态系统的商店可以借助GemPages Landing Page Builder等强大的工具轻松创建和管理自己的登录页面和主页

底线

各位,这就是了。着陆页和主页之间的区别显而易见,但它们都有一个共同点:帮助您在业务上取得更大成功。本文旨在帮助您更轻松地区分两者并更快地获得积极成果。但归根结底,一切都取决于您如何让这些页面为您服务,因为您是最了解自己业务的人。

关于登陆页与主页的常见问题解答

What is the difference between a landing page and a website?
A landing page is a stand-alone web page with a distinct goal that is built to encourage visitors to take a specific action, while a website is a collective of web pages under a single domain name, where a landing page is a part of.

For instance, gempages.net is our website, whereas gempages.net/pages/shopify-page-builder is our landing page.
Which one is better: landing page or homepage?
Homepage is an essential element of any website, especially in eCommerce, as it is visitors' first impression of your business. Meanwhile, a landing page is often put to use for special campaigns and short-term advertisements. There is no definite answer on which one is better, as it depends mainly on each owner’s purpose. Both pages can be advantageous when catering to specific needs (conversion, brand image, etc.).

Our article on Landing Page vs. Homepage: What Are The Key Differences will give you useful insights on which one is the best choice for your website.
What should be included on a landing page?
A landing page should be built around a specific objective (i.e. collecting data, generating leads, etc.). This means efficient CTA buttons, supporting details, and high-quality visuals should be included, while other distracting, irrelevant factors should be omitted.

More tips to build your own high-converting landing page from GemPages: 10 Tips to Create A High-Converting Shopify Landing Page
How to build a landing page for a Shopify store?
There are several page builder apps on the Shopify app store that simplify your process of creating an outstanding landing page. GemPages is a worthy tool to start with.

Check out: A-Z Guide to Creating A Striking Shopify Landing Page

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands