做网站就像做logo，可以“朋友帮忙做一个”，也可以天价去打造——毕竟个人博客是个网站，那阿里巴巴也是个网站。所以这样低可免费、高不封顶的业务通常有个共同的特点：水深。
因此为了不耗时耗力掉入那些泥沼，我们来科普一下建站（网站设计）的一些基础知识和常见陷阱。
就像做营销一样，开始之前你需要了解你的业务类型以及建站目的。
往大了分，需要网站的企业类型通常符合以下2种情形：
- 本地企业
- 电商
按目的分，大致也可以分为以下3种：
- 仅展示 – 如集团总站，如 rb.com
- 客户引流与挖掘 – 如 salesforce.com
- 线上成交 – 电商，如 hp.com
所以如果你的网站只是纯展示目的，只是更新一些企业动态，或是让你的名片有个网址可以印看起来不那么空，那么一个简单的，可以展示，具备基本交互（如，提交联系表单）的网站即可，这样的情形通常比较合适集团站、餐厅等。
对于希望网站本身能带客流的行业（如，律师、会计、诊所、保险、地产等），你则需要一个更挖完备的网站。不但能从渠道引流，更能对将引流来的访问者切切实实地转化为你的潜在客户。这样的网站通常不只是对设计有要求，对后期的维护更新也不能怠慢。
电商对网站的要求理论上通常是最高的。因为这不仅仅牵扯了引流转化，还包括了Payment Gateway（支付功能）的嵌入，SKU管理等功能的实现。如果你的要求足够高，运营一个电商站的成本并不比经营线下实体门店成本低。
其中，抱着展示与客户引流目的建站者大多属于national/local的本地企业，线上成交则属于电商自建站类型。下面，本文将针依据上述三种建站目的给出一点建议。
注册域名
对一个网站而言，域名起到了一个“门牌号”的作用，通常一年的价格应当不超过15USD。
当然，域名的价格也是可以从免费到上不封顶——但对大部分的中小企业来说，如果不是做投资，起一个好记喜欢的域名即可，不用特意高价竞标那些天价域名，
域名注册商
首先你需要找到一个域名注册商并检查你想要的域名是否已经被注册了。Godaddy，Namecheap等都是比较老牌的域名注册商，上去搜索喜欢的即可。但是一旦注册了域名，域名的迁徙是一件相当麻烦的事情。虽然极少情况下会有必要迁徙，但一旦发生域名注册商会层层阻挠，所以要选择售后相对完善的域名注册商。
域名的竞标也是个很有意思的产业链，以后我们可以另外开篇讨论。
TLD
TLD是top-level domain的简称，也就是你的域名后缀，如.com, .net, .ca等。在这一点上用不着太纠结，只要价格合适，以及要注册过于小众的后缀(e.g. .cg)即可。
SSL
在购买域名的过程中域名注册商会up sell你很多东西，但SSL证书只要价格合适（每年$100以内）是一个值得购买的产品。
SSL证书说简单些就是将你的协议由http升级为https，这一点在电商网站是必须的（因为有payment transaction），而普通网站也建议装一个，原因有2个：对SEO有帮助；不装的话Chrome浏览器会显示unsecure
Whois Privacy/Guard
Whois Guard 是保护你的个人信息（姓名，住址，电话等）在Who.is之类的域名注册信息查询网站出现的一个服务。但因为GDPR等一系列隐私政策的升级，Whois 已经不会暴露这些个人信息，所以这个其实无需购买。
通常不需要购买。大部分域名注册商的hosting email（如，网站发给admin的email）都可以免费试用，upsell 的Email服务有诸多缺点和陷阱，下文会提到。
服务器选择：空间，VPS以及云主机
服务器选择
你的网站其实是一系列文件组成的，而访问你的网站的页面则是你的浏览器对这些文件进行调取并可视化的一个过程。那么问题来了，你该把网站文件都放在哪里，用户才能随时访问到呢？这时候你就需要一个靠谱的服务器(hosting)了。
Hosting是一个统称，细了分主要有3个类型：空间，VPS以及云主机。当然，如果你是下文提到的拖拽建站，那就只能在对方的hosting下了。
这里要注意一下，域名的购买与服务器完全不需要在同一个地方，只是域名注册商通常鼓励你这么做：比如购买一年的hosting service就可以送一年一个常规价域名的免费试用期。
空间
购买空间相当于给你的网站租一个公寓，而绝大部分域名注册商也会upsell空间。如果你是一个展示小站或本地服务站，每天流量有限，那一个简单的shared hosting即可，价位一般不超过USD120每年。这样的空间一般是LAMP配置，所以会有cpanel和file manager，属于ready-to-use型，对网站文件管理起来也比较方便。
比较知名的有Bluehost, Hostinger, Hostgator, Godaddy等。
VPS
大多空间provider也都提供VPS hosting。相比于空间，VPS更适合小型开发项目，或同一时间host多个网站。 VPS的初始配置并没有空间那么friendly，你可能需要懂一点建站知识或者让一个程序员来帮你布置环境。
这方面比较知名的是DigitalOcean，收费方式是根据使用的流量来收费。
云主机
这类hosting包括大名鼎鼎的AWS，Google Cloud，阿里云，百度云等。虽然大部分也是按量计费，但用来host一个网站确实有些过了。云主机通常的用途是Saas软件的运营和开发。
服务器hosting的横向比较
这个就像买电脑一样，你需要比较一些参数，比如memory，线程数，downtime（所谓服务器挂掉的几率）等。虽然建一个小型网站很少会有人看这些问题，但至少你不应当花冤枉钱——对比才知道优劣。
关于这方面如果想了解更多，可以查看这篇文章：十大最佳免费网站设计软件
建站实际上并没有你想象的那么困难，你不必是个IT高手，也更不用多么精于编程，其实没有那么复杂，只需要对网页设计有一定的了解，因为对于一个网站而言，布局是很重要的。
其实你可以尝试自己搭建一个简单的网站，这里帮你梳理一下基本的步骤。
确定你网站的目的
听起来好像是很简单的一个步骤，但是在你开始一切工作之前，你首先要确定的就是你网站的目的是什么。除了简单的了解你的行业和定义一个内容方向之外，你还需要考虑你的独特卖点是什么，以及你想传达的是一个什么形象。你的网站设计是直接与你的品牌相关联的，需要的就是真实并吸引住客户。
一旦你的目的明确了之后，下一个重点就是你希望你的网站访客在你的网站上浏览时采取什么行动呢？你的网站只是为了展示信息？还是为了在线销售产品？还是需要注册？
这一点很关键，因为确定了最终的目标，会直接决定你的网站外观和感觉。以线上电子商务为例，你的设计的第一个关键元素就是你的登录界面。根绝数据对比显示，你的登录界面应该集中在一个产品上，并附带一个明确的CTA(Call To Action)提示。
更进一步说，为不同的访问者提供不同的登录界面，以便分别定制报价和产品，这一过程可以被称为客户细分。这在今后的客户转化过程中是非常重要的第一步。
研究最新的网页设计趋势
网页设计变化和发展的很快，但是你可以从一些比较普遍的趋势中找到最适合你产品行业风格的趋势中去学习，这是很关键的，再流行的趋势不一定是适合你的。所以要找准定位。
48%的人认为设计是网站最重要的一个元素，所以花点时间看看竞争对手都做了什么还是非常重要的。每个行业都有自己独特的属性和风格，所以在设计上，你要想好你是想融入这个行业还是颠覆它。
在设计的时候，要更多地依赖行业特性而并非年龄或性别。所以在开始一切设计之前，首先要了解自己想要的是什么非常的重要。目前互联网上有许多比较明显的趋势。
微表情与微互动 Micro-interaction
微表情是当用户与网站互动时发生的小动画。看似简单的小表情却为你的网站注入了一些个性。微表情的互动创造了一个接触点，可以让你的访客觉得他们再跟你的网站进行交流。那么这种微表情其实可以采取多种形式-点击、悬浮、滚动等。在初期与用户建立关系的阶段非常的重要。但是这种微表情并不适合严肃的白领企业，其他大多数网站可以从一点互动中获益。
聊天机器人 Chatbot Support
Chatbot就是所谓的聊天机器人。有数据显示。一个企业每年在客户服务请求上花费近1.3万亿美元。据估计，聊天机器人可以减少30%的花费。其实对于一个网站来说，聊天机器人已经不再只是一个噱头的作用了，如今，它们对于面向客户的服务正变得越来越重要。
聊天机器人的主要优点就是时间效率和成本效益。他们每周7天，每天24小时工作，这样就可以有时间分散人员到其他事情。它们还为你节省了雇佣员工作为客户服务代表的费用。当然，这套系统并不完善，他们的情商和提供的定制支持能力也在逐渐提高，是值得考虑的一项网站投资。
选择主题模板
模板是网站的布局。想象一个模板，就像你的房子的结构，它的基本框架已经形成，现在需要做的就是装满你所有的东西。
大多数平台都会提供一系列模板供你选择，这些模板是预先用示例内容填充的，这样可以更好地展现出网站的基本样式。模板通常被以行业类别进行划分，这也使得你筛选与自己相关的模板时变得更加的轻松简单。每个类别都有与该行业相关的内置功能的模板，从而节省了以后添加它们的时间和精力。
我举个例子，如果你想为你的新咖啡店建立一个网站，你可以浏览“cafe”下列出的模板，其中大多数已经在模板中内置了联系人表单、菜单页和联系详细信息，因为它们都与“cafe”网站所需要的内容相关。在开始编辑之前，可以预览所有的模板，这样你就可以清楚的了解它的外观，并可以确定它是否适合你的需求。
不过在选择模板之前，最好先确定CMS用什么。而这一点，下文中在企业建站选择篇中有具体说明。
研究表明，网站用户通过滚动页面来更快的找到信息，而不是通过浏览不同的页面。换句话说，如果你的网站只是需要一些基本信息，可以考虑一个单页模板来完成你的网站。
决定你的品牌
那么这个时候就到了开始设计你的网站的时候了。但你开始设计时，你应该考虑你所做的每一件事是如何与你的整体品牌相关联的。从配色方案到字体风格和图像，一切都在讲述你的品牌故事中各个重要的角色。它们必须要相辅相成表达一直，传达出统一步调的信息。
配色方案
色彩是一个品牌最大的沟通工具之一。事实上，一种标志性的颜色可以提高80%的品牌认知度。人们对于颜色的感知背后有很多心理学原理，所以了解颜色在你的行业中是如何使用的是非常重要的。这里有一个信息图表，我们来看一下不同的颜色都改如何来解读以及又应该如何被应用。
大多数的品牌都有一个主色，然后是两个或三个次色。蓝色是最受欢迎的颜色，前100名品牌中有三分之一的品牌在其标识中选择使用蓝色。
如果你想让你的网站跟上现代潮流，那么充满活力的颜色是你的选择。
字体
与颜色相似，你选择的字体对人们对你的网站的看法有着很大的影响。一般的网站用户会在任意页面上阅读20%的文本，所以用适当的方式吸引他们是很重要的。
但是相对于比较严肃的企业要考虑用到专业的字体，比如经常使用的经典风格的字体Arial。
所以要根据不同的行业选取不同画风的字体搭配，对网站可以起到一个画龙点睛的效果。
图像
图片是你如何把一个不起眼的网站变成一个视觉盛宴的利器。
视觉内容对于增加点击量和参与度是非常有用的，但在更基本的层面上，图像只是停留在脑海之中。根据一项研究，如果我们听到一段信息，我们只会记住其中的10%，但如果你加上一张图片，你就会记住高达65%的内容。
也就是说，要注意小心不要让你的网站超载图片。许多高质量的图片可能看起来很好看，但它们会降低你的站点速度。许多网络用户很不耐烦等待加载，所以如果你的网站加载速度不够快，那他们会更快的抓紧离开。
内容优化
网站的构架已经成型，现在需要向里面添充了，有两个方面是需要考虑的：定位和优化。
定位是指你的内容在每个页面上的位置，以及它是如何布局的。与此同时，优化是指调整内容以帮助在搜索引擎上获得更高的排名的过程。
接下来我们将从技术细节来结一下为什么这两个方面尤其重要。
定位
研究表明，人们通常消费“F”格式的内容，简单的说，这就意味着网站用户将以类似于F的形状扫描页面。下面这张照片来自于一项研究，追踪了读者在网页上的眼球运动。
这就解释了为什么网站上的导航栏几乎总是显示在页面的顶部。因为这是人们登录网站之后的第一件事。见你的内容放在中心是一个很好的习惯，这样可以让更多的人看到最重要的信息。
优化
搜索引擎优化（SEO）是指你对你的网站做出的改变和提升，以提高人们登陆你的页面的质量货数量。更多关于SEO的内容介绍请看[SEO到底是什么玩意]
除了定位和优化之外，还有一些重要的事情需要重视：
元数据 （Meta Data）
除了你的实际内容之外，页面标题和描述是告诉谷歌你的站点是关于什么的最简单的方法。元数据出现在搜索结果中，允许用户在点击进入你的网站之前就可以简单浏览到网页上的内容。
图像压缩
图像通常是非常大的文件，这意味着大量的图片会让你的网站慢下来，导致网站的访客甚至在网站还没有完全加载完之前就离开了。因此对于图像必须要做的就是压缩。有许多在线的压缩工具，但要注意在压缩的过程中不要扭曲图像的质量，虽然压缩之后的图片对于网站的速度会有很明显的改善，但是保证图像的正常清洗也至关重要。
手机自适应
这是一个大问题。2018年，58%的互联网浏览发生在移动设备上，而且这个数字也在逐年上升。这就是为什么谷歌更喜欢在移动设备上格式正确的网站。
现在的大多数模板都是符合移动端格式的，可以自动的调整内容的格式以及适应不同的屏幕尺寸。然而如果你想让任何东西在移动用户面前有不同的表现，这个就是值得好好研究的了，这样提高了用户体验的同时，更增加了搜索引擎优化的曝光。
内部链接
内部链接是指通过超链接将用户引导到站点上的另一个页面。这通常是在你提到你有相关内容的时候，可以直接点解进行跳转的链接。
发布网站
在做好了前面所有的工作之后，要经过一次次不断地预览模式下进行网站测试，尽量让错误被更改，你可以通过你的家人、朋友甚至大众共同来测试你的每一个网页，看他们是否能发现任何错误或者漏洞。有一些常见的需要检测的事情：
- 你所有的链接都可以正常工作，并导向正确的页面
- 你所有的内容都已可读的
- 你的网站在PC端、移动端以及平板电脑上显示都没有问题
- 任意加载速度不超过5秒
在你的网站上线之前，一定要花时间好好检查一下，因为第一印象很重要。如果一切准备就绪，那么就可以发布了。
分析和改善
网站发布之后就万事大吉了吗？当然没有这么简单，你需要跟踪你的网站的表现情况。
大多数的平台都有自己的内置分析系统，或者至少有一个可以安装的应用程序。或者你可以把你的网站直接连接到Google Analytics,需要被追踪的有这几个方面：
- 你有多少页面被浏览
- 用户在每个页面上花费的时间
- 你的弹出率是多少
- 转化率
这些被称为行为度量的统计数据可以帮你了解哪些页面需要提高，从而改进SEO的表现。
事实上，网页设计师的工作永远不会真正完成。不过并不建议你每分钟都做出改变，但是紧跟你网站的表现和网页趋势的变化将会对你的网站起到很大的作用。
拓展：建站方式选择 – 本地企业篇
拖拽建站
难易度：低
费用：中等
适合职能：仅展示
代表平台：Wix、Weebly、起飞页、Sqaurespace，等
优点：
拖拽建站确实让很多人实现了建站DIY，只要在素材合适，就可以在完全没有coding经验的情况下完成建站。模板选择，纯前端编辑，元素拖拽，都是很吸引人的设计，让想建站的人完全不用“学”就能立刻上手。
此外，高度兼容的设计可以让其可以直接嵌入很多第三方，比如在线支付。
缺点：
很多意想不到的隐性收费，比如接入第三方，Email，图片使用，甚至提交表单的数量甚至都有限制
此外，拖拽建站通常SEO表现非常糟糕。上述page builder(e.g. Wix) 所创建的所有网站都不会使用semantic html —— 这在Google或其它搜索引擎在试图收录页面时会表现得异常不积极，更不用说排名了。
当然，任何一个page builder都会声称自己SEO friendly并开放一些SEO优化功能。但请注意，SEO是否friendly是根据搜索引擎的规则来的而不是page builder的规则。所以拖拽建站是个短期经济实惠，省时省力的做法。但如果你有长期计划，想通过SEO达到一定的引流效果，最好还是趁早放弃。
如果你对自己的网站SEO表现有任何疑虑，欢迎使用我们的免费SEO评分工具来快速检测一下。
CMS模板建站
难易度：中
费用：低
适合职能：展示，引流，轻量级特殊功能
代表平台：Wordpress CMS，织梦等
优点：
拓展性强，市面上大量付费免费主题和插件可供选用，如果不是实现什么特殊的功能几乎没有额外费用。
网站所属权永远是自己的，不需要注册或挂靠任何一家建站公司。此外，CMS都有用户后台支持，日常内容维护更新上的操作简单，轻松上手。
缺点：
初始配置阶段可能会需要一个懂的朋友来帮忙，包括安装，import主题。
设计改动上不会像拖拽建站那样方便，但如果有能力自定义，理论上没有限制。
因此CMS模板建站适合初期自己有一定时间，但预算有限的情形。如果你有长期的大打算，这种方法可以是一个一步到位的建站策略，即便以后想做些改动或加入一些功能，也可以pay as you go。
CMS自定义主题建站
难易度：高
费用：高
适合职能：展示，引流，中轻量级特殊功能
代表平台：Wordpress CMS，织梦等
优点：
拓展性强，完全自定义，每一页想设计成什么样都行，包括小动画效果等细节。
缺点：
耗时与贵。因为会牵涉到UI设计师、程序员的人工，再加上可能出现的back and forth，价格上不封顶。
这里补充下一个完全自定义的网站建站流程，就好像服装设计：
先沟通后出网站地图和线框稿，以确保甲乙方诉求一致；接着交给UI设计师“打版”，从首页到目录页到详情页进行设计，确保在进行下一步前每个细节与需求完全一致；最后将设计交给前端工程师，出一个可以点击交互的静态站让大家测试；最后工程师将前端页面写成CMS的主题，再交由双方进行debug。
上述流程便是标准的自定义主题建站的流程了，但在实际操作中双方要求不高可以跳过一些步骤，只是容易发生工期耽搁或是加价的风险。
建站方式选择 – 电商篇
第三方托管
难易度：低
费用：低
适合：中低量SKU
代表平台：shopify， bigcommerce，lightspeed等
优点：
类似拖拽建站，但是比拖拽建站能解决的问题更多（e.g.用户登录，购买下单），收费方式也更加灵活。如果有UI设计师，前端的设计也可以完全自定义。
在后台的inventory管理，流量，销售报告一般一站式能解决，配合强大的客服，省心省力。如果你的SKU在4位数以下，这几乎是最好的选择。
缺点：
非常大体量的SKU，比如10k以上的时候这些平台会有压力。但是这些第三方也有各类的pricing plan来作为应对之策，当然其价格也会水涨船高。
此外，与拖拽建站类似，需要永久依附对方hosting，并存在部分隐藏收费项目。
CMS自建站
难易度：低
费用：低
适合：中低量SKU
代表平台：shopify， bigcommerce，lightspeed等
优点：
类似拖拽建站，但是比拖拽建站能解决的问题更多（e.g.用户登录，购买下单），收费方式也更加灵活。如果有UI设计师，前端的设计也可以完全自定义。
在后台的inventory管理，流量，销售报告一般一站式能解决，配合强大的客服，省心省力。如果你的SKU在4位数以下，这几乎是最好的选择。
缺点：
非常大体量的SKU，比如10k以上的时候这些平台会有压力。但是这些第三方也有各类的pricing plan来作为应对之策，当然其价格也会水涨船高。
此外，与拖拽建站类似，需要永久依附对方hosting，并存在部分隐藏收费项目。
网站建设常见陷阱
陷阱1：用自定义建站的收费方式来模板建站
这是最常见的一个现象。用模板建站后只更改其中soft code和内容，无编程能力的人也可以搭建这样一个网站，这样一个兼顾展示与引流的网站价格最高不应该超过2k。
鉴别方法：
因为无法100%自定义页面效果，你要求的一些视觉效果常常达不到。
陷阱2：服务器，网站或域名所属权
服务器的用户名密码，域名的用户名密码以及网站后台的用户名和密码是三个不同的东西，其最高权限应该始终在你的手中，以防止将来分道扬镳后无法要回自己的网站。
鉴别方法：
建站方代注册时候要注意对方用自己的账户信息去注册并使用自己的邮箱做验证，但最好的方法就是自己去注册，再给予建站方一个子权限。
陷阱3：服务器，域名以及邮箱收费与搬家
这个陷阱通常来自于域名注册商，正如前文所提到的，域名一旦注册后想搬家是个很头疼的事情，但这并不影响你换hosting，因为你依然可以使用旧的域名DNS指向新的服务器，以确保访问者在输入域名后加载到正确的网站位置。
真正的陷阱其实是邮箱服务。这里的坑主要分2种：
1. 购买的hosting不提供SMTP
SMTP简单说就是确保你Email收发正常（包括不容易进垃圾邮件）的协议，这项业务是绝大部分hosting是默认支持的，因为这样至少能保证你能正常接收到transactional email，比如能正确接收到自己网站admin reset密码的email之类。
而有些hosting会在这一点上缺斤少两。
2. 购买的hosting鼓励你买他的email inbox
因为市面上有太多优秀的email inbox可以使用了，比如gsuite(gmail付费版)， zoho email等，都可以实现你想要的以你域名为后缀的邮箱名称的效果(e.g. info@domain.com)，且价格亲民，性能稳定健全，碾压任何hosting提供的email inbox服务，所以这里可以说也是一个纯骗钱的选项
鉴别方法：看好你的钱包，吃一堑长一智
正如文章开头提到的一样，建站这事可大可小，价格和质量都可以千差万别。再加上现在鼓励建站DIY的产品多如牛毛，确确实实给广大生意主提供了各种各样的选择。但在选择时一定要根据自己的生意计划，建站目的，找到最合适自己的建站方式
