HTML5中哪些标签可以用来做SEO优化

HTML5中哪些标签可以用来做SEO优化,第1张

一、头部代码

1、标题标签(title标签)

在HTML5中标题标签依然存在,其仍然具有不可替代的作用不过我们看到还有更多的可供搜索引擎识别的代码,我们将改代码的等级微降。

2、元标签(meta标签)

字符集编码声明标签:该标签原本就是搜索引擎必看且首先要看的标签,其他属性都省略唯独留下charset属性能看到google公司用心良苦。

网页描述标签:该标签虽然没有什么提示,但是该区域的内容将会在SERP显示,其重要性不应该被忽略。

二、正文代码

1、头部标签(header标签)

这块区域之前以logo居多,而从目前的情况来看,很多资料都建议在这类使用标题1或2标签,即h1或h2标签。我们认为未来每个网页只会出现一个H1标签,而他的位置就是位于header标签内。该区域我们不建议使用strong标签,不要使用b标签。

2、导航标签(nav标签)

nav标签内基本上都是a标签,而HTML5中不应该靠添加title标签来进行优化,我们建议是用strong标签。

3、文章标签(article标签)

article标签区域,我们可以使用h2标签,而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS:可把SEO乐死了,估计黑帽又找到作弊的地方了。

而article标签区域的section标签将会替代h2标签链接过去的URL的title属性,这块区域的文字有可能将成为目标URL的description内容,即有可能会影响目标URL在SERP中的描述。

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

aside标签的文字信息与article标签区域的文字信息需要匹配,如果关联程度不大,可能会影响到该页面以及目标页面的排名。这是在HTML4中很多SEO忽视的一块区域,而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容,即会有N多的页面都有该内容。

5、底部标签(footer标签)

footer标签区域的内容对首页的排名将会增加,而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的,这或许意味着新的黑帽手段将会出现。

结构上的

<header>定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。

<nav>定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构,分类等。良好的信息架构,更有利于蜘蛛的爬行和权重的分布。

<footer>定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。

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

<article>定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。,

<aside>定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于<aside>区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。

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

块元素

<figure>定义媒介内容的分组,以及它们的标题,<figcaption>定义 figure 元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。

<time>定义日期/时间,time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别哪篇文章是原创的。

<audio>定义音频

<video>定义视频

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

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

尽管现在html5还是在探索阶段,但作为一个seo人员,必须要洞察先机,了解一些关于html5的知识并分析是否会对seo造成影响。事实上html5对网页设计和开发人员的冲击和影响,远远超过seo人员,但这并不意味着seor无须就html5对搜索引擎优化策略做出调整。

html5新特性

html5是互联网技术逐年演变的一种产物,包含了很多新的标签和元素,具体可以查阅《图解html5》一文,但它仍然是基于xml的一种网页表达语言,和html4相比也不是发生了翻天覆地的变化,而且对它的父辈有很好的兼容性,所以我们大可不必忧虑什么都得重头学起,甚至认为html5很难。

html5的哪些变化可能会影响seo

作为seo人员,我们只会关注html5规范发生了哪些可能会影响到seo的变化,下面是其中的一些。

改进网页分块

现在的网页基本上都是分块的,网页分块意味着将一个页面划分为几个独立的部分,包括内容、菜单、头部、底部、链接等,但是站长没有办法告诉搜索引擎应该如何对一个网页进行分块,就是说没有办法告诉搜索引擎哪块是头部,哪块是底部。不过html5将可以改变这一现状,只要使用一些新的标签,如<header>和<footer>标签等。

新的<article>标签

估计这将会是对seo最有积极影响的html5新标签,因为这样可以直接标识文章内容部分,而且可以避免使用<div>这些标签从而让html代码变得更简洁,无疑对搜索引擎变得更加友好了。另一方面,放在<article>标签里的内容将比放在页面其他地方的内容能在搜索引擎那里获得更加多的权重。

新的<section>标签

<section>标签可以用来识别一个页面或者一本书里单独的章节,它的好处就是每一个章节都可以拥有单独的html标题,再结合<article>标签考虑,就可以推断到搜索引擎将会更加注重单独章节里的内容。举个例子,如果在某一章节里找到与搜索字符串相匹配的内容,将比在整个页面或者其他地方找到的能获得更高的相关性。

新的<header>标签

<header>标签对于seo人员来说是一个福音,因为相比于现在的head,它提供了更大的灵活性。<header>标签和<H1>标签的作用非常相似,但不同的是,<header>里面可以包含很多东西,包括可以是<H1>、<H2>括起来的内容,也可以是整段文字,又或者是链接,以及你觉得有相关的其他信息。

新的<footer>标签

<footer>标签没有<header>标签那么管用,但仍然可以包含一些重要信息在里面,它可以用作seo的一种手段。<header>和<footer>标签可以在一个页面里多次出现,例如,我们可以为一个单独的section配备一个<header>和一个<footer>,这无疑为我们提供了很大的灵活性。

新的<nav>标签

网站面包屑导航是seo的重要因素,一个导航友好的网站无疑可以在搜索引擎那里获得更高的排名,所以一切简化导航的做法都是对seo有作用的,而<nav>就可以做到这一点。

我们在这里只是列举了部分在某种程度上可能会对seo产生影响的html5新标签,html5还有很多新的标签,例如<audio>、<video>、<dialogue>等,但它们对seo的重要性相对较低,所以在此不作讨论。

总结

目前,html5对于大部分人来说还是很遥远的,当越来越多的网页应用上html5的时候,搜索引擎才会更加注重html5,并作出相应的策略调整,或者只有那时才会知道搜索引擎究竟会如何对待html5的页面。现在看来,html5的大规模普及并不是很快就会发生的事,所以我们无须过分担忧它对seo产生的影响,可以继续只关注html4。另一方面,浏览器也需要时间去为html5作出改变,所以html5无处不在的那一天还挺遥远的。

不过,一旦html5为所有浏览器和更多的用户所接受,它将成为未来很长时间的主导标准,所以我们要时刻关注它的动态、关注其他站长正在做什么,目的是为了确保不要错过当html5成为事实标准后应该马上作出反应的那一个时机。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7319215.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存