HTML5技术对外贸网站SEO优化效果的提升

一、HTML5的优势

（一）让Web再次回旧列言客户瑞地少，减少了对第三方插件的依赖

在之前的HTML4的标准中并没有对于视频、音频以及其他的富客户端技术支持得非常好，这就使得Flash和SilverLight变得异常的成功。而在HTML5新标准中原生的就支持音频、视频、画布等技术。让Web程序拥有更多富客户端表现的方式，而且让Web程序更加独立，更好地适应多种形式的客户端。

（二）对本地离线存储的更好的支持

由于之前想在客户端保存一些数据都是由cookie完成的，但是cookie不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高。HTML5提供了两种在客户端存储数据的新方法：localStorage（没有时间限制的数据存储）和sessionStorage（针对一个session的数据存储）。

在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5使用JavaScript来存储和访问数据。有了本地数据库的支持，让一些简单的离线应用也成为可能。

（三）新的特殊内求元素，更好地支持SEO

现在所有的站点基本上都是DIV+CSS布局，几乎所有的文章标题、内容、辅助介绍等都用DIV容器来承载。搜索引擎在抓取页面内容时，因为没有明确的容器的含义只能去猜测这些标签容器承载的是文章标题还是文章内容等，HTML5新标准中直接添加了拥有具体含义的HTML标签，如article，footer，header，nav、section。

（四）更加智能的表单标签

之前的表单标签，仅仅是简单的类型的约束，比如文本框、文本域、下拉列表等，而跟业务结合紧密的表单标签数据校验等控制都没有很好的支持，而使用这些技术基本上都是跟第三方的JavaScript控件进行结合使用，但是这些第三方总会涉及版本控制、浏览器兼容性、非标准等一系列的问题，而在HTML5的标准中直接添加了智能表单，让这一切都变得那么的简单，比如calendar、date、time、email、url、search。

（五）HTML5引入了画布

画布的引入使得Web端生成动画效果、制作Web游戏、更好的交互体验设计都增加了无限的变数。HTML5的canvas元素使用avaScript在网页上绘制图像。画布是一个矩形区域，可以控制其每一像素。
canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

（六）支持多线程

在不影响UI更新及浏览器与用户交互的情况下，前端做大规模运算，只能通过setTimeout等去模拟多线程。而新的标准中，JavaScript新增的HTML5WebWorker对象原生的就支持多线程。

（七）WebSocket立路城请求、长连接、教据推送等一切都变得那么简单

WehSocket是在一个（TCP）接口进行双向通信的技术，它是HTML5规范新引入的功能，用于解决浏览器与后台服务器双向通信的问题，使用WebSocket技术，后台可以随时向前端推送消息，以保证前后台状态统一，在传统的无状态HTTP中，这是无法做到的。

（八）更好的异常处理

HTML5浏览器将在错误语法的处理上更加灵活，HTML5在设计时保证旧的浏览器能够安全地忽略掉新的HTML5代码。与HTML4相比，HTML5给出了解析的完整规则，让不同的浏览器即使在发生语法错误时也能返回完全相同的结果。

（九）文件API让丈件上传和操纵丈件变得更简单

由于项目中经常遇到用Web应用控制操作本地文件，而之前都是使用一些富客户端技术比如Flash，ActiveX，Silverlight等，面对文件，JavaScript无能为力，而在HTML5中新提供的FHTML5FileAP，让JavaScript可以轻松上阵了。

（十）编辑、拖放、微教据、浏览历史管理、地理信息接口API、设备硬件操作API等新功能

当然HTML5不是孤立的，JavaScriptAPI的增强，让JavaScript变成异常强大的未来的编程武器。CSS3给未来Web应用也带来了极大的新的挑战。由于HTML5标准化的支持，相信未来Web技术真正地可以跑在任何客户端，也让Web应用更加独立，更加轻松地融入各个客户端。

通过上面HTML5的新特点，容易了解到HTML5的新特性带给开发者的是更友好更丰富的本地处理API，更智能更优雅的HTML标签，更强的本地处理功能，通信也进一步加强。作为开发者，当Adobe公司宣布放弃Flash，把最大的精力放到HTML5的开发上的时候，就可能会看到这些趋势，当微软选择了HTML5而放弃了Silverlight继续升级的时候，那就基本上也没有什么好选择的了。

HTML5的发力，的确给每个开发者都带来了机会。

二、HTML5与SEO

（一）使搜索引擎更加容易抓取和索引

对于一些网站，特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点，你就一定会看到切换到HTML5的好处。首先，搜索引擎的蜘蛛将能够抓去你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中，这一方面将会驱动你的网站获得更多的右击流量。

（二）提供更多的功能，提高用户的友好体验

使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题，我们可以从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facehook已经推出他们期待已久的基于HTML5的iPad应用平台，潘多拉最近也推出他们基于HTML5的音乐播放器的新版本。游戏平台Zynga最近也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。每天都有不断的基于HTML5的网站和HTML5特性的网站被推出。保持站点处于新技术的前沿，也可以很好地提高用户的友好体验。

（三）可用性的提高，提高用户的友好体验

最后我们可以从可用性的角度上看，HTML5可以更好地促进用户于网站间的互动情况。多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用HTML5可以提供更多高质量的视频和音频流。到目前位置，事实就是iPhone和iPad将不会支持FLASH，同时ADOBE公司也在近期公开声明将停止FLASH基于移动平台的开发，现在我们已经可以这么说移动平台日后视频音频是HTML5的天下。

可以肯定的是，越来越多的SEOer开始研究对于HTML5站点的优化，对于搜索引擎来说，他们也会不断地更新算法来适应HTML5的发展。