首页 >web前端 >前端问答 >html5哪些标签可以做seo优化

html5哪些标签可以做seo优化

青灯夜游
青灯夜游原创
2022-01-23 16:05:493681浏览

html5可以做seo优化的标签:1、title标签;2、meta标签;3、header标签;4、nav标签;5、article标签;6、aside标签;7、footer标签等。

html5哪些标签可以做seo优化

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

什么是HTML5

HTML5和html一样是web网页内容一种语言的描述方式,HTML5是下一代的web网页标准,可以说是互联网的核心技术之一。相比传统的html技术的域名特征更加明显,充分的结合力SVG的内容,可以使得网页中更加便利的处理多媒体内容,同时可以结合其它元素对原有的功能更加的标准发,在2012年的时候就已经确立了稳定版本。

HTML5 对于SEO 有什么优势?

提升媒体内容抓取效率,对于一些比较古老的网站开发的时候运用了大量的flash功能的网站,HTML5的到了是一个好消息。随着谷歌浏览器即将取消对于flash功能的支持,这些运动大量flash技术的网站改版迫在眉睫,HTML5可以提高很大的帮助。HTML5可以让页面中的动画等媒体内容让搜索引擎更加高效的抓取。

HTML5中的标签可以使得网页内容更加结构化,可以更加清楚的展示页面内容的结构,可以提升对于搜索引擎的友好性,可以更加容易的识别网站内容以及站点的类型。

H5哪些标签可以做SEO优化

1、头部代码

1)、标题标签(title标签)

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

2)、元标签(meta标签)

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

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

2、正文代码

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信息都是独立的,这或许意味着新的黑帽手段将会出现。

相关推荐:《html视频教程

以上是html5哪些标签可以做seo优化的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn