本文的目标是向您展示引人注目和有说服力的首页标题的示例, 英雄镜头和标题.
我想让你明白为什么它们是有效的,所以我会重复我认为有效的东西.
我告诉你,写文章是件苦差事. 相反,如果我选择呈现弱的主页,我只需要十分之一的时间就可以完成. 可悲的是,大多数情况下,你都得努力弄清楚自己是否在正确的位置上.
但今天我阳光的一面升起来了. 十三水游戏会把重点放在好的方面.
事实证明:今天早上醒来就想在你的网站上闲逛的人是零. 除非他们已经是忠实的客户,否则他们会去这里:
然后他们输入或说出他们需要的某个版本. 如果你擅长搜索引擎营销(付费广告)或搜索引擎优化(有机搜索), 他们接下来要做的是:
(在本文中,十三水游戏假设它们出现在您的主页上. 如果他们在其他地方着陆, 如果他们对你提供的东西感兴趣,他们很可能会访问你的主页.)
您的网站现在处于服务模式. 它只有在给人留下强有力的第一印象时才会成功. 它必须这么快. 网络漫游者的耐心是出了名的.
所以…. 你主页顶部的某些部分在他们面前闪现. 他们只看手机、电脑或平板电脑上的内容. 设备越小,他们看到的就越少.
你想让他们看到的是你的标题、英雄形象和标题.
你想让他们明白的是 你的公司能为他们做什么.
网站满足各种公司的需求, 但它们不能满足第一次来这里的游客的需求,除非他们迅速明确地确立在那里的价值.
你的目标是让他们逗留并点击. 一个成功的主页能让访问者更深入地进入你的网站. 否则,他们的信用卡就不会发行了.
这让十三水游戏回到第一印象的讨论. 你应该在页面顶部显示和说明什么?
答案可能有一百万个,但正确的答案包括:
标题: 许多人将标题描述为页面顶部的窄条(或条状). 是这样的:
有明显标题栏的网站通常会有logo, 导航链接, 详细联系方式, 搜索提示, 提供了, 和更多的.
我并不是要回避这个话题. 网站导航非常重要,所以要深入研究 七个最佳实践和技巧 要了解更多. 然而,这篇文章实际上是关于英雄的形象和标题. 现代网站设计通常将这三者无缝结合.
在登陆轨道媒体的主页时,标题和英雄镜头之间并没有明显的区别. 然而, 当滚动, 标题是分开的,让访问者容易进入网站的主导航.
英雄: 页面顶部的“空间”可以被称为英雄照片、英雄图片甚至标题. 有时,我也看到它被称为“图像横幅”或“横幅图像”.“不管你叫它什么,这就是十三水游戏要研究的东西.
标题: 没有规定必须在你的英雄形象上加上标题. 有时标题在标题的上方或下方. 有时没有标题.
大多数时候,主页的标题是设计成英雄的镜头. 通常,后面会有副标题. 有时甚至会包含更多的组件.
这篇文章的意思是检查主页标题, 英雄和标题是一体的, 极其重要的, 还有(通常)综合的东西. 好吧? 再说一遍,重点是学习如何让用户留在你的网站上.
十三水游戏可以从领先的SaaS品牌中获得有价值的经验,因为他们倾向于对自己所做的事情进行测试. 像这样, 公司将设立一个具体的目标, 创建一个行动号召(CTA)来促使访问者采取行动, 分析他们的结果并进行相应的修改.
当前在FreshBooks主页上拍摄的英雄可能不是十三水游戏今天看到的最漂亮的例子, 但可能是最好的. 它起作用的原因有很多:
SignalVine通过两个行动呼叫让他们的英雄镜头工作.
ShortStack不会在截图、背景视频或任何不必要的干扰上小题大做.
我对一大堆 营销自动化供应商在我的网站上的一个帖子 因为有太多的人没能把自己的观点清晰而迅速地表达出来. act - on已经得到了他们的行动在这里与一个好的首页标题,英雄和标题,因为:
这是由Hootsuite设计的AdEspresso的获奖作品.
您可能已经聚集了一些SaaS公司(或者至少是那些有我喜欢的主页的公司)坚持某种鼓励行动(通常是尝试)的风格.
但电子商务公司并非如此. 他们尝试了各种各样的方法,并经常更新他们的主页, 这很像一个实体零售商全年都会更换他们的显示器.
十三水游戏将研究一些我认为很有吸引力的观点.
在Beardbr和,产品不会出现在页面顶端. 他们采取了一种完全不同的策略,提供小测验.
我是互动内容的忠实粉丝,并为敢于在任何事情之前进行测试的品牌鼓掌. Beardbr和似乎在告诉我, “十三水游戏很想了解你.”
是的,在NFLShop的主页上有很多事情要做. 在电子商务网站经常有. 然而,他们在布局上做了一些聪明的事情.
PuraVida手镯希望你能在他们的网上商店玩得开心.
我喜欢这个电子商务网站的简单性,并想要证明拥有一个商店并不妨碍你呈现一个强有力的标题. 以下是我在Solo Stove的发现:
但我找不到任何游戏, 通讯提供了, 或者限时优惠(尽管情人节“很快结束”的促销活动是一个粘性页脚). 看到一家电子商务公司保持简单让人耳目一新.
我也没有找到一个滑块或图像旋转木马. 以幻灯片的形式呈现多张图片/标题/商品仍然是电子商务公司的一种流行方式,尽管它通常做得很优雅, 这对手机购物者来说不现实,因此有点冒险.
这是Kutoa的一种社会意识方法,很像Toms所熟知的“有目的购买”方法. 它们本可以让标题更容易阅读, 但我挺过来了,和这个品牌做生意感觉很好.
网络很广. 我没有进入出版业, 餐厅, 零售, 还有无数的其他商业类别. 我将用一些不同服务公司和产品供应商的主页英雄来结束这一节.
美丽的形象. 美丽的设计. 漂亮的1 - 2,剪/剪标题. 漂亮的副标题和CTA. Blurb给十三水游戏上了一堂极简主义的课.
我从轨道媒体那里找到了阿加蒂的主页 投资组合在美国,视觉简单是最重要的. 这里有什么?
我不喜欢标题写作的“十三水游戏”的方式,并敦促你在写标题时要小心. Enso Digital在这方面做得很好.
我不想从透视图API中看到这个极小的头/英雄.
现在十三水游戏来快速浏览一下个人品牌网站,这是一个快速增长的类别. Chris Ducker的网站也是关于个人品牌的.
首页最重要的是将复制和设计结合起来,确保正确的客户类型,他或她在正确的位置.
你们的家庭作业,把你们的英雄镜头和标题放到测试中. 回顾一下我上面提到的几点.
如果你的用户大多是移动用户, 回顾一下你在智能手机上发表的内容,问问自己你看到的是不是……
显然,我并没有访问所有类型的主页. 很明显,我没有去看所有10亿多网站(虽然我感觉我看了). 然而……
我愿意看你的. 如果你想让我这么做,请在下面的评论区告诉我.
只要签字,你就同意了十三水游戏的 隐私政策.
我见过来自 http://sitetuners.com/ 在三四次贸易展上.
他始终如一地说:“你主页的唯一目的就是让他们离开你的主页。”.
所以20个月后,我打算放弃我的禅宗推车文字press商店,迁移到woocommerce/WP
我有两个头版,听起来很疯狂
我的主页 http://www.windycityparrot.com/ (我知道搜索框很小,这是我离开禅宗车的原因之一,CSS“转变”-你一天早上醒来,事情已经改变了)
主要形象(2澳洲鹦鹉)变化每星期一——这意味着我真的改变了接近10多次用不同的“英雄”没有影响转换或网站导航这就是为什么现在什么也没有,因为它不会产生影响——至少对十三水游戏.
第二个主页是 http://www.windycityparrot.com/blog/ 我把它整合到禅宗车中,这样看起来你在同一个网站上,但你现在是在一个WordPress网站上.
(超大的博客图片是在网站移动的预期,所以他们现在看起来很笨重,但如果你重新调整图片的大小,它可能需要谷歌两周的时间来重新索引图像,把它绑定到原始的索引图像-或这样我被告知)
目前的集成也使WP设计非常有限(2016年主题,我不能改变它),我不能做满页,等等
所以新的设计将使用这个主页 http://birdadoptionexam.org/ 我从一个网站重新利用,我还没有准备好部署,它将非常适合十三水游戏的网站的首页.
很明显,我要改一下文本,但是你们看到"准备好参加考试了?而蓝色的大按钮,我将有一些小部件/行动召唤/按钮,阅读“学习”和“购物”,显然导航到博客或商店
使用 http://elementor.com/ 我可以很容易地在整个博客中添加商务小工具,希望能将更多的流量从博客推到我创建的商店 http://birdadoptionexam.org/ 我不知道CSS
十三水游戏有4000页的产品和内容. 十三水游戏有1100个博客页面,但是博客获得了网站总流量的50%
喜欢倾听你的想法
谢谢你巴里
当我进入你的主页时,很难知道你想让我做什么. 事实上,这是一家商店的想法并不是很快就能注册的. 我认为你肯定想看看其他小众电子商务网站,并把一些元素到位,为他们工作.
再保险:博客. 如果你的博客只有一半的流量,那就意味着你的博客做得很好?
我根本不是专家, 但我必须说第二种——收养鸟, 更干净,更吸引眼球吗. 它还指出了鸟类收养和救援.
一如既往,来自安迪和他的团队的内容,在这个例子中,巴里不仅优秀,甚至聪明,而且令人惊叹, 我从他们的内容中学到了很多,这周还在讨论十三水游戏的主页不够好. 巴里,我希望你能看看十三水游戏的主页并告诉我你的想法. theprintedbagshop.co.uk
嗨,巴里,这是一篇很棒的文章,给了我一些思考的食物. 我把我的网站放在这里,如果你想看看它很好,如果不是,我理解…. http://www.designedbydaddy.net
谢谢,
杰里米
杰里米,我喜欢你的方法. 很酷的标题和伟大的图像来支持你的信息. 你已经清楚地表明了你可以如何提供帮助,并添加了一个很好的情感元素.
非常好的例子! 我很好奇当你有一个非常明显的分裂的听众时,你会怎么做——在十三水游戏的例子中, 作为一个非营利组织, 十三水游戏服务的人群和十三水游戏的捐赠者,以及你如何在主页上吸引他们(或者你应该吸引他们). 这是十三水游戏的页面,以十三水游戏的新品牌赞美诗视频为首. 我觉得这对于一个不认识十三水游戏的游客来说太模糊了:UnitedWaySEM.org
杰西卡,
是啊,视频也许能帮上忙,也许不能帮上忙. 我会得到一些反馈,看看你的分析. 对于分散的观众来说,这总是一个挑战. 我认为你能做的最好的事情就是清晰地展示一些标识,指出哪些页面/部分是面向哪些受众的. Eg. 你是捐赠人吗??
嗨巴里,
谢谢这篇文章,读起来很有趣,不过我不确定是否同意.
我很有兴趣听到你对我的电子商务商店主页的想法, http://www.ThePGB.co.uk
如你所见,它有旋转木马图像,而不是一个单一的英雄图像. 对我来说,当我销售数百种不同的产品时,单一的图像是非常有限的.
你说“以幻灯片的形式呈现多张图片/标题/报价仍然是电子商务公司的流行方式,尽管它通常做得很优雅。, 这对手机购物者来说不现实,因此有点冒险.-我很好奇为什么幻灯片不能在手机上播放?
提前感谢您的时间,并期待您的回复…
丰富的.
有钱了,
你的网站可能适合滑块. 然而,无论你销售3种产品或数百种产品,都不能先走一步. 我认为展示幻灯片是有风险的,因为它们考验着游客的耐心. 你不能假设他或她会等着每个人装货. 和, 正如我在文章中所说的, 考虑到更小的屏幕空间和潜在的带宽问题,这通常会给移动用户带来更多的问题.
现在, 你的网站设计, 在页面顶部有一个第一个元素,它回答了访问者可能遇到的最重要的问题, 所以carousel实际上是页面的第三个元素.
尽管如此,您可能还是想尝试将其中一些幻灯片设置为静态元素. 星级评级和网站功能可以显示在主图像下面或作为其一部分.
谢谢你的建议,巴里,非常感谢!
谢谢你的好文章. 但我很好奇:在标题中使用“十三水游戏”有什么问题?
PRW,
很好的问题. 我的信念是,你的主页应该是关于你的访问者,而不是你的公司. 我看到太多“十三水游戏”的可怕标题.“通常是泛泛而枯燥的陈述……”“十三水游戏为复杂的问题提供简单的解决方案”或类似的模糊的说法.
也, 各大品牌倾向于在主页上大肆吹嘘自己, 当信息将是一个关于页面更好的适合.
这一切说, 你可以写一个“十三水游戏”的标题,有效地让读者确信他们找到了解决问题的正确地方.
想知道你对十三水游戏主页的想法: http://www.interproinc.com/
斯蒂芬妮,
它可能需要一些工作. 您使用的是经典的滑块,它试图充当网站导航元素. 我想用一个奇怪的信息. 此外,它的加载速度很慢,所以它确实会考验游客的耐心.
我同意其他一些评论. 了解更多的背景会很有趣:
1. 为什么“十三水游戏”是一种糟糕的方法
2. 有什么统计数据可以反对幻灯片
蒂姆,
我希望你能听到安迪关于你关于幻灯片的问题. 我知道他引用了一些数据,表明隐藏的元素往往是看不见的, 哪些是风险幻灯片. 也适用于“标签”部分.
蒂姆,
Am和a(轨道营销总监)的协助下, 我在这个博客上读到一篇文章,揭示了关于滑块的想法和数据: http://www.beauty2bits.com/blog/rotating-sliders-hurt-website/
加里,我的朋友,这里欢迎所有意见. 显然,我不是你的网站写手. 自从网站诞生以来,我就一直在写网站,所以我有信心提出好的想法,并把它们执行得很好. 但这并不意味着你必须同意他们.
安迪喜欢说, “数字墨水永远不会干,“所以理解, 无论你在你的主页(或任何页面)上使用什么策略,都应该被视为一种试验.
请不要和我一样反对轨道媒体. 我是这里的客人. 我经常在这里写作,和安迪一起做播客, 所以我相信大家非常信任我的专业知识和经验, 但我不一定“替他们说话”.”
顺便说一下,我从来没听说过高中生写得这么好. 我竭尽全力,为数千家公司写过文章. 但我不适合所有人.
巨魔就要巨魔了. 很棒的东西,Barry(甚至是更好的回答).
嗨巴里,
谢谢你的好文章. 如果你能看看我的主页并提供任何反馈,我将非常感激: http://www.scissormall.com/
我知道我在使用“十三水游戏”的方法,所以我不确定我是否应该改变它.
先谢谢你,
莎拉
萨拉,
你的标题/英雄/标题在我看来很好. 完美地抓住了谁,什么和为什么. 还有强大的cta.
巴里,谢谢你的分享. 我很好奇,如果你有什么建议,我可以做什么来改善我的主页. http://www.bedAndbreakfastblogging.com/
克丽丝蒂,
你的网站是个博客,所以我相信你已经给人留下了最好的印象. 我确实发现你的搜索机制在页面的底部,而我从来没有被看到. 我会把它放在页面顶端,帮助访问者快速找到他们想要的东西.
我欣赏你展示对你有用的东西的方法,而不是指出你认为的失败!
我想它如果你看看我新建的电子商务(亚马逊联盟)网站,并提供你的观察.
http://www.djmixers.co
荷西,
我喜欢这句话,它有点隐晦:找到你的下一个DJ混音师,甚至更多!
这好像是你的标题.
你可能还想检查一下你的英雄镜头设计的可读性. 大量的白色字体会出现在白色的背景上,这使得阅读起来有点困难. 祝你的店好运.
非常感谢!
虽然其中一些内容是有意义的, 我确实认为在设计主页时可能会过于“实用”. 通过放置一堆内容(文字, 数字)在前面, 你错过了一个激发情感的机会. 在用户信任). 一幅图可以表达1000个单词.
作为一个管理企业B2B网站的人, 我有兴趣看看你认为好的主页设计的例子?
神奇的文章, 听起来很奇怪, 但我在这里读到的大多数案例研究正是我对这些网站的评论方式.
荣誉
Barry,很棒的帖子(一如既往)! 我喜欢您如何强调页面的不同元素在一起工作时是最好的. 这一点经常被忽视!
伟大的阅读,巴里. 我只是碰巧在刷新我的网站的过程中,将感激您对我的当前主页的输入. 我是一名平面设计师,销售我的专业知识和创意服务,但我认为我的登录页面也应该反映我的想法. 谢谢!
我需要链接/URL.
哦. 填写了字段,但在文本中忘记了. 给你…….http://kinkopfdesign.com/
谢谢! 凯萨琳
明白了吗. 凯萨琳, 十三水游戏的谈话可能会很详细,很冗长, 但我肯定会重新考虑你主页上的一些东西:
—Hello(或Welcome)是一个一次性语句.
——你的主页, 实际上是所有的页面, 有通用的页面标题,不能很好地为你的搜索服务. 用特定的关键词来优化它们.
-你需要一个卖点.
-你需要做个血管造影. 它可能是“看到十三水游戏的作品”或“获得报价”或一些你希望访问者采取的行动. 你的王牌似乎是你的投资组合. 引导人们使用它.
-你不需要滑块.
-我认为“让十三水游戏聊天”是关于实时聊天的(因为它通常是). 在我看来,你是在请求联系.
-在你的联系页面上,为什么你希望别人“说你好”?给他们一个令人信服的理由来填写你的表格. 也许“小而有力”意味着快速转弯和有竞争力的价格?
-告诉我为什么十三水游戏会发飙.
嗨巴里. 感谢您的快速回复、评论和指导. 所有的好. 许多设计师只是把作品集作为他们的登陆页面, 哪一个是考虑因素, 但我想创造一个更容易搜索的, CTA回家/着陆页, 按照你的建议, 将它们连接在一起. 除了你的笔记,我打算重读你的文章,然后变得忙碌起来…….再次感谢.
嗨,巴里,你的材料很棒. 我很乐意实现你的想法,但从哪里开始呢 !?!? 你能看看我的网站:丹iProNails吗.com. 我认为十三水游戏有相当数量的游客,但还远远不够 ! 谢谢你! !
加里
盖瑞,这是个尖锐而宽泛的问题. 看起来你有相当多的聪明的想法在发挥你的电子商务网站. 然而,我没有看到建立电子邮件列表、参与内容或引导培养的尝试.
如果流量很好,但转换率不高,我就从这里开始. 看看我为电子商务品牌写的这篇客座文章的想法: http://blog.kissmetrics.com/32-ways-your-ecommerce-company-can-boost-engagement-And-sales/
好东西,巴里. 谢谢你!.
我刚刚完成了我网站的一个重大更新. 不满意主页的设计-我可以看到它不符合你在上面文章的建议. 感谢您的反馈/指导.
你能把链接放进去吗,金?
确定, http://cuttingedgepr.com/. 由这家数字媒体公司制作的设计没有英雄镜头,也没有醒目的标题, 每一篇文章或博客都有图片(我仍然在主页的每一篇内容上添加了一个小的“特色”图片). 我认为,在页面上显示一篇“观点文章”,加上标题和几篇文章的第一段并不能提供一个强有力的焦点
金,
你在各方面都是对的. 就像你说的…
“设计中没有英雄镜头或醒目的标题.”
上面写着:“促进你事业发展的想法和信息.“什么样的想法?? 什么样的信息? 的职业生涯?
到目前为止,你的网站肯定陷入了“我不知道为什么我应该在这里”的陷阱. 添加一些细节.
看起来你是做公关的. 为谁? 为什么? 如何? 他们下一步应该点击什么?
多谢,巴里. 极大的赞赏! 因为我的沟通兴趣是多样的, 从员工表彰到赞助,再到商务演讲,再到公司沟通, 你认为我应该为每个人建立一个小网站吗, 而不是试图把它们都包含在一个网站中? 非常感谢你的想法. 认为,金
嗨,巴里,非常感谢你的这篇文章. 我很高兴偶然发现了这篇文章. 我很难把“谁”、“什么”和“为什么”同时放在标题里. 我已经把标题重写了好几次, 但我仍然觉得它与我理想的访问者之间缺少某种联系. 您能浏览一下我的主页吗 http://www.sparkthinking.net 给我一些反馈?
谢谢提前.
Syliva,
我同意你的看法. 看起来你的网站会从一些专业的文案中受益. 标题还不错,但你可以试试其他方法. 也就是说,“你孩子的自信”似乎确实建立了联系. 如果你有一个标题列表,请通过电子邮件给我看,我会给你我的反馈.
优秀的技巧,巴里! 在我开始实现本文所启发的想法之前, 我想在十三水游戏的网站上得到你的反馈: http://www.myedusolutions.com
你的时间 & 非常感谢您的推荐! 🙂
谢谢. 我发现这篇文章真的很有用. 我正在我的网站上工作,所以希望有一个URL与你分享很快. 我非常感激你的洞察力和经验.
嗨,巴里,这是一本非常棒的读物. 对于建筑行业的B2B制造商,你是否也会提供同样的建议,因为他们需要非常专业的技术和服务于许多受众? 十三水游戏的主页遇到了这个问题,十三水游戏倾向于发现需要为5个或更多的关键客户提供许多CTA. 每个客户都需要不同的答案.
凯蒂,
如果我看了你的网站可能会更有帮助. 所以,现在,是的,我提供同样的建议.
伟大的文章巴里! 真的很喜欢不同类型的网站的评论. 在要求快速审查之前,我将对我的一些东西进行修改(哈哈). 谢谢你的建议.
嗨巴里,
我很喜欢你写的东西, 十三水游戏真的试图优化十三水游戏的网站,通过您的指南,但十三水游戏仍然很少看到每个, 如果你能看一下,会很有帮助的,谢谢. 这是链接 http://scissortec.com/
如果你有一个产品页面,并从时间到时间的促销:改变h1和h2的英雄形象,以匹配促销(同时仍然提到产品名称)对SEO是好的?