如何建设一个高质量的H5响应式网站

1、一、建站前需要做的准备工作

网站建设的目的是什么？

公司当前能带来利润的主要产品和服务是什么？（最好可以精确到某个具体产品）

企业当前获取订单的主要途径有哪些？

企业产品的购买者和使用者分别是哪一类目标人群？

当前企业产品及服务的核心优势和特点是什么？

按产品的使用行业，用途、材质、适用人群是否可以分类，详细分类？行业如何对企业的产品或者服务分类？

产品和服务是否有行业差异化，如果有是哪些？

网站的主导航需要布局哪些栏目？（本文接下来第二点就会具体讲到）

企业的客户在购买产品或享受服务普遍主要关心什么问题？其中哪些是最重要的？

网站规划的核心关键词是什么？（不超过3个）

网站规划的长尾关键词是什么？（不超过20个)

企业的成长年限，员工人数，办公场所的大小，服务案例的数量，资本实力，荣誉资质；

企业业务的接待流程及售后服务流程是怎么样的？

是否有企业宣传视频？

企业的联系方式，QQ、微信、400电话、传真、邮箱以及其他及时在线沟通工具。

2、二、明确网站架构栏目

这里分享一份公司响应式网站建设/企业自适应官网设计制作开发常用的网站结构栏目，注意：此网站结构仅用于参考，请企业根据自身实际情况进行增减。

(1)关于企业：用于介绍企业的历史、文化、背景等信息展示，可增加子栏目内容板块如：企业文化、荣誉证书、合作伙伴、客户评价等；

(2)资讯中心：用于发布公司动态、行业资讯、媒体报道、常见问答等信息；

(3)产品中心：用于发布公司产品一、公司产品二、公司产品三、公司产品四等产品展示，图文并茂；

(4)案例中心：用于发布家具/建材、家纺/服装、光电/安防、工业/物博、电子/照明、医疗/机械、政府/高交、宠物/动漫、食品/礼品、文化/其他等案例信息；

(5)招贤纳士：用于发布人才招聘信息展示；

(6)法律声明：用于介绍公司法律、法务等信息展示；

(7)投诉建议：主要用于收集客户的投诉建议信息；

(8)合作伙伴：展示企业的各大合作伙伴等信息，可用合作伙伴的LOGO图标展示；

(9)联系我们：充分展示企业的联系方式、线路地图等信息；

(10)在线客服：通过网站在线客服咨询软件，充分实现网站访客与客服之间的即时通信(IM)，并把网站的在线销售、实时客服和网站管理功能融合在一起，更好的服务客户；

(11)网站地图：为用户提供最便捷的导航服务，一键到达用户想要的服务。

以上就是本人分享的文章内容，由于自己从事网站设计制作已经七八个年头了，

3、三、模板设置>基本资料>网站栏目>编辑内容>发布网站>推广网站

1. 选择一套合适的自适应网页模板，安装完毕后会自动进入网站编辑页面，看到的内容和呈现出来的并无太大差别。

2. 在模板网站基础上进行修改，把准备好的文案、图片逐一替换，自己拖拽模块调整排版布局。

3. 对网站模块的细节进行优化，比如字体大小、颜色、图片的显示比例等。

4. 为网站的每个页面设置优化关键词，方便网站收录，网站发布后能快速在搜索引擎找到你。

5. 预览网站效果，查看电脑、平板、手机站点之间有没有出现排版错乱，及时调整。

6. 上传和发布网站，静待搜索引擎收录。

候，没有什么发展前途可言了，而且曾被众多中小企业家们奉为“神”一样存在的百度，近几年的日子并不大好过，就差到了“BAT”遭到他人取代的窘境的地步了。