设计令人印象深刻的网站页脚的5种最佳做法

了解如何设计网站页脚。有关您应该添加,不应该添加的内容的提示,以及可以从中获得启发的良好网站页脚示例.


网站页脚最佳做法

如果您一直忽略网站页脚,认为它是网站中最有价值的部分,那么这些发现可能会改变您的想法.

  • 当用户测试调整页脚,添加业务和客户匹配目标列表以及他们的转化时, 增加了50%.
  • 当Smart Insights为奢侈手袋网站测试新的页脚设计时,销售转化 增长了23.77% 每个访问者的收入增长了15.99%.
  • 通过查看来自10个网站上的100万匿名在线用户的数据,Chartbeat发现访问者花了 他们“参与时间”的一半(66%) 折叠以下。这是指页面的下部,位于用户打开网站后立即看到的部分之下.
  • 与台式机访问者相比,移动用户向下滚动页面更可能与页脚进行交互.

为什么网站页脚很重要

页脚不是页面上不必要的结构元素,实际上可以为访问者和您的企业带来多种好处.

对网站访问者的好处

  • 页脚可帮助他们找到所需的信息: 读者到达您网页底部的原因至少有两个:他们喜欢您的内容并想浏览更多,或者他们正在寻找标题菜单上找不到的内容。对于那些对您的公司感兴趣的人,您可以使用页脚将其引导到您网站上其他有趣的内容。您可以包括指向标题菜单上未显示的页面的链接,例如合作伙伴关系和会员机会.
  • 这样可以避免它们返回标题: 如果您的网络访问者着迷于您的内容并想了解更多信息,则无需回到页面顶部。在您的内容之后便是页脚,他们可以在其中找到您的联系信息,订阅新闻通讯,在社交媒体上关注您或浏览其他产品.

给网站所有者带来的好处

  • 它会降低跳出率: 通过引导访问者访问其他有用的链接,他们更有可能打开其他页面并在您的网站上停留更长时间。这会降低您的跳出率,或降低仅浏览您网站页面的人数。对于希望他们的访问者继续“四处逛逛”页面的零售企业而言,这一点尤其重要.
  • 它使您可以建立信誉: 一些公司将页脚显示在其认证,客户徽标或以其为特色的热门网站上,以证明自己的能力。同时,版权符号以及指向法律细节和隐私政策的链接有助于建立对您品牌的信任。所有这些帮助都会影响您的潜在客户做出询问并最终做出购买决定的决定.
  • 它有助于提高转化率:首次访问者登陆您的页面时,他们可能会在右上角看到您的社交媒体链接。但是,在买家的整个旅程中,他们可能不会感到被迫在线上关注您。当您的内容激起他们的好奇心–也许他们在您的页脚中看到您的证书和客户徽标时,他们可能会更愿意加入您的订户。通过在页脚上添加注册或联系表格,您可以方便访问者转换为订阅者或可能的客户.
  • 这是一个额外的业务推广机会: 当使用页脚吸引您的公司时,可能性是无限的。除了社交媒体帐户和注册表格之外,您还可以包括新闻稿,办公地点和最新优惠.

网站页脚示例您甚至可以像Goodreads一样放置指向其他企业或应用程序的链接.

页面页脚中应优先处理的内容

考虑到精心计划的页脚可以带来的好处,您希望利用这一宝贵的空间.

最终,您可以在网站的页脚设计中优先考虑什么。但是,您可能需要结合一些要素.

公司标志

您的徽标代表了您的业务,并且希望读者能够记住它,并通过您的姓名和所提供的价值来识别它。在页脚中使用徽标可帮助访问者记住您的公司并将其与您的内容和服务相关联,从而提高品牌知名度.

联系信息

在页面底部放置您的实际地址和电话号码可证明您是一家合法企业,建立了对公司的信任。此外,这使潜在客户可以轻松地与您联系以进行查询,从而避免了他们返回主菜单或更深入地了解您的联系方式的麻烦.

包括您的联系方式时,还有更多提示:

  • 实际地址 –如果希望人们轻松找到您的实体店,请考虑添加地图。或者,使该地址可单击,以便在另一个选项卡上打开地图.
  • 多个分支 –如果您有多个位置,则可以放置每个站点的联系方式。如果这样做不可行,请插入锚文本,该锚文本将打开一个包含所有分支机构列表的页面.
  • 通话按钮 –一键点击即可使客户更轻松地与您联系.

版权

这样可以保护您的内容免遭网站抄袭。它发出强烈的信号,即如果有人对您发布的文本,图像或视频表示赞赏,则您将采取法律措施。而 版权要求 各国之间至少有所不同,请确保包括©符号,出版年份和版权所有者的姓名.

隐私政策

遵守此法律要求可通过保持数据收集透明来帮助您在读者之间建立信任。您的 隐私政策 向访问者说明您收集了哪些个人信息,如何存储和使用这些个人信息,选择加入或退出的明确选项以及也可能使用这些数据的第三方服务提供商.

如果您在欧盟有客户,请查看您营业地点的隐私政策,例如《通用数据保护条例》(GDPR)。如果您的企业使用第三方服务提供商(例如进行付款处理),请同时查看其要求.

WebMD网站页脚示例例如,WebMD的页面页脚将其隐私权政策与其他重要准则放在一栏中。他们还显示一个 TRUSTe印章, 确保用户认真对待隐私做法.

使用条款

提供指向您的链接 使用条款 页面(也称为“条款和条件”或“服务条款”)不是法律要求。但是,它可以保护网站所有者免于承担责任,并且通过概述用户的责任,可以保护其网站免受版权侵权和其他非法行为(例如垃圾邮件)的侵害。.

号召性用语(CTA)

将CTA放在页面页脚上可以将访问者变成订阅者或关注者,从而帮助您增加转化次数或使客户更深入地了解购买者的旅程。整合CTA(尤其是社交媒体链接)还有助于将您的公司描绘成一家既有的公司,并允许访问者使用对他们最方便的平台来关注您.

您可以包括多个CTA,例如:

  • 订阅新闻通讯
  • 在社交媒体上关注您
  • 填写联系表格
  • 要求演示
  • 申请免费试用

公司资料

一旦您的内容给读者留下了深刻的印象,当他们到达页面的底部时,他们最有可能想了解有关您公司的更多信息.

利用页脚强调页眉中可能无法包含的有关业务的详细信息,例如以下页面的链接:

  • 关于我们
  • 博客
  • 职业或工作
  • 会员或合伙机会
  • 产品或服务清单
  • 新闻发布
  • 评论
  • 白皮书
  • 大事记

客户支持

设计以客户为中心的页面页脚的一部分,是要确保轻松找到读者可能需要的页面链接(无论是潜在客户还是现有客户)。这些支持链接可能包括:

  • 帮帮我
  • 常见问题
  • 知识中心
  • 讲解

电子商务网站甚至可以包含以下锚文本:

  • 运送和运送信息
  • 退换政策
  • 接受付款方式
  • 特别优惠

提供客户支持的网站页脚示例Book Depository的页脚不是简单地说“支持”,而是“我们如何提供帮助?”栏,下方是锚文本“我的东西在哪里?”和“您在哪里送货?”这种风格是非正式的,对话式的,有助于传达真诚的渴望提供帮助.

页脚设计的四个要点

1个. 具有相同的页眉和页脚菜单

有时,网络访问者会在页眉菜单中找不到某些详细信息时转向页脚。在这种情况下,在页眉和页脚上使用完全相同的链接不会为访问者或公司增加价值.

在页眉和页脚之间划分重要页面,以防止Web访问者被文本淹没。在最高价值的页面中使用页眉,并在页脚中保留其他重要链接.

苹果网站的页脚示例请注意,苹果的粘性标头仅包含六个产品类别。与此相辅相成的是页脚,其中包含较长的产品列表(最左侧的列)以及服务列表.

2. 过度优化

无论是在内容还是页脚中,过度优化都不是提高搜索页面排名的有效方法。 Google的排名算法一直在追赶这种关键字填充技术,它可能只会对您的SEO结果产生负面影响。不要过分优化,而是选择一些关键字,然后专注于那些.

3. 不重要的链接

页脚不是一个空格,可以列出您网站中的所有页面。扫描了整个页面并检查了页脚的访问者可能已经对您的报价感兴趣。不用将锚文本变成大杂烩,而是将页脚变成有效的导航工具。将他们引导到您的产品或服务页面,或有用的链接,例如教程或您公司的博客.

4. 拥挤的布局

在站点底部尽可能多地打包可能很诱人。但是页脚拥挤可能会使您的访问者关闭,从而导致他们退出页面或掩盖您的锚定文本。选择基本页面,组织这些页面,并利用空白来创建简洁,可读的页脚设计.

如何制定有效的页脚设计

有多种方法可以制作出既美观又实用的页脚。除了上述技巧外,这里还有最佳的五种页脚设计最佳实践.

1.将可读性放在首位

由于页脚文字通常很小,而网络访问者往往会略读这些文字,因此您需要一种设计以确保文字易于阅读。为确保页脚可读,您可以:

  • 选择简单的字体,如sans serif.
  • 避免使用过多的字体或颜色.
  • 利用空白,尝试字距调整和行高.

增加页脚可读性的另一种方法是使用良好的颜色对比度。这使您的访客可以舒适地阅读您的锚文本,而不会斜视或疲劳.

标准组合是在白色背景上使用黑色文本,反之亦然。如果您想偏离此范围并尝试更多颜色,请参考以下提示:

  • 选择适合您品牌和网站总体设计的颜色.
  • 设计时要考虑到目标受众。如果您的网站适合老年人,则请使用柔和的色调。结合有限的文字和大量的空白.
  • 选择可以传达您想要赋予网站的情感或个性的颜色。例如,如果要传达紧迫感和活力,请选择红色。蓝色代表可信赖和平静,绿色代表自然或健康.
  • 使用其他颜色(例如,背景为蓝色的《卫报》的黄色按钮)使您的CTA弹出页面.

使用颜色的网站页脚示例

2.忠于品牌

您的网站是品牌建设的主要组成部分。对于电子商务客户而言尤其如此,因为他们与客户的主要接触点是在线.

强大,一致的品牌可以帮助网络访问者记住您,并将您的公司名称与徽标,服务或产品,价值以及特定的感受或体验相关联.

有多种方法可以制作与品牌形象相符的页脚设计。这里有一些想法:

  • 如上所述,选择代表徽标或市场营销材料中使用的价值观或色彩的颜色.
  • 结合徽标,吉祥物或其他象征品牌的元素.
  • 采用类似的设计元素,包括您在其他宣传材料中使用的版式和布局.

使用相同颜色的页眉和页脚的网站页脚示例注意Smashing Magazine如何在页眉和页脚中使用相同的文本和背景颜色。从网站的顶部菜单到底部,这些插图有助于维持有趣的氛围。.

3.针对移动用户进行优化

由于移动用户比桌面访问者更有可能滚动到页面底部,因此请针对以下情况优化您的网站 不同的设备 特别是在手机上是必须的。该策略超越了响应式设计。为了使移动用户更轻松地访问您或扫描您的网站,请执行以下操作:

  • 调整页脚文字大小,以便访问者无需放大即可轻松点击选项.
  • 包括一个可点击的通话按钮,以便访客可以轻松地与您联系.
  • 如果您想鼓励用户到您的实体办公室或展示厅前来,请将您的地址链接到地图.
  • 如果您有应用程序,请提供指向这些应用程序的链接.

4.保持简单

页脚设计的简单性指的是样式和内容。保持页脚干净,坚持几种颜色和版式,并避免制作精美的背景。在内容方面,请使锚文本简短,并限制显示的项目。用华丽的版式或过多的文字淹没您的读者,可能只会使他们的注意力从您的CTA和其他有价值的链接上移开.

5.井井有条

井井有条的页脚可提高网站的可读性,使读者可以鸟瞰网站和公司,并使访问者轻松找到所需的详细信息.

如果要添加多个锚定文本,但担心页脚可能看起来很乱,请应用以下技术:

  • 将相关菜单排列到列中并提供列标题.
  • 试用字体大小,行高或文本颜色以显示内容层次。例如,为列标题使用稍大的字体,并在标题和下方的锚文本之间留出更多空间.
  • 利用不同的背景颜色将页脚的一部分与其余部分分开.

使用不同颜色部分的网站页脚示例AgingCare使用三种背景色将页脚分为多个部分。他们的CTA在蓝色背景下显示,在页脚菜单(浅灰色背景)下突出显示,版权,使用条款和隐私政策信息在底部(深灰色背景)突出显示.

放在一起:页脚设计灵感

为您的网站产生想法的一种方法是浏览其他页面。请注意,其他设计师如何结合上面介绍的概念来提供精巧的页脚。这是四种启发您的设计.

蓝鹿

该设计工作室的页脚具有动画背景和蓝色的鹿角徽标,展示了公司的创造力。开箱即用的背景很有趣,并且带有蓝色徽标的对比图像会保留在您的记忆中。这个简洁的页脚突出显示了CTA,即公司的联系电话和电子邮件地址,两者均可点击.

网站页脚灵感示例

纽约时报

《纽约时报》的页脚设计简单,简洁,利用充足的白色空间和浅色背景下黑色文字的标准对比度。锚文本(按专栏组织)可将访问者引导至其他有趣的页面和文章,鼓励他们进行探索并留在网站上。该设计利用印刷层次结构,将更多的注意力吸引到左侧的公司名称和右侧的订阅选项.

网站页脚灵感示例

丝芙兰

美容品牌的页脚采用经典外观,黑色背景上带有白色文字。细线将页脚分为两部分:顶部是带栏的锚文本,底部是CTA,社交媒体图标,版权和隐私权政策。该品牌还有一个下拉菜单,供游客选择地区或语言,并提供英语和法语-加拿大语版本.

定位文字整齐地分为四列。使用足够的空白空间,丝芙兰的页脚可以合并很多信息,而不会显得混乱.

同时,该公司的移动版本保留了列标题,注册选项和社交媒体图标。页脚正上方显示了指向App Store和Google Play的链接,移动用户可以在其中下载Sephora应用程序.

网站页脚灵感示例

StackSocial

StackSocial鼓励新客户注册其新闻通讯。此外,它为CTA使用蓝色按钮,使其与品牌保持一致。蓝色的号召性用语也在深色背景和浅色文字中跳出页面。右下方的商业改善局(BBB)徽标有助于建立对该品牌的信任.

网站页脚灵感示例

最后的话

设计页脚的方法有很多,它们可以提高转化率,并使您的网站易于访问且易于浏览。继续尝试并应用上述技巧,直到您设计出满足公司目标和目标客户需求的页脚设计.

您有技巧,窍门或令人印象深刻的页脚设计可以分享吗?将您的想法留在下面.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map