语言选择: 简体中文简体中文 line EnglishEnglish

公司动态

HTML5 对 SEO 有哪些影响?

网页分割与语义的丰富HTML5一个最大的特点是将标记语言的语义进一步丰富,我们可以直接使用<header>,<article>这样的标记。这样搜索引擎将能够根据这些语义对网页中的内容进一步分析,来帮助用户寻找想要的内容。在Div+CSS技术流行起来之后,我们通常使用<div>的id来对内容分区进行有意义的定义。通常我们会这样来组织一个具有语义的网页。这样虽然程序员知道各个部分的语义是什么,但是搜索引擎却不能够识别其语义内容。

  而在HTML5引入一些新的元素,例如,<header>、<article>、<aside>、<footer>,这样一个网页将会变的更有意义。

  这样做的好处显而易见,当网络爬虫知道诸如<header>与<footer>之类的部分后可以非常简单的跳过它们,更好的定位网页内容。又或者使用这些元素来进行其他目的的索引,譬如识别版权信息或者寻找网站Logo等。

HTML5元素可以影响搜索引擎索引下面是一些可以直接对SEO产生影响的元素。

<article>这是内容为王的时代,我们都知道网页内容对与搜索引擎排名的重要程度。恐怕该元素将对HTML5的SEO产生最为重要的影响。一个潜在的变化可能是搜索引擎将会对该元素的内容放置更多的权重。

<section>该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>标签找出其信息架构。

<header>该元素可以让搜索引擎知道站点的名字和Logo以及其主要的导航栏。

<footer>在网页设计中,通常在页脚处显示一些站点额外的信息,譬如版权、营业执照、隐私条款等。该元素可以使得搜索引擎来确认与这些信息相关的内容。

<nav>该元素可以极大的方便搜索引擎收录某个站点的信息架构,譬如通过此来建立简单的站点地图等等。

文章来源:nilock.com/2011/09/12/w

感谢南哥的邀请,不过说实在的,我对HTML5还真不是很了解。于是特地的去补习了下。

上面几位已经说的很好了,我把我看过的一些文章整理下。举百家之长补充下。

我把HTML5代码都看了下,新增了不少新元素,整理了下,这些标签应该对SEO还是比较有影响的,适当运用,也许对SEO优化是有很大好处的!

结构上的

  1. <header>定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。
  2. <nav>定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构,分类等。良好的信息架构,更有利于蜘蛛的爬行和权重的分布。
  3. <footer>定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。
  4. <section>该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>标签找出其信息架构。(同左撇子)
  5. <article> 定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。,
  6. <aside>定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于<aside>区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。

这些结构元素有些在HTML4时代,一般是用div来定义。如<div id="header">、<div id="nav">和<div id="footer">,但是难免有些网站会采用其它的命名方式。而HTML就把这些都标准化了,规范化了,简洁明了。更有利于搜索引擎衡量网页上的内容和相关性,甚至分配权重的流向。


块元素

  1. <figure>定义媒介内容的分组,以及它们的标题,<figcaption>定义 figure 元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。
  2. <time>定义日期/时间,time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别哪篇文章是原创的。
  3. <audio>定义音频
  4. <video>定义视频

这两个元素区域中间的文字信息将会让搜索引擎读懂视频和音频。据说很多国外社交网站都开始试用HTML5,就是因为搜索引擎可以更好识别社交网站更多出现的音视频。

另外目前搜索引擎可能还不能很好支持的HTML5,毕竟现在还没有更好的推广和运用。但我相信这是未来的趋势。

这里另外再推荐两篇文章:

姜东栋:HTML5中SEO可以用那些代码来做优化:qisir.com/Blog/HTML5-SE

HTML5与搜索引擎优化:lusongsong.com/reed/398

都一点了,南哥你还邀请了好多题,难度都不小。我这几天会好好琢磨,并完成的。也很感谢知乎这个平台,让我重新学习了一遍。

从现在的SEO环境来讲,影响真不大。

那些所谓的内容规范,都可以用schema.org完美解决,并且现阶段使用schema.org必然比使用HTML5来对内容代码进行规范化处理来得安全且实用。

也许会有人觉得短见,但是SEO这一块谁能预言几年后会是什么样?等到HTML5真正普及了,搜索引擎的排名规则又变成什么样了?

HTML5真正的牛逼之处在提高网站的用户体验上,追求这些<article><time>代码,实在是捡了芝麻丢了西瓜。

个人觉得seo就跟一个title标签有关,其他标签意义不大。

html5 ,上名解

HTML的英文全称为Hyper Text Markup Language,即超文本标记语言。HTML5是HTML的一个新版本。HTML 不是一种编程语言,而是一种标记语言 (markup language)。

HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。

HTML5特性

语义特性(Class:Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性(Class: OFFLINE & STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

连接特性(Class: CONNECTIVITY)

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

三维、图形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

性能与集成特性(Class: Performance & Integration)

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

影响

html5里多的无非是多些js文件

注意下title标签和元标签

1、头部标签(header标签)

2、导航标签(nav标签)

3、文章标签(article标签)

4、左或右侧标签(aside标签)

平台注册入口