首页该放什么:19个需要考虑的元素

分享这
分享

你是否纠结于在主页上放些什么? Second-guessing yourself until you’re paralyzed?

I see it all the time—from all types of companies. 即使是经验丰富的数字营销人员也很难确定他们的主页内容.

T在这里’s no perfect formula. Your options are many. 在咨询了大量客户的主页策略后, I concluded a checklist would be helpful.

这篇文章部分是一个清单、操作方法和计划工具. 我不能确切地告诉你应该在你的主页上放些什么, 但我知道,如果你了解你的选择,你将更好地准备拼凑一个智能主页的内容构想来实现你的目标.

Your Homepage Checklist:

1. 标志

访问者首先应该看到的是你的logo. Place it on the top left. 抵制冲动:

  • Get creative with placement. 热图测试工具始终表明左上角是页面上的一个常见热点.
  • Crowd your logo with unnecessary visual elements. 相反,你应该在你的logo周围留出足够的负空间,这样它就能立刻脱颖而出.
  • Animate the presentation of your logo. 不仅仅是passé,它还会给用户体验带来问题.
  • Enlarge your logo into a billboard. 你可能喜欢你的logo,但是把它做得更大,并不能增加访问者对它的印象.

2. 网站菜单

创建一个菜单,突出你网站中最重要的页面,让访问者快速浏览到他们感兴趣的部分. Consider the following:

  • 少即是多. 菜单上的项目过多会让访问者感到不知所措. 站点内的后续页面可以提供额外的导航元素.
  • 是描述性的. 通过创建简单的菜单项,你将为你的浏览者服务,并更好地优化你的网站, succinct 和 descriptive. 当你可以使用“保释金”时,为什么要把菜单项标记为“服务”呢?”

hamburgermenu

如果你选择在你的桌面主页上呈现一个可展开的菜单, 结合使用图标和单词“menu”是一种聪明的方法.

3. Special entry points

你的网站是为会员服务,还是需要为一部分访客提供特殊功能? 如果是这样的话, 为这些类型的用户设计一种优雅的登录方式(如上面的屏幕截图所示).

4. 英雄枪

英雄枪 is a web phrase meaning “main image.” Your hero shot is likely to be the largest, 在你的网站主页上最突出和最重要的元素. 

  • Blend it tastefully. 你的主页上的英雄图片应该紧跟十三水游戏之前提到的页面的标题元素. 设计它,使它优雅地与标志和菜单混合.
  • Give it a job to do. 最有意义的英雄射击扮演着守门人的角色. 通过视觉和语言元素的结合,它应该激发正确的访客进一步互动,并让错误的访客退出. It’s your qualifier (和 disqualifer).
  • 保持简单. 您不希望主页的焦点处于繁忙状态. 使它集中,单一和容易理解.
  • 保持真实. 在你的英雄镜头中展示库存照片是很危险的. 这不一定是禁忌,但要仔细选择你的形象. 展示一些相关的、值得信赖的和真实的东西. 5美元一张的两名商人握手的照片尖叫着“营销废话”.”

Give your hero shot 斜视和眨眼 测试. 创建主页后,通过两种方式向外界展示:

  • 斜视-让你的测试对象在比正常距离几英尺的地方查看你的主页. See if they get the idea.
  • 眨眼,让一些浏览者浏览你的主页几秒钟,然后问他们从中得到了什么. Confusion is not the answer you’re looking for. 清楚是.

理想

从任何距离你看这个主页英雄镜头, 你很快就会明白这个网站提供了什么. 

5. 标题

在你的网站上最重要的段落是首页标题.

标题可能出现在英雄镜头的上方、下方或内部,通常是后者. 我的帖子 如何写一个首页标题来完成工作 提供了一个完整的教训,但这里有一些要点,你应该发现有用:

  • Invoke a sense of belonging. 读者不应该去弄清楚你的网站提供了什么. 告诉他们.
  • Think about click-through continuity. 你的主页标题应该提供连续性的媒体和信息,引导访问者去那里. 所以,如果你的场外广告,优化,或任何形式的推广,特点的关键想法-用关键字—restate them in your headline. 连接这些点.
  • Write about the reader. Some headlines are self-serving. Some answer the question “What’s in it for me?” You can probably guess which are more compelling.
  • 是明确的. Picking up on a common theme 在这里? 让访问者百思不得其解的是,下一个让他们摸不着头脑的是后退按钮.

除非你对自己的写作能力非常有信心, 你应该雇一个专业的文案来写你的主页标题(以及它的其他部分). Cutting corners with your copy won’t save you money; it’ll have the opposite effect.

6. The can’t-miss call to action

你的主页可能有多个呼叫行动(cta). 通过创建一个按钮并将其构建到你的英雄镜头中,或者创建一个明确的视觉线索来引导它——最好是在需要滚动之前.

orbithomepage

轨道媒体网站要求首先采取什么行动是毋庸置疑的.

考虑以下技术来创建更有效的cta:

  • Begin with action words. 让CTA的第一个单词成为动词(而不是“点击”). It should read like a comm和.
  • Experiment with designs. 的颜色, 形状, 你的CTA的大小和位置会影响转化率, so run 测试 to optimize conversion rates.
  • Try a first person voice. 虽然第二人称的声音是现状,但第一人称的cta通常能带来更好的结果.g. “Show me…” or “Count me in.”
  • Highlight the value. 你的CTA可以明确地解释行动的价值,比如,“现在就创建一个免费登录页面。.”

在这里,你可以获得额外的指示和信息图表,为你的cta提供25个有力的词汇. (你可能会注意到你刚刚读到的链接是一个非常明确的,以价值为中心的CTA.)

7. 介绍

你的主页是开始与访问者对话的地方. 介绍性文案通常应该紧凑、有利、信息丰富、友好. 它也是包含关键词和内部链接的完美地方.

8. 投资组合

您的企业是否提供可以通过图像展示的产品或服务, 描述, 和/or case studies? 如果是这样,你的作品集可能是你的访问者最想看到的东西.

投资组合

架构是众多行业类型中的一种,对于这些行业,投资组合是强大的主页资产.

9. 博客

绝大多数在线营销者都是内容营销者,因此也是博客和/或内容中心的发布者. 通过引导那些第一次浏览你主页的访客浏览你的博客, you’ll increase engagement, 希望, 获得用户.

使用以下一种或多种技术,利用博客或内容中心提供给你的机会:

  • Launch into a story. 展示一个或更多最近的帖子与标题和可能, 它的领导, 有特色的图片, 或描述. 然后: “阅读更多.”
  • Create a grid of posts. 您的主页可以以网格或列表的形式显示热门文章、最近的文章或两者兼备的链接.
  • Feature your blog. Many homepages are blogs first 和 websites second. 换句话说, 主页上的大部分帖子都是按时间倒序排列的. 这并不是对每家公司都适用的完美方法,但对很多公司都适用.

convince和convert

Convince 和 Convert的主页将其主页的大部分用于以内容中心的风格呈现文章和播客.

10. 豆荚 or content blocks

豆荚? 我从一个网站设计师那里学来的. 我想它的意思不过是“部分”或“盒子”.轨道媒体的设计团队称之为“内容块”.“它们通常呈现为2、3或4个尺寸,在智能手机屏幕上往往堆叠在一起.

豆荚值得列入这个清单,因为你可以用它们来展示任何你认为你的访客会发现有价值的东西. 选项包括:

  • Products 和 services
  • 一本书或几本书
  • 提供了
  • 客户
  • 团队成员的个人简介或到员工页面的链接
  • 新闻
  • 事件
  • 位置

11. 社会证明

心理学家, 销售人员和网站创建者只是少数明白自己声音的说服力与他人的好评相比相形见绌的专业人士.

代表这种观点的内容被称为 社会证明. 在你的主页上至少用以下一种方式展示你的社会认同:

  • 奖状
  • Client logos 和/or customer stories
  • Trust seals, such as certifications
  • 奖 和 accolades
  • 数字(满意的客户、排名、订户、关注者等.)
  • 统计数据
  • 媒体提到
  • Reviews 和 ratings

12. Features 和 benefits

If your website’s objective is to sell something, 你可能至少想在主页上宣传你的产品的特性和优点.

You can do so in a variety of ways by presenting:

  • 一个列表
  • 任何形状或大小的特征和/或好处部分
  • 分开的豆荚-也许2或3跨,也许作为一个网格
  • 行- - - - - -见下文

features和benefits

目前的Evernote主页(它经常更新)展示了我称之为“乒乓”布局的好处, made popular by Apple. 它为呈现利益创造了一个伟大的叙事,而且很容易看.

13. 订阅

Thanks to plugins 和 third-party services, 订阅时事通讯或电子邮件更新的邀请现在以各种可以想象的方式出现:弹出窗口, 头, 页脚, 乘坐飞机, scroll or exit-induced windows, 和更多的.

然而, 提供一个静态的主页部分来吸引访问者订阅网站主机提供的内容仍然是另一个流行的选择. 它可能以行、边栏、页脚甚至是英雄镜头的形式出现.

如果建立一个电子邮件列表是你的数字营销工作的优先事项之一,考虑:

  • Embedding a subscription form on your home page
  • Creating a CTA that invokes a subscription form
  • 创建一个CTA,该CTA打开一个登录页面,专门收集订户选择加入

14. 提供

Another effective way to generate leads from your homepage is to feature an offer or “导致磁铁.” Your options for doing so are nearly infinite.

freshbooks

许多网站,尤其是那些提供在线服务的网站,提供免费试用.

peeplaja

内容营销人员通常会提供免费的电子书、指南或某种类型的报告.

78年percentoff

折扣或优惠券可能是一个非常有吸引力的提议.

下载

的薄荷.com homepage offers a free mobile app. 应用程序、计算器、评估、模板和所有类型的工具都可以提供有效的服务.

How might you feature your offer? Examples above include:

  • A form built into your hero shot
  • A row on your homepage
  • 显示广告(指向登录页面和/或表单)

Or you might consider presenting your offer:

  • As window in a sidebar
  • 通过一个弹出
  • As part of your footer

15. 资源

你可能想提供免费或付费的资源——包括上面讨论的提议, via a specific section of your website. 如果是这样的话, 你可以通过主页上的一个部分来展示你的资源库来吸引人们的注意并增加点击率.

16. 搜索功能

如果你的网站有大量的页面,在你的主页上提供一个搜索功能是明智的. 你的搜索功能是一个方便的快捷方式,让你的访问者可以快速发现内容,而不需要导航.

viennabeef

电子商务网站的主页要求有一个搜索功能,以帮助访问者快速找到他们想要的东西.

让你的搜索机制很容易找到,遵循惯例,在你的网站右上角的某个地方提供它, 无论是在它的头(如上)或在你的侧边栏顶部.

17. Additional calls to action

而你的主页应该有一个“不能错过的CTA”,旨在激励你认为最重要的行动, 主页的后续部分可能还会提供额外的按钮和链接,以快速满足访问者的信息需求.

finderskeepers

On the TransTech homepage (an Orbit client), 英雄照片下面的部分提供了三个cta, each presented at the conclusion of a pod.

18. 关键字

关键字 give your homepage SEO juice. 您不需要为显示关键字预留专用空间(这是过去很流行的一种技术), 但你应该预算时间来选择关键字,并把它们放在你的主页上.

为了优化你的主页搜索,放置关键字:

  • In your title tag
  • 在你的标题
  • In your menu items (w在这里 appropriate)
  • 在页面的副本中,它是自然语言
  • “Behind” your images (as alt img tags)
  • 在元描述,这将是您的主页的片段

十三水游戏的 Web Content Checklist post 提供额外的信息来发布更好的内容并有效地优化它.

19. Footer

喜欢你的头, 首页的页脚可能是整个网站的一个标准特征. 您需要创建一个页脚并仔细考虑它包含的元素.

在页脚包含的主要竞争者包括:

  • 联系 information
  • Maps 和/or locations
  • Social media icons 和 widgets
  • 电子邮件注册表单
  • 画廊
  • Badges (remember 社会证明?)
  • 博客文章摘要
  • A final call to action

这里有一个你的网站页脚可能包括的项目的综合列表.

That’s a hefty list of homepage ideas

事实上. And it’s probably not complete. Your homepage can feature whatever you want. 然而,更重要的是计划和包装您的页面基于 what your visitors want.

Do you know what that is? 在发现过程中投入一些努力,思考:

  • 他将访问?
  • Will visitors all have the same needs?
  • What problems are they trying to solve?
  • 你的产品或服务是如何解决这些问题的?
  • 什么内容能最好地阐明你的解决方案并满足他们的需要?
  • What are practical next steps?
  • Will visitors want to receive email?
  • How might visitors prefer to interact?

疯狂地回答这些问题以及其他你认为相关的问题. 把你的团队聚集在一起,把你的想法贴在白板或思维导图上.

Then it’s time to kill some of them. You may have seen this great quote before:

一个设计师知道他已经达到了完美,而不是没有什么可以添加的, but when t在这里 is nothing left to take away. ~ Antoine de Saint-Exupery

各种作家、设计师和工匠都必须掌握减法的艺术. Creating a homepage provides the perfect example.

在你的主页上放一些东西,让访问者想要更多,而不是更少.

分享这

What are your thoughts?

By signing up you agree to our 隐私政策.

评论(13)
  • 大型的英雄镜头不是在浪费最有价值的屏幕空间吗?

    • Ivan问了一个问题,这个问题也引起了我的关注:最近大图片的趋势, huge (non-resizeable) video players, large fonts 和 massive amounts of whitespace.

      – I find myself scrolling a whole lot
      -很难通过浏览网页来了解它的主要内容或要点.
      -似乎有一个假设,我的浏览器是全屏时, 事实上, 我打开了5个浏览器,大约是全屏的50%到70%.
      -在一个有很多内容的页面上很难保持方向.

      有调查或科学支持这一趋势吗?

    • 如果它不能进一步吸引访问者进入你的网站,它可能是. 然而,这一想法是为了传达你的销售主张并赚取点击量.

  • very useful post for new bloggers.

    • 正确的 !!!

  • 所有这些元素都应该考虑到一个主页的设计. 根据我的经验,公司在包含太多东西方面做得太过火了. 没有一个真正的重点是什么是真正重要的展示给访问者,所以主页只是变得一团糟.

    我发现新产品发布时经常出现这种情况. 高级管理人员首先想到的是将新产品添加到主页上. Oh, you’ve got several new products? 创建一个滑块,通过每个新产品的英雄镜头,描述它的优点. This just doesn’t work.

    在我看来, 主页应该简要描述你的公司做什么,并提供一种基于最可能期望的访客行为的互动方式. request a quote, contact). 其他的都应该通过清晰易用的导航菜单来处理.

  • Hi Barry, no mention of video content. 一个“十三水游戏”的视频能和英雄形象一样好吗?

    • 在我看来, silent video are fine, (就像你的英雄页面的背景), if your video have sound, 加载后不让它自动启动. 有一个“播放”按钮(没有什么比主页上随机的自动声音更烦人的了)

  • Excellent 和 valuable information. 由于巴里!

  • 再保险:英雄枪.

    这句话非常真实,让我笑了:两个商人握手的5美元的照片尖叫着“营销胡扯”.”

    • Really unusual writing of the author.

  • 为了充分引导所有资源到你的网站的内容, 你需要写一些有趣的文章. And it is very difficult to do this, but http://au.edusson.com/coursework-writing-service which is coursework writing service can help you. So this can help with your writing. So take a look at this option.

  • This was extremely helpful, 和 for me timely!! 谢谢你这样组织良好,容易阅读的提示,可以立即使用. 新风机!!

 
加入超过16,000人谁收到网络营销技巧每两周.

By signing up you agree to our 隐私政策.

分享这