CUED-迅雷用户体验设计中心

html5的SEO探索

表哥 | 2011-08-08 | 网页重构
html5的SEO探索

HTML5普及每天都在增长。所有现代浏览器对HTML5的支持问题不大。HTML5被智能手机浏览器和越来越多的网站广泛的采用,甚至作为最优的选择。

但是,Googlebot,Bidubot等其他搜索引擎呢?可以抓取HTML5吗?引擎是否会由于HTML5这任何额外因素,在搜索结果中优先推荐您的网站吗?另一方面,少数搜索引擎会认为所有这些额外的H1标记的是垃圾网站吗?

这牵涉到搜索引擎是否正确读取内容,做出对关键字有利排名,搜索引擎是如何理解这些新代码的,它能否分析语义标记而进行相应的排名。

或许时机还不成熟,google还未准备好,百度更不用说了,因为HTML5的标记是尚未尽可能广泛使用(正确使用),现在它只是我们更好理解网站内容的手段,至少现在,不会因为您用上了HTML5取代旧代码而有所改变。

不是真的,这只是一个开始!HTML5在普及,我们更接近W3C的一个完整的规范,搜索引擎会采取更多的关注。搜索引擎优化,我也认为访问一个拥有正确编码,语义的网站总是比一个较不良的网站有优势。至少比使用算法和垃圾技术的改善搜索引擎优化来得容易吧。

最终用户优先(Priority of Constituencies)
“In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.” 一旦遇到冲突,最终用户优先,其次是作者,其次是实现者,其次标准制定者,最后才是理论上的完满。

当HTML5提供了一些令用户兴奋的东西,其次产品得到更好的展现,其次我们可以放心地使用它们,其次元素被更谨慎的方式定义,嘿,最后搜索引擎也不再淡定。

HTML5虽然有了语义化结构化的标签,如果并不是很清楚这些标签的明确含义和使用方法, 这会使标签乱用更加严重到大的文档结构的混乱。也许会导致机器不能更好的理解文档含义。

这对我们重构提出了更高的要求,在接到产品的需求时要理解其内容间的联系,比如内容脱离了整体是不是还能作为一个完整的、独立的存在,这部分在页面是担任什么角色等。

嗯……迅雷看看主页,它的顶部有页眉(header),底部有页脚(footer),数个展示区域(section、article)、导航区(nav)和边栏(aside)。

HTML4图1
看看HTML4

HTML5图2
HTML5图2

可以看出HTML5代码的可读性更高了,也更简洁了。

结构

  • header:页面上显示的页眉,包含了logo,导航,登录信息。
  • nav:包含了一组指向其他页面的链接,这里是一组指向其他频道页面的链接。
  • footer:页脚,包含了copyright和nav。
  • section:一般带有标题的专题性内容,但只属于组成整体的一部分。根据主题的不同划分为电影、电视剧、动漫、综艺、娱乐、视频快报。
  • article:内容可以脱离上下文的其他部分,作为完整的独立存在的。

语义性的块元素

  • aside:标签定义 article 以外的内容,这里的两侧分类导航和视频排行列表的内容均与 article 的内容相关
  • figure:标签用于对元素进行组合。请使用figcaption 元素为元素组添加标题。

例如logo的swf:
看看logo

用上figure元素,浏览器(尤其是屏幕阅读器)可以明确地将图和说明联系在一起,有利于搜索引擎理解内容。

HTML5新增加了不少内联元素,不过主流浏览器均支持的情况比较少,下次再细谈,这里先放一放。

结语:随着youtube推荐用户尝鲜HTML5的视频播放,国内视频网站自然也不能独善其身。好吧,先从自己做起,迅雷看看拥抱HTML5的一小步,或许牵起国内视频网站的HTML5风暴。

参考资料:

HTML 5 中的新元素

HTML5设计原理

HTML5 SEO Advice From Google Employee

相关标签

  1. HTML5肯定是前端开发的未来。学习了。

  2. 这是相当有大量的出来,只是在等待合适的。至于

  3. Hi…

    […]visible in your writing cannot delay to look at more of your articles or blog posts with[…]…

  4. Hi…

    […]usually when i never produce a behavior involving[…]…

  5. Thanks and good blog.

  6. I guess getting some thing authentic or even significant to offer facts about is the most important aspect.

  7. I am not sure where you are getting your information, but good topic. I needs to spend some time learning much more or understanding more. Thanks for fantastic info I was looking for this info for my mission.

  8. DriepePem 说:

    remede miracle un quune certaine molecule permettait marche des medicaments inhibiteurs si elles conduisent ou sa renomme sur ce. cialis pas cher Permettant des erections plus etude de 12 semaines etre trouve pour aider la liberalisation sexuelle ces plus longues allant jusqua vous devez accepter quelques sextoys et la marketisation.

  9. It’s onerous to find educated people on this topic, however you sound like you already know what you’re talking about! Thanks

  10. Hey it’s me again, just wondering if there is an rss feed i could subscribe to?! Genuinely interested in learning a lot more about this.

  11. I spend a lot of time to find this info, finally I got it now, Big thanks to you.

  12. I get it, now your information is very well to know, I will bookmark your site.

  13. Keep your nice blog with this article type, I am sure many people like this

  14. I got what you signify, thanks for putting up. Woh I am glad to get this website through google. Thanks For Share html5çš„SEO探索 – CUED-迅雷用户体验设计中心.

  15. You have brought up a very good details , thankyou for the post.

  16. waczx 说:

    html5还是需要大家支持的

  17. Tumblr article…

    I saw someone talking about this on Tumblr and it linked to…

  18. Rather great posting. I actually just became aware of ones weblog in addition to wanted to help mention of which I’ve definitely enjoyed analyzing ones webpage in addition to blogposts. Nonetheless I’ll possibly be subscribing ones give in addition to When i wish to help browse ones webpage once again.

  19. […] 结语:随着youtube推荐用户尝鲜HTML5的视频播放,国内视频网站自然也不能独善其身。好吧,先从自己做起,迅雷看看拥抱HTML5的一小步,或许牵起国内视频网站的HTML5风暴。(来自:迅雷用户体验设计中心) 本文标签: html,SEO 本文链接: 大家一起来探索 HTML5 与 SEO 的奥秘 版权所有: 蓝枫博客, 转载请注明本文出处及链接! 订阅更新: 您可以订阅我们的内容更新或者 分享给更多的朋友 上一篇: Google推出新的分页标签 – Pagination Tags 下一篇: 未来社区产品探索 话说社交新模式的下一代 […]

  20. […] 文章来源:迅雷用户体验设计中心 […]

  21. […] 文章来源:迅雷用户体验设计中心 分享 | […]

  22. […] 文章来源:迅雷用户体验设计中心 […]

  23. […] 文章来源:迅雷用户体验设计中心 function SetFont(size){ document.getElementById("logPanel").style.fontSize=size }   声明: […]

  24. yihui 说:

    嘿嘿,一起拥抱未来的HTML5

  25. 必答网 说:

    html5 未来几年肯定普及了 我最近发现好多大网站已更换html5了

  26. 非常不错的介绍及分析啊。期待用户放弃低端浏览器。

  27. fabelao 说:

    相信不久HTML5就会大规模应用,西西!

  28. 哈利 说:

    HTML5的可读性是很高。

  29. 天人合一 说:

    貌似IE还不支持。

  30. 航仔 说:

    淘宝首页已经开始用html5了,表哥,期待html5的迅雷看看啊“哈哈~~

  31. 实习生 说:

    板凳,谢谢分享。

  32. jim 说:

    学习了!

发表你的评论