怎么制作HTML5页面让它适应电脑和手机

网页设计和审美。网页是人们利用不同的颜色、字符及图形构建的一种网络媒体, 它可以使信息进行更好、更高的传播, 为人们的沟通和交流提供了积极的作用。网页设计并不是凭空捏造, 二是要针对人们的需求及信息特点来对网页进行合理规划、设计, 它拥有较高的应用价值。网页设计包含着很多方面, 其中最为重要的内容就是要满足人们的使用需求及审美需求, 并将艺术和技术进行全方位的整合。信息更新快、网页美观、布局合理、艺术性强、应用方便是网页设计的几大要素, 只有这样的网页才能为使用者提供高质量的服务。随着信息的快速流动和科技的高速发展, 传统的网页设计已经逐渐退出了网络舞台, 为了增强网页的应用能力, 同时也为了给使用者提供高质量的视觉享受, 人们必须要对网页进行合理性创新设计。要想使网页较好地契合人们的审美观念, 让使用者在接受信息时有较为良好的视觉感受, 网页在设计过程中必须要利用好图形、文字、音效等等, 使其变得更加统一化、整体化、和谐化, 加强多元素的融合。

网络爬虫简介：网络爬虫，是指按照一定的规则、自动抓取互联网上信息的程序组件或脚本程序。在搜索引擎中，网络爬虫就是搜索引擎发现和抓取文档的自动化程序。

以万表网为例，这个页面就是比较典型的栏目页面，栏目页面优化遵循4个原则：图文搭配，重点突出，用户对于图片的认知程度远高于对文字的认知程度，适当的使用图片可以提高用户的关注度。此外，确立页面的视觉焦点也很重要，过多的干扰元素会让用户不知所措。符合用户的浏览习惯，根据网页内容的重要性进行排序，让用户用最少的眼球移动和鼠标移动，找到所需URL信息。符合用户的使用习惯：根据网页用户的使用习惯，将用户最常使用的功能放置于醒目的位置，便利于用户的查找及使用。符合客户的行业属性及企业特点：在用户打开网页的一瞬间，让用户直观地感受到企业所要传递的理念及特征，如网页色彩、图片、布局等等。目标关键词和长尾关键词，只有优化关键词和锚文本链接达到一定程度，用户才能搜索到我们的网站。栏目页面的好坏，最有发言权的当然用户，然而用户却无法明确地告诉我们，他们想要的是怎样的网页，所以观察跳出率是最好的办法，观察跳出率以后我们就可以着手优化栏目页面。

做为一个SEOer，网站站内优化是非常重要的一个环节，当一个网站的页面数量达到一定量级的时候，要坚持把网站做的扁平化就显得尤为困难，很多时候页面的堆积只能通过分类、分频道以及分页来保持页面能有一个单一的入口被蜘蛛爬取到，但是由于站内资源的限制，

个人站长，想尽各种办法增加每一个页面在站内体系的推荐数量，也就是站内页面投票用来提升目标页面的权重，增加被索引率，但是往往会造成页面臃肿，质量下降，影响用户的阅读体验，同样是不被搜索引擎认可。索引标签的概念，如果你使用过wordpress、phpcms、dedecms等开源的网站程序，你就会发现程序集成或者一些插件引入了标签这样一个功能，他可以把海量的详情页面通过相关性聚合到一起，最大化实现网站结构的扁平化。

通过拓词工具获取行业内用户搜索的关键词，之所以获取关键词是因为互联网上分享的资源都是基于这些关键词来实现索引，从而解决用户最终诉求的资源，拿到这些词以后通过关键词分组工具按照词频归类，这些归类的关键词就是你要获取的最终标签。

文章系统增加自动提取标签功能，主要按照文章某些关键词出现的频次来定，生成的过程中一定要增加审核标签功能，至于原因后续会在注意事项里面提及。人为增加关键词标签，如果你使用知乎或者自己发表博客的时候会有让你添加标签的选项框，虽然效率比较低，但是往往比较有效。

文章的底部增加标签板块，不过要做数量限制，不超过5个，按照相关性降序调取。文章详情页增加热门标签板块，调取访问量最多的关键词标签。标签归类，按照业务、地区、或者字母等维度，只要是提升用户体验的维度都可以归类，聚合出一个标签大全频道页面，然后聚合页面在网站的公共头尾选择一个入口布局。