B2BGrowing-B2B营销增长网,首个专注ToB增长的媒体!

全球化官网搭建与CMS的一些思考

发布时间:2022-06-14 07:22
作者:罗宾

to C是轻快爆,to B是专稳深。

我是一个b2b科技行业10年+的营销人,喜欢在理性数据上下功夫。

本文5000字,来自于从业心得,预计阅读时间3分钟。


官网技术栈的选用,CMS的选型,是整个营销技术栈(tech stack)里非常核心的一环。我这里聊的比较浅,其实门道很多。
B2B官网搭建在中国常被人忽视,我见过不少公司市场部对官网的重视远远小于对微信公众号。
且不谈国内to B营销官网的重要性,本文先聊  全球化官网的搭建 
主要针对人群:
 1   国内企业做大了要出海 
 2  外资公司进中国


官网的作用归总起来有三大类:

 1   装门面 -作为to B公司如果连个像样的官网都没有咋行?

 2   承接销售线索 - 各种着陆页和CTA的转化中枢

 3   SEM/SEO流量 - 搜索引擎导流



01 官网搭建的方法与CMS选型


 1   Static静态网页,自己人编写。
许多国内to B科技公司,因为自己具备产研实力,会考虑自己写网站。这对于未来需要不时迭代官网内容的营销人来说,一定是个噩梦。
国外把这个叫做development debt。
这里包含了三个“哪怕”
  • 哪怕市场部下属有个技术专门负责官网,也转不开身。

  • 哪怕你是大厂旗下业可以调配产研资源,也不要相信他们就愿意把“官网搭建”这件他们看不上的活儿给干好了。

  • 哪怕再优秀的工程师都容易事倍功倍,因为针对全球性官网,牵涉到大量海外生态里SaaS营销工具的系统对接。

-------------------------------------------------------
国内很多公司不信国外流行的CMS那一套,一方面也主要因为国内没有一家独大的CMS SaaS系统,都是诸多网站外包服务商自己写的CMS各领风骚,所以国内to B公司宁可自己写网站,或者干脆外包,就是不用一个靠谱的CMS。

 2   Wordpress
说起海外网站开发,一定有人会说Wordpress,但其实Wordpress更像是一个博客工具和CMS的混合体。
 优点: 
  • 第三方插件丰富

  • 使用简单

 缺点: 
  • 开源工具,依赖于第三方插件,安全性低,各种补丁。

  • 网站上的脚本容易耗尽它的内存限制

  • 前后端不分离

  • 代码效率低,大量插件,臃肿,速度慢。

Wordpress已经非常old-school了,如果现在检测到国外有那个to B公司还在用Wordpress建站,那市场部可以考虑换人了。

 3   Website Builder 建站工具
海外坊间俗称:WYSIWYG (所见即所得)- What you see is What you get
例如 Wix, Squarespace, Weebly都是这类工具。
 缺点: 
  • 前端设计模板只能采用固定模板,定制化程度不高

  • 未来可扩展性不强,尤其如果未来会不断有新的官网功能模块需求

  • 无法导出代码,无法搬迁到其他平台

意味着,如果有朝一日你想从WYSIWYG搬迁到其他第三方工具,又要从0到1写网站了。
所以除非你觉得你的公司永远都做不大,不然还是远离这类工具比较好。

 4   前端in-house开发+后端headless CMS
Headless CMS 是国内较少有人讨论,但这几年在海外风生水起的一个理念。
用过Contentful, Prismic, Magnolia这三个CMS,都属于这一范畴。
技术解释是,headless CMS是一个纯后端的内容管理系统/内容数据库,可以通过RESTful API访问结构化内容并在任何设备上显示。
为什么叫headless?断头?
这里的“头”指的是前端即网站本身,
Body指的是后端内容数据库。
简单理解就是一个不带前端(Head)设计功能,只有后端(Body)的CMS数据库。
 什么公司在用Contentful? 
  • 科技:Stripe, Atlassian, Siemens, Intercom, Mailchimp

  • 消费:资生堂, Asics, 徕卡

 怎么查一个网站是不是在用Contentful? 
whatcms.org是我至今用过最好的一款监测网站使用了哪个第三方CMS工具的平台,亲测比Builtwith和Wappalyzer准确性高很多!

图片

当然,使用了后端headless CMS,意味着前端要额外开发,流行的做法有前端堆栈采用Vue.js。


 5   前后端用同一个低代码平台
这里以webflow这个国外主流的低代码网站搭建系统举例:
Webflow是一个非常强大的前端开发工具,同时也自带CMS和网页部署功能。
请不要将Webflow类比为Wix等WYSIWYG (所见即所得)工具,理念领先了一个时代。
 优点: 
  • 操作容易,便于市场部闭环操作(而无需借用公司产研开发资源)

  • webflow与多个martech工具能直接API对接

  • 前端代码可以导出并搬迁,有朝一日不想用了也可以

  • Webflow外包服务商较丰富


 5   前端低代码平台+后端headless CMS

Webflow本质上可以充当headless CMS的前端。

这样连前端都可以解放,都不需要另外写了。

当然这种方式下,不如前后端都使用Webflow来得更敏捷。

但好处是后端CMS可以更灵活。


02 官网域名结构的选择


官网域名结构也需要考虑并选择,每种域名形式因地制宜的程度不一,有不少全球公司的官网同时采用多种域名形式(例如欧美为子目录站形式,而中国为顶级域名形式)。


以下整理了三种常见域名结构的优缺点:


图片


03 官网除了CMS以外的工具应用


to B网站有两种类型的用户引导:

 1   翻译管理SAAS

针对全球化官网,通常会有不同语言版本,例如英语/法语/中文/日文等等,采用翻译管理平台对接CMS的好处是,可以容易下发新页面内容到当地市场人员(或翻译公司)进行翻译并直接上传到CMS与网站,而不需要一个个进去网站后台编辑。

例如:Smartling

 2   设计创意资产管理SAAS

对于设计类素材(图片/视频),现在比较主流的做法是统一在设计素材管理平台中进行管理,并与CMS对接。做法是直接上传到设计素材平台进行统一管理,而不是碎片化直接上传图片到CMS。

例如:Bynder

 3   搜索工具

为网站提供托管式搜索API的工具,而无需自己开发。网站只需嵌入简单代码数分钟即可实现搜索功能。

例如:algolia

 4   网站热力图数据分析工具

网页热图研究是交互体验当中非常重要的部分,一般会采用第三方成熟的SAAS工具进行数据分析。

例如:hotjar

 5   A/B test工具

A/B测试的话会比较推荐Optimize 360,是建立在Google Analytics和Google Tag Manager之上的网站测试产品,进行受众群体自定义实验

例如:Optimize 360

 6   数据追踪看板BI工具

建立网站流量以及转化健康度数据看板的BI工具

例如:Google Data Studio (与GA与GTM以及各种海外营销工具直接绑定,API友好)


下一期我会再展开聊一下官网营销,以及落地页的优化。


扫一扫在手机上阅读本文章

版权所有© B2BGrowing-B2B营销增长网,首个专注ToB增长的媒体!    陕ICP备19002384号-1    技术支持: 营销增长网