2.3 H5编辑：吸粉引流的好帮手

H5是伴随着移动互联网兴起的一种新型营销工具，由于它是移动互联网的衍生物，因此具有很多移动互联网的营销优势，如娱乐化、碎片化、社会化、互动性强等。如今，H5已经成为各行各业必不可少的营销工具，可以帮助企业更好地吸粉引流、销售产品。下面进一步介绍H5和制作H5的相关工具。

2.3.1 初步认识：H5营销的定义与特点

H5营销如今是移动互联网中的热词，那么H5营销究竟是什么，又有何特点？下面将做一个深入的分析。

1.认识H5

首先，解析一下H5这个词。“H”是指HTML，即“超文本标记语言（HyperText Markup Language）”的英文单词缩写，简单来说，就是一种规范，一种标准，它以网页的形式呈现在用户面前。图2-12所示为具有营销功能的淘宝HTML网页。

H5中的“5”是指第5代，HTML的发展历程如图2-13所示。

其中，互联网工程任务组（The Internet Engineering Task Force，IETF）是全球互联网最具权威的技术标准化组织，而W3C就是用户比较熟悉的万维网联盟，它在Web技术领域具有权威和影响力。

对H5开发人员来说，这些都是必修功课，这里笔者只是简单介绍一下。最早的HTML技术是从1991年开始研究的，直到1993年才正式推出。此后，HTML经历了数次更新换代，其中出现了两种比较优秀的方案，即由WHATWG提出的Web Applications 1.0，以及由W3C提出的XHTML 2.0。最终，这两个大型互联网组织在2006年达成共识，共同推出全新的HTML技术，也就是现在的H5。

当然，H5在一开始并没有引起人们的关注，而是一直在进行优化升级，这个周期很长，差不多经过了8年的时间，W3C才最终宣布HTML 5标准规范制定完成，并面向全球开放。

HTML 5的主要功能包括语义、离线与存储、设备访问、连接、多媒体、3D与图形、CSS 3等，可以用于网页端与移动端的连接，让用户在互联网上也能轻松体验各种类似桌面的应用。

2.了解H5营销

当然，移动互联网技术的发展、智能手机的普及以及社交网络的成型等，都是推动HTML 5火热的因素。同时，很多互联网企业看到了H5的商机，加入了营销功能，这也让H5同App一起，瞬间成为一种炙手可热的移动互联网营销工具。

如图2-14所示为以“自营销管家”为主题的H5长页面，可以宣传一些企业的优势或者产品的特色等内容。

在营销方面，H5的主要功能是将各种媒体表现方式如文字动效、视频、图片、图表、音乐、互动调查等融入H5页面中，在H5中可以重点展示品牌，方便用户阅读与分享。

H5营销最主要的特点就是跨平台性和本地存储特性，如表2-1所示。

可以说，H5技术的成熟，不但为移动互联网开辟了一种全新的营销方式，同时也推动了移动互联网的快速发展。

2.3.2 百度H5：极具创意的制作与传播平台

百度H5是一个H5在线制作平台，主要依托百度贴吧等强大的社交分享平台，集制作和传播等功能于一体，其主页如图2-15所示。

百度H5的主要功能和特点如图2-16所示。

在“创意模板”页面中，提供了招聘、报名、节假、趣味测试、盘点等不同类型的模板，如图2-17所示。虽然模板的类型不多，查找起来也比较麻烦，但案例的精美度还是很不错的，而且时效性也非常强，紧跟市场热点。

在“用户作品”页面中，提供了推广、邀请、招牌等不同类型的模板，如图2-18所示，这里主要是一些优秀的用户作品。读者在制作H5之前，也可以看看这些作品，作为参考。

2.3.3 易企秀：海量场景模板协助H5制作

易企秀提供海量H5场景模板，可以帮助用户轻松制作H5，如图2-19所示。

易企秀的主要功能和特点如图2-20所示。

下面对易企秀中的一些特殊功能进行相关介绍。

（1）自定义加载LOGO：用户可以将载入H5场景时的易企秀LOGO，替换为企业品牌LOGO或自定义图片，生动传播第一印象，彰显品牌实力。

（2）独立域名：包括自定义场景链接、优化爬虫结果、占领搜索引擎高地等内容。

（3）去尾页标识：去除场景默认尾页提示，加强传播内容整体性，从而更好地突出品牌概念。

（4）场景保障服务：易企秀具有独立场景服务器及CND加速服务，让H5场景的访问更迅速、更稳定，全面保障传播路径。

（5）场景审核服务：双重审核机制辅助规避传播平台内容限制风险，并且具有场景前置审核、审核关闭短信提醒、驳回加急审核等功能。

（6）VIP专属私人服务：包括专享客服热线及会员培训等，高效解决H5制作及其他使用问题。

图2-21所示为易企秀的“免费模板”页面，具有完善的导航功能和搜索功能，同时模板的热点性非常强，使用体验非常好。

除了H5模板，易企秀还提供了较为完整的移动互联网推广方案，包括场景定制、H5建站、腾讯社交广告、小程序制作、本地化培训等，如图2-22所示。

另外，易企秀还借鉴了自媒体的运营模式，加入“秀场”“秀客”等平台，帮助优秀的H5设计师聚集粉丝，吸引企业关注，增加收入，如图2-23所示。通过“秀客”平台，那些在“秀场”平台上展示高端H5场景的设计师以及各种广告、营销、代理等服务商，可以解决企业的自营销场景定制服务需求问题。

2.3.4 iH5工具：堪比PS的场景设计工具

iH5是一套完全自主研发的H5设计工具，用户可以在线编辑网页交互内容，作品支持各种移动端设备和主流浏览器，如图2-24所示。

iH5的主要功能和特点如图2-25所示。

iH5制作的效果有很多种选择，如快闪、DIY（或自定义选择）、模拟微信（或电话）、全景（或3D、一镜到底）、长页面和智能（或数据）等。场景选择也十分多样，有邀请函、企业招聘、电商、相册、节日祝福、品牌展示、活动（或抽奖）、问答（或测试）、网站、游戏和极简模板等。

iH5是一款无须下载的H5设计开发工具，采用物理引擎、数据库、直播流、SVG、WebApp、多屏互动等技术，为用户带来一站式的WebApp平台解决方案。iH5还被用于这些领域，如图2-26所示。

iH5的制作界面与PS比较类似，如图2-27所示。在iH5最右边是对象树，即PS软件中的图层。在对象树中，包括图片、视频、序列帧等素材元素，页面、对象组等容器元素，以及时间轴、数据库等功能性元素，这些都是构成H5的基本元素。这些对象以树形的结构层层组织在一起，就构成了一个H5的骨架。当然，要搭建这个骨架，需要使用最左边的工具栏，其位置也与PS类似，可以用来创建H5中的各种对象，像PS作图一样来制作H5。