说实话，干这行十二年了，我见过太多老板一上来就跟我拍桌子：“给我弄个大气点的头图，要那种一眼看过去就很有科技感的！” 结果呢？做出来的东西要么像十年前的网吧主页，要么就是加载慢得让人想砸电脑。今天咱不整那些虚头巴脑的理论，就聊聊网站建设header这个最显眼的地方，到底该怎么弄才既好看又实用。
先说个真事儿。上个月有个做建材的朋友找我，说他们网站转化率太低。我一看后台数据，好家伙，header部分占用了屏幕上面三分之一的位置，放了一张高清大图，上面还压着几个小得跟蚂蚁似的导航按钮。客户手机打开一看，根本点不动。这就叫“自嗨型设计”。你觉得自己挺美，用户看着想吐。真正的用户体验，是让用户在0.5秒内知道你是干啥的，能干嘛，怎么联系你。
很多新手站长容易犯的一个错误，就是贪多。恨不得把公司所有业务、所有联系方式、所有荣誉奖项都塞进header里。我常跟客户说，header不是广告牌，它是导航台。你的核心目的只有一个：帮用户快速找到他们想去的页面。比如，把“联系我们”或者“免费报价”这种高转化按钮做得醒目一点，颜色对比度拉高，别搞什么渐变透明，那是给自己挖坑。
再说说价格。市面上有些公司报价几千块，说包含“高端定制header设计”。你细问，其实就是套个模板，换个Logo。这种活儿，你自己用PS拼一下也就半小时的事。真正值钱的设计，是考虑到不同分辨率下的适配，是考虑到用户滚动页面时header的交互效果。比如，当用户向下滚动时，header能不能自动缩小？背景能不能从透明变成实色？这些细节才体现专业度。我在给客户做项目时，通常会准备三套方案：一套简洁版，一套功能版，一套视觉冲击版。简洁版适合内容型网站，功能版适合电商或B2B平台，视觉版适合品牌展示。别听销售忽悠什么“万能模板”，那都是扯淡。
还有啊，别忽视移动端。现在百分之七十以上的流量来自手机。你在电脑上看着挺美的header，到了手机上可能直接挤爆了。我之前有个客户，非要在header里加个自动播放的视频背景，结果手机端加载出来黑屏，用户直接关页面走了。这种案例我见多了，心痛啊。所以，做网站建设header的时候，一定要先做移动端优先的设计。先把手机端的布局理顺了，再考虑PC端的扩展。
另外，SEO也是个大问题。header里的导航链接，不仅仅是给人看的，也是给搜索引擎爬虫看的。如果你把重要的关键词埋在图片里，爬虫是看不见的。所以，文字导航还是得保留，而且要用H1或H2标签适当强调。别为了美观把文字都做成图片，那样百度蜘蛛爬过来，一脸懵逼，你的排名能好才怪。
最后，给大伙儿几个实在的建议。第一，别盲目跟风，别人家网站有的功能，你未必需要。第二，测试，测试，再测试。做完后，找几个不懂技术的朋友试试，看他们能不能在一分钟内找到你想让他们找的东西。第三，别省小钱花大钱。header设计费几百块和几千块的区别，不在于画图的时间，而在于对业务逻辑的理解。
如果你现在正纠结header怎么弄，或者网站打开速度慢、转化率低，不妨找个懂行的聊聊。别等客户流失了才后悔。毕竟，网站是你的脸面，也是你的赚钱工具，马虎不得。有啥不懂的，随时来问我，咱不玩虚的，只讲干货。
