如果你是一个相对成熟的企业，我们在建立网站的时候，总是会让网站开发人员，撰写一个网站策划书，通常而言，我们在做网站策划的时候，一份网站策划书主要包括如下一个因素：营销型网站的建立，页面样式的视觉体验、域名、主机的选择与配置，服务器安全维护、网站内容的定位和基于产品与业务模式等。
而在众多因素中，大量的企业初创人员，仍然会忽略一个看似非常不重要的细节，那就是搜索优化网站布局，但它在后期的运营中确十分重要。接下来小编就谈谈如何搭建并优化 HTML5 响应式网站。
1、根据用户的阅读习惯调整网页
通常，当网站上线时，根据客户到达公司网站的情况，用户将在短时间内扫描该网站的内容，然后搜索其有价值的地方。然后，才会进一步点击浏览。在每个点的点击频率上选择一些规律性以突出显示这些有价值内容的价值点。
如果客户在短时间内找不到所需的信息内容，页面上没有对他自己有意义的内容，而且页面上有太多混乱的信息内容时，客户一定会放弃寻找该页面。检索另一个具有价值信息内容的网站。
因此，网站页面设计必须设计构思出对行业有价值的网站内容。
2、网站重要的断点设计理念
因为响应式网站的制作首先是针对配备不同机器的客户，包括那些针对手机客户，PC 端客户以及其他手机阅读机的客户，因为这些机器的显示屏尺寸不同，因此在设计响应式网站时，我们必须为不同类型的设备用户设计和创建三个不同的机器设备访问点。拥有这类断点的设计理念就能够把响应式网站设计构思的感受规范表现出来。
在设计断点时，最好进行早期的客户需求研究，在整个研究过程中准确地瞄准目标客户，确定目标群体，然后满足目标群体的需求，以实现细分市场。需要在产品级别上做好产品卖点介绍以吸引客户资源，做到不一样断点的关键词合理布局设置。
3、图片和视频的响应式布局
如今，已经进入了媒体时代。许多人不想看到纯文本的内容。即使客户找到您的网站如果看到大量文字，他们也不想观看。如果添加一些图片和视频的装饰会产生不同的效果。不难看出，图片和视频文件仍然在网站中占据相对重要的位置。因此，如何设置不同客户端设备中图片和视频文件的实际效果也非常重要。
4、不一样显示屏，不一样设计构思合理布局
当不同的用户使用不同的机器设备进行网页浏览时，必须在上线之前测试每台机器的客户体验，并筛选出每组机器的网站访问的重要元素。当手机浏览网站时，由于手机的显示屏很小，很容易筛选出网站的重要元素。在处理移动网站制作的难题之后，在电脑平板等的设计构思访问难题也就比较简单处理了。