为您的网站创作者提供灵感的 10 个网站页脚示例

已发表: 2019-09-10

如果您是一位创作者,可以提供很多东西(书籍、课程、商品、播客、网络系列、时事通讯等等),您应该创建一个独特的网站,让您的受众可以找到有关您品牌的所有信息。 但是,您无法将所有产品都塞进网站标题中。

这就是为什么您需要精心设计的网站页脚。

您可以在页脚中添加有关您品牌的更多信息,并用它来巩固您的品牌形象,并使您的网站让访问者难忘。

请继续阅读,了解什么是网站页脚、应包含哪些内容,以及一些精心设计的页脚示例,可为您的创建者网站带来灵感。

什么是网站页脚?

网站页脚是网站底部的内容部分,其中包含有关品牌的基本信息、徽标、社交媒体图标和版权信息等。

随着极简主义变得越来越流行,屏幕变得越来越突出,人们更倾向于在离开网站之前滚动到页面底部。

由于页脚为访问者提供信息和导航目的,因此充分利用此空间才有意义。

根据您在网站页脚中包含的内容,此部分可以帮助用户:

  • 更好地浏览您的网站。
  • 通过您的徽标、标语和重要页面的链接了解有关您品牌的更多信息。
  • 查找您保持活跃状态​​的其他社交媒体渠道。
  • 订阅您的电子邮件列表和/或进行购买。

创作者网站的网站页脚中应放置哪些内容

  1. 版权信息
  2. 联系信息
  3. 网站地图
  4. 隐私政策链接
  5. 标识
  6. 社交媒体图标
  7. 电子邮件注册表单

设计网站页脚没有具体的秘诀。 页脚中放置的内容取决于网站的目的以及访问者的需求。 但是,大多数创作者都会在页脚中添加一些标准元素。

1.版权信息

版权声明是页脚最常见的部分之一。 它旨在表明您的网站设计受版权保护,并且您是版权所有者。

它确保如果其他企业未经您的明确许可复制您的网站设计(包括动画、图像和内容),法律将为您提供支持。

在页脚中添加版权声明很容易。 您只需要版权符号 () 或“版权”一词、网站发布或更新的年份以及版权所有者的姓名。

以下是 POWR 主页上的示例:

版权信息

图片来源

2、联系方式

作为一家企业,您希望潜在客户能够轻松地与您联系。 因此,请将您的联系按钮、详细信息或表格放在网站页脚中,以提醒他们在到达您网站底部时与我们联系。

3. 网站地图 

网站访问者到达您网站的页脚并不总是意味着他们已经停止浏览。 如果他们在到达页脚后找不到去哪里,他们每次都必须滚动回到顶部才能继续浏览,这可能会很麻烦。

将站点地图添加到页脚可以使导航过程更加简单。 它通常意味着提供指向您网站上的基本页面的链接(通常与主菜单中的相同链接)。

但是,您可以添加其他有价值页面的链接,例如联系表格、购买和退货的条款和条件、免责声明等。

注意:您还可以在网站页脚中添加指向 XML 站点地图(包含最重要页面的 URL 和信息的文件)的链接。 它可以帮助搜索引擎机器人更好地抓取您的网站并为其建立索引。

4. 隐私政策链接

如果您要收集访问者的个人数据,例如他们的电子邮件地址、家庭住址或银行信息,则法律要求您在网站上签署隐私政策协议。

此页面解释了您从访问者那里收集的数据和其他相关信息、其存储方式以及您可能如何使用它们。

大多数企业都会在页脚中放置隐私政策的链接,因为这样可以轻松找到。

5. 标志

一些创作者在页脚中添加徽标,以给人留下持久的印象,并提醒访问者其品牌代表什么。

您可以通过以不同的方式展示您的徽标来解决问题 - 增加尺寸、使用额外的图形或在徽标下方添加您的使命宣言/品牌价值。

6.社交媒体图标

如果您在其他社交媒体平台上保持活跃,则可以通过在页脚中添加社交媒体图标来将网站访问者推荐到您的个人资料。 它会增加您的关注者并帮助潜在的潜在客户与您取得联系。

事实上,在网站页脚中包含社交媒体图标非常有效, 72% 的网站都这样做

7. 电子邮件注册表单

如果您有新闻通讯或正在构建电子邮件列表,请在网站页脚中包含电子邮件注册表单。 它使想要接收更多内容的访问者可以轻松注册。

为您的网站创作者提供灵感的 10 个网站页脚示例

  1. 玛丽·福莱奥
  2. 一杯乔
  3. 大卫·卢博夫斯基
  4. 杰基·艾娜
  5. 完整的精品店
  6. 狂饮巴比什
  7. 胡达美容
  8. 阿曼达·塞尔尼
  9. 迈克·瓦尔沙夫斯基医生
  10. 与我一起跳跃

设计网站页脚的方法没有正确或错误之分,只要它能反映您的品牌形象并让您的受众能够访问您业务的最关键部分。

以下是 10 个具有精心设计页脚的创作者网站示例:

1.玛丽·福莱奥 

玛丽·福莱奥

图片来源

Marie Forleo 是一位企业家,因其 YouTube 网络系列片 (MarieTV)、在线商业节目 (商学院) 和建议书籍《一切皆可计算》《让每个男人都想要你》而广为人知。

他们做得很好:玛丽的网站页脚采用了时尚的色彩对比方法,纯黑色背景使页脚中的每一段文字都脱颖而出。

页脚上有很多内容,但重点是带有标语“成为 MF 内部人士”的选择加入电子邮件表单。 紫红色的 CTA 引人注目,并敦促他们注册。

表单旁边是网站上重要页面的链接,包括“关于”、“新闻与媒体”和“职位”页面。

还有有关玛丽的播客、网络系列、商业计划和书籍的信息,这使访问者可以轻松了解有关玛丽及其品牌的所有信息。

要点:使用深色背景和浅色字体(或浅色背景和深色字体)使页脚内容突出。

2.一杯乔 

一杯乔

图片来源

A Cup of Jo 由乔安娜·戈达德 (Joanna Goddard) 创建,是一个生活方式网站,内容涵盖从时尚到美食食谱,再到针对女性的恋爱建议等各种内容。

他们做得好的地方:网站上的主要颜色是灰白色和黄色,夹杂着蓝色。 将页脚的背景设置为纯蓝色阴影,与网站的其他部分形成鲜明对比,并吸引访问者的注意力。

页脚的第一件事是关于 A Cup of Jo 的简要说明。 它提醒访问者为什么应该继续浏览以及该品牌提供什么。

还有一个简单的电子邮件选择加入表单,邀请访问者注册下面的时事通讯和社交媒体图标,这将引导访问者访问乔安娜的社交媒体个人资料。

在中间,A Cup of Jo 突出显示了其主要类别,这使访问者更容易找到他们感兴趣的主题。

还有一份完整的披露声明,详细说明了 A Cup of Jo 如何通过赞助帖子和联盟营销赚钱。

要点:在页脚中简要总结您的网站,让您的品牌令人难忘。 如果您的网站涵盖许多主题,请添加主要类别的链接以使导航更容易。

如果您进行联盟营销和/或撰写像乔安娜这样的赞助帖子,披露声明可以帮助您保持透明,您的访问者会欣赏这一点。

3.大卫·卢博夫斯基

大卫·卢博夫斯基

图片来源

David Lubofsky 是一位网页设计师,专注于“帮助好人打造好产品”。

在网站上,大卫概述了他帮助领导者为团队营造心理健康环境、制定赋予品牌独特个性的新数字战略、以及为公司以健康为中心的活动套件设计定制在线商店和战略的经验。

他们做得好的地方: David 的感觉良好的网站是动画的,遵循一致的黑黄主题,以黑色为背景色。

然而,对于页脚,大卫做了一个切换,将背景颜色设置为黄色,这种方法很有效,因为它与深色字体形成了很好的对比。

在真正的时尚中,大卫的页脚上有一只动画狗,这为他的目标受众创造了有趣的导航体验。

大卫使用页脚空间提醒观众他的使命“让人类回归人类”,并分享他可以承担新项目的日期。

要点:利用页脚空间让受众了解您的品牌使命是什么。

如果您经营像 David 这样的基于服务的企业,您还可以将下一个可用日期添加到页脚。

4.杰基·艾娜 

杰基艾娜

图片来源

Jackie Aina 是一位专业化妆师和YouTube 影响者,她利用自己的频道教有色人种如何化妆并建立他们的自信。

他们做得好的地方:一看 Jackie 的网站页脚,您就会知道该品牌对于对访问者保持透明是多么认真。

由于 Jackie 通过联盟营销和赞助帖子赚钱,因此她网站的页脚包含有关其业务的所有免责声明,包括隐私政策、条款和条件,甚至 GDPR 协议。

还有关于我们联系页面的链接,可帮助访问者了解有关 Jackie 的更多信息并联系 Jackie 的支持团队。

最后,Jackie 的页脚徽标是主徽标的缩短但令人难忘的版本,并包含 Jackie 社交资料的链接。

要点:在页脚中设计您的徽标风格,以强化您的品牌形象。 如果您是联盟营销人员,请将您的隐私政策和其他免责声明放在页脚中。

如果您想效仿 Jackie,请使用深色背景以使您的版权声明脱颖而出。

5.完整的精品店


完整的精品店

图片来源

A Complete Boutique 由零售专家 Janine Mix 创立,是一个帮助零售企业主在按照自己的方式工作的同时增加利润和社区影响力的品牌。

他们做得好的地方:该网站页脚的很大一部分都集中在其 Instagram 帐户上。 当然,还有其他社交媒体偶像,但该品牌从其 IG 帐户中提取了图像,并明确表示访问者应该在 Instagram 上关注该品牌。

页脚的其余部分包括条款和条件、隐私政策以及品牌的版权声明。

要点:如果您主要使用一个社交媒体平台来推广您的品牌,请在页脚中使其尽可能明显。

它让访问者知道该帐户是您整体品牌的重要组成部分。

6.与巴比什一起狂欢 

与巴比什狂欢

图片来源

Binging with Babish 是由布鲁克林厨师兼 YouTube 名人 Andrew Rea 创办的一档烹饪节目,Andrew 在节目中直接根据小说进行实验和制作食物。

他们做得好的地方:安德鲁利用他的页脚空间让观众更深入地了解他的生活和职业。 他通过分享他的个人生活照片、他与《GQ》合作的视频剧照以及他制作的丰盛食物的照片来做到这一点。

图片下方是一系列链接到个人资料的社交媒体图标,安德鲁在其中发布内容,包括他的播客和烹饪视频。

要点:如果您经营的是基于视觉的业务,请使用页脚空间来分享代表您品牌的图片。

视觉效果比文字更能有效地激发人们的兴趣并让他们与您互动。

7.胡达美容


胡达美容

图片来源

Huda Beauty 由化妆大师、YouTube 超级明星 Huda Kattan 创立,是一个销售化妆品的美容品牌,包括粉底、遮瑕膏、口红和眼影。

他们做得好的地方: Huda Beauty 采用了白色背景黑色字体的方法和这个简单的页脚。

首先,有一个简单的电子邮件选择加入表格,其标语是“首笔订单享受 15% 折扣”,这会激励访问者注册。

电子邮件注册表单下方是分为四个类别的重要链接,可帮助访问者快速找到他们想要的内容。

例如有关其帐户和订单的信息、有关公司的信息、如何联系客户支持团队或有关网站如何使用其数据的政策。

要点:为了改善用户体验,请选择带有大量空白的简约页脚。 您可以提供折扣或免费产品来激励人们注册您的时事通讯(并进行购买)。

如果您要向页脚添加许多链接,请将它们分成类别以方便导航。

8.阿曼达·塞尔尼

阿曼达塞尔尼

图片来源

阿曼达·塞尔尼 (Amanda Cerny) 是一位内容创作者、演员和模特,她通过社交媒体个人资料与超过 3500 万粉丝分享令人感觉良好的健身内容。

他们做得好的地方:阿曼达的网站主要宣传她的其他社交媒体资料。

但在页脚上,她的时事通讯注册表占据了大部分空间。 标语“加入#TEAMCERNY”提供了一种社区意识,可以说服访问者填写表格并注册以获取阿曼达的“个人消息和更新”。

表单下方是链接到阿曼达社交资料的社交媒体图标,访问者可以在其中获取更多她的内容。

要点:当您在网站页脚上宣传时事通讯时,请尝试创建一个主题标签或口号,以在受众中培养社区意识。

9.迈克·瓦尔沙夫斯基医生

迈克·瓦尔沙夫斯基博士

图片来源

Mike Varshavski 博士是一位家庭医生,他于 2014 年进入网络领域,发布视频教人们如何照顾自己的健康。

现在,他的主要社交媒体资料拥有超过 2300 万粉丝, 《纽约时报》《男性健康》杂志对他进行了专题报道,并受到美国医学会的重点关注。

他们做得好的地方:与其他一些颜色对比的页脚不同,迈克博士的页脚采用蓝白单色设计。

不过,设计师在深蓝色的背景下运用了浅蓝色,向参观者展示了应该注意的地方,这一点做得很好。

当然,访问者可以单击导航链接或社交媒体图标,但页脚的焦点是“联系我们”按钮和选择加入的电子邮件表单。

要点:不要害怕选择单色的网站页脚,只要使用相同颜色的较浅色调来引导观众的注意力到下一步即可。

10.与我一起跳跃

与我一起跳跃

图片来源

Leap With Me 由柏林插画家兼设计师 Victoria Ng 创立,是一个色彩缤纷的动画网站,展示 Victoria 的作品集、文章和直播。

他们做得很好: Victoria 的页脚是一个很大的桃色部分,其中包含指向她的 Behance 个人资料、Instagram 个人资料和 Etsy 商店的链接。 然而,最引人注目的是她的联系按钮,它占据了页脚的大部分。

当然,底部的粘性栏可以让游客仔细阅读维多利亚的作品 无论滚动多远,都能更多地了解她。

尽管如此,页脚的目的还是为维多利亚的设计业务带来潜在客户

要点:虽然可以在页脚中放置指向多个页面的链接,但如果将联系表单(或详细信息)作为页脚的焦点,则可能会获得更多转化。

结束语:设计页脚以适应您的品牌形象

虽然人们似乎只关注首屏内容,但有些访问者喜欢在离开之前滚动到网站的末尾。

跟踪您的访客,找出他们最常访问的页面,并将其包含在页脚中。 因为您向他们提供了他们正在寻找的内容,所以他们会继续浏览而不是退出。

如果您希望为网站页脚构建功能齐全且实用的表单、图片库和社交媒体图标,POWR 可以帮助您。

POWR 使您能够创建可定制的网站应用程序,帮助您收集信息、吸引访问者、获得更多关注者、支持客户并提高转化率。

立即免费注册 POWR