从零到上线
怎么自己建一个商家网站
你不用写代码,也不用先找人外包,才能把第一版放上去。真正需要的是三件事:一个关于这个网站要做什么的决定、一个你已经查过的名字,还有大概一个下午的真照片和真句子。这一页按照实际好做的顺序把六个步骤走完,并且告诉你在把链接发给客人之前,还要检查什么。
照片和营业时间都已经在手边的话,第一版按两到四个小时算,另外再留一次几天后的时间,把自己用过之后才发现的地方补掉。
开始之前先准备好这些。
- 八到十五张真实的照片:店里、干活的过程、或者实际的商品,白天用手机拍就够了。用网上别人店的图库照片,会让一家新店看起来像还没开。
- 客人会找的那几项事实:对外用的店名、街道地址、营业时间、有人会接的电话,以及你实际收费的服务或菜单清单。
- 名字的决定,以及一张买域名用的卡。域名是向注册商买、每年续费的,这笔钱和你用什么工具建站是分开的两件事。
先决定这个网站只做一件什么事
在看任何设计之前,先把这句话填完:一个陌生人打开这一页,我要他去__。订座。打电话问报价。六点前来店里。在线点单自取。挑一个,其他的都变成次要。这个答案会决定最大的那颗按钮上写什么、首页最上面放什么,以及你到底需要几页——大部分第一版的网站四页就够了:首页、服务或菜单、关于我们、联系方式,其他先都不要。把这句话写在看得到的地方,之后每次跟自己较劲,就用它来收尾。
把名字定下来,然后去买域名
名字定案之前先查三个地方:你要经营的所在地的企业名称查询系统,查同名和近似名称;接着到商标查询系统查一次;最后才查域名还有没有空。域名要用你自己的名义、你自己的邮箱,向注册商买,别挂在设计师的账号底下——域名登记在别人名下,是后面唯一救不回来的一件事。国内注册域名要做实名认证,把这一步留出时间。好念胜过巧妙:总会有人要对着小票在电话里把它念出来。还在想名字的话,/tools 里的店名生成器不用注册,会把一个关键词和你的行业组合成一份可以一直删的清单;它不会帮你查有没有被注册,那一步还是你自己要做。
从同行版式开始,不要从空白页开始
空白画布是大多数人第一个网站做到第二周就放弃的原因。改成挑一个为你这一行做的起点:Naratake 有 40 种行业起始模板,每一种都已经带着这一行该有的版块——餐厅有菜单结构、装修队有服务与报价结构、美发有预约结构、房产有房源结构。你接下来是在改一个东西,而不是凭空生一个出来。外观和结构是两个分开的决定:有 15 种设计风格、66 组配色,还有 111 个组件可以加减版块,所以换风格不用把版面重做一次。这一步给自己二十分钟就停,客人来看的是内容。
每一句话和每一张图都换成你自己的
这一步最花时间,也是决定网站有没有用的一步。把示例文字整段删掉——还留着「您的公司名称」的页面,就是在告诉访客没人把这个网站做完。用你在柜台讲话的方式写:你做什么、在哪儿、几点开、多少钱。价格哪怕只能写区间也要写;藏价格的页面换来的是打电话来问价格,更常见的是根本没人打。真照片放在最上面,每一项服务也各放一张。然后把无聊的那几项逐一核对,因为客人是照着这些行动的:电话号码、地址(照邮政的写法写)、营业时间,包括哪一天休息。
在别人看到之前,先用手机看一遍
会找到一家新店的人,手上多半拿着手机,所以移动端那一版才是真正的网站,桌面版只是排练。先用编辑器的手机预览,再用你自己的手机打开草稿,把第一步写下的那件事做一次:点那颗按钮、拨那通电话、提交那张表单,并确认消息真的收得到。盯着最先坏掉的四件事——要用手指放大才看得清的字、把版面撑到左右能滑动的图、盖住电话号码的菜单按钮,以及超过五格的表单。也记得白天到户外看一次,在办公桌前读得清楚的屏幕,在公交站牌下不是同一块屏幕。
发布,然后自己去线上网址验一次
发布会把网站放到一个托管网址上,HTTPS 会自动处理好,而且两个云端套餐都可以把一个你自己的域名指过来;两边各自还包含什么,写在定价页上。发布完成之后先别昭告天下。用无痕窗口打开线上网址——不是编辑器的预览——再走一遍:首页、导航栏上每一个链接、主要那颗按钮,以及一次真的测试提交。确认地址栏有锁头、开头是 https。做完这些,再把链接发给任何人。除了上线的网站,想把文件也一起拿走,有两条路:云端的 Storefront Pro 含源代码下载;桌面版 LocalSite Studio 是一次买断、不是订阅,导出不限次数。两条路都可以把成品拿到别的地方部署,定价页上两边都写着。
上线之后那一周要做的四件事。
- 去把店铺信息认领下来:你这一带的客人真的在用的地图和点评平台,做海外生意的话还有 Google 商家档案。让上面的店名、地址、电话和营业时间,跟网站上写的一模一样。两边对不上,客人就会跑到店门口才发现没开。
- 把网址放到这家店已经出现的每一个地方:橱窗、小票、报价单或发票的页脚、社交账号的简介、你的邮件签名。/tools 有免费的二维码生成器,可以把网址变成一张贴在柜台、印在菜单上的码。
- 放两个星期,然后回头看实际发生了什么:客人打电话来问的哪些问题,其实网站应该先回答;他们提到的是哪一页。先修那几句话。网站的第一版,是你在还没有任何读者之前写的草稿。
- 把维护排进日历。节假日前营业时间会改、价格会变,而一个过期的页面掉信任的速度,比一个朴素的页面快得多。设一个周期提醒,重新检查营业时间、价格和照片,然后重新发布一次——不重新发布,线上那一版不会自己变。
常会遇到的问题
我不会写代码,做得起来吗?
不用。Naratake 在浏览器里跑:挑一个起始版式、把文字和图片换掉、发布。它底下写出来的是一份普通的 Next.js 代码工程,这件事现在用不到,以后有用。每月 79 美元的 Storefront Pro 会把整份代码下载给你,可以交给工程师接手,也可以你自己换地方部署——一份真的导出公开放在 github.com/ctingyi404-cloud/naratake-export-example。每月 49 美元的 Storefront 把网站发布上线,代码留在我们这边。要让第一版上线,这些你一样都不用碰。
总共要花多少钱?
有两笔,而且是分开的。域名向注册商买、每年续,这笔钱不管网站是谁做的都要付。第二笔是网站建设和托管,我们各套餐包含什么写在定价页。想把几条路老实比一比的话,/tools 的网站费用计算器不用注册,会把按月付的建站工具、一次付清的外包、还有你自己的工时,摊成三年并排;数字你自己填,全在浏览器里算。
网站可以直接收订座或订单吗?
可以。行业模板里本来就有这些版块——订座表单、下单流程、报价咨询——而每月 79 美元或每年 758 美元的 Storefront Pro 会把它们发布上线:订单、预约与订座在你自己的网站上运作,钱进你自己的 Stripe 账户,Naratake 抽 0%,只有 Stripe 自己的手续费照收。在每月 49 美元的 Storefront 上,同样的流程可以搭好、可以预览,但不会上线。刷卡用的是你自己的 Stripe 账户和你自己的两把 live 密钥,粘进工作区设置——那是有意的设计,也正是这笔钱会落在你的账户、完全不经过我们的原因。如果今天只需要电话会响,就先放电话和一张表单发布;其余的在同一个网站上打开就有。
多久之后在搜索引擎上找得到?
没有人能保证你排在第几名,会这样讲的人是在卖你东西。你能控制的是:把店名、地址和服务用纯文本写成真的页面、认领各平台的商家信息,并让店名、地址、电话、营业时间在各处一致。搜索引擎接下来需要时间去抓取和收录一个新网址,几天到几周都算正常,你有几页、有多少链接指向你,也都会影响。在那之前链接是能用的:印在小票上、贴在橱窗上,让人直接点。
Naratake 从 40 种行业版式开始,而不是从空白页;整个过程都在浏览器里。打开一个你这一行的,换上自己的照片和自己的句子,先看看一个小时能做到哪儿,再决定要不要继续。两个云端套餐都各含一个自定义域名;两边各自还包含什么,写在定价页上。
看套餐与定价