HTML5与搜索引擎优化微妙关系解说

HTML5兴起的背景

HTML5的兴起与iPhone和iPad的出现密切相关。自Adobe停止开发Flash，且Android 4.0不再支持Flash后，HTML5在未来广泛应用的趋势愈发明显。此外，HTML4已经有10年未进行更新，这也为HTML5的发展提供了契机。

HTML5与HTML4代码结构对比

HTML5具备诸多已被介绍过的功能。例如，在图片中可直接写入标题（并非alt属性）；代码更为精简；能够直接使用HTML5播放音频和视频；还新增了不少内联元素，这为黑帽SEO节省了大量时间。不过，目前主流浏览器对HTML5的支持较少，在此就不详细展开介绍。

随着HTML5的发展，传统的 <div id="header"> 和 <div id="footer"> 这种无处不在的代码编写方式，正逐渐被 <header> 和 <footer> 等专属标签所取代。以下通过对比图能更清晰地展示：

• 传统的div+css写法
• HTML5的写法

从对比中可以看出，HTML5的代码可读性更高、更简洁。虽然内容组织相同，但每个元素都有明确清晰的定义，无需再去猜测不同命名的 <div> 标记的用途。搜索引擎也能更轻松地衡量网页上的内容及其相关性。

值得介绍的一些标签

尽管我们看到了HTML5的简洁与强大，但据了解，很多人在制作HTML页面时并未按照语义来书写代码。例如，边栏（aside）可能会被写成sidebar，这种做法会使网页结构更加混乱，导致搜索引擎难以理解页面内容。

在HTML5时代，noscript标签将会被大量使用。因为这将是一个富媒体时代，传统的文字、图片、链接、视频、音频可能无法满足用户的需求，大量的脚本能够编辑出丰富的信息，包括游戏、个性化设计等。

time标签可能会用于判断网页文字的来源，即通过time标签来识别文章的原创性。该标签可能会成为HTML5时代SEO从业者争论的焦点。

video标签中间区域的文字信息能够让搜索引擎读懂视频内容，这无疑是一个重大的飞跃。

搜索引擎会抓取HTML5吗？

这里分享一篇来自Google站长论坛John Mu的文章，其观点较为中肯。一般来说，Google的搜索引擎爬虫无法从语法层面精确地描述或分析HTML中的标签，新兴的HTML5也不例外。如果使用HTML5组织的网站越来越多，并且能为爬虫抓取信息带来便利和效益，Google会尽力完善算法以适应HTML5的标签特性。需要注意的是，John Mu并未明确支持大家都使用HTML5来构建网站，也未表明使用HTML5构建的网站在搜索中会获得更好的待遇。目前，HTML5仍有许多地方需要不断完善，若大型网站致力于运用HTML5，那将是令人振奋的。

就目前而言，Google尚未完全准备好应对HTML5，百度更是如此。

最终用户优先（Priority of Constituencies）

有这样一个原则：“In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.” 即一旦遇到冲突，应优先考虑最终用户，其次是作者，接着是实现者，再是标准制定者，最后才是理论上的完满。

当HTML5为用户带来令人兴奋的功能，产品得到更好的展现，我们能够放心使用这些功能，元素定义更加严谨时，搜索引擎也会受到影响。

写在最后

目前，HTML5尚未广泛应用，且搜索引擎对其支持效果不佳。因此，现在使用HTML5编写网站可能不会为网站带来明显的好处。不过，我并不否认尝试使用HTML5来编写卢松松博客模板。HTML5具有让搜索引擎读懂图片、视频、富媒体的潜力，一个全新的时代或许即将到来。