我真服了，当初为了省那几千块前端钱，在某宝买了个号称“谷歌都夸”的响应式模板，结果呢？PC端看着人模狗样，一到手机上好家伙，那个导航菜单点十次有八次没反应，图片加载慢得像在爬，关键的文字内容被广告栏挡得严严实实——用户进来除了关掉页面还能干嘛？我甚至怀疑蜘蛛爬取的时候是不是也骂娘。
真的，别学我。
你以为的排版就是调调字体颜色摆摆图片？大错特错！那玩意儿叫“页面结构”和“视觉引导路径”。你TDK写得再牛逼，用户一点进来找不到北，三秒就跳，权重？权重个屁！搜索引擎比猴都精，它一看你跳出率居高不下停留时间短得可怜，立马把你往后排，这比你发一百条垃圾外链死得都快。我那个站就这样，盯着GA后台那条代表跳出率的、高耸入云的柱子，我抽了三根烟才没把电脑砸了。
说点人话版的避坑指南吧，都是血淋淋的教训：
1. 移动端！移动端！移动端！ 重要的事说三遍。现在做站，你必须先想着在手机那块小屏幕上怎么显示。字够不够大？按钮能不能轻松点？别让用户两根手指放大缩小才能看。很多模板的“自适应”就是扯淡，一定要自己用真机多型号测试，从iPhone到千元安卓机都过一遍。
2. 速度是爹。 别搞那些花里胡哨的动画、全屏视频背景、一堆没压缩的几M大图。用户网速不好或者用流量的时候，你页面三秒打不开，人家直接拜拜。这直接影响搜索引擎的“页面体验”核心指标。压缩图片，用CSS3代替JS动画，能静态就静态。
3. 排版逻辑大于美观。 新手最爱犯的错，把首页堆得满满当当，觉得内容多就是好。屁！用户是来找信息的，不是来玩大家来找茬的。重点要突出，F型视觉路径了解一下？最重要的标题、卖点、行动按钮，必须放在用户不用滚动就能一眼看到的地方。层次要清晰，该留白就留白，别舍不得。
4. 字体和行高是灵魂。 别用那种稀奇古怪的字体，宋体、黑体、微软雅黑最安全。行高（line-height）一定要设，一般1.6到1.8倍看着最舒服。密密麻麻挤在一起的字，神仙看了都头疼。这里有个简单粗暴的办法，直接扒拉几个你感觉舒服的大站，用浏览器开发者工具看看人家怎么设的，照猫画虎准没错。
5. 别碰那些“智能”、“一键”排版插件。 尤其是WordPress上的，很多会往你代码里插入一堆乱七八糟的冗余DIV和样式，导致HTML结构变得又臭又长，对SEO极其不友好。能用手写CSS解决的就别用插件，干净。
最后，如果你真的一点前端都不懂，又不想被坑。要么花点钱找个靠谱的人给你定制个基础框架，要么就用最最简单、经过无数人验证的经典主题模板，少即是多。记住，排版的核心是让用户和蜘蛛都能毫无障碍地、愉悦地获取信息，任何妨碍这个目的的花哨东西，都是垃圾。
唉，不说了，说多了都是泪。我现在正熬夜一行行改CSS呢，希望还来得及救... 你们新手，引以为戒吧。
