HTML5标签对于seo的作用,html5和html4的区别!
优采云 发布时间: 2021-06-16 21:04HTML5标签对于seo的作用,html5和html4的区别!
HTML5标签对seo的作用
html5 增加了很多新的标签,这些标签可以很容易的区分我们网页的各个功能区域。
html5和html4的区别
我们知道HTML4使用的是“div+css”,也就是说网页的每个功能区都是使用div标签排版的,而这些div之间的区别只是通过css类名来完成的,而搜索引擎不了解类名的作用。
所有功能区,网站构造如header、nav、sidebar、文章(artcle)和footer,都使用div标签。这些类名可以放到div标签中,让css生效,但是搜索引擎不会读取它们,也不知道具体的含义。而下图是HTML5中一些新标签的布局,这些新标签可以让搜索引擎了解这些块的内容是什么,从而更好地了解网站的整体:
使用HTML5的排版使用了新的标签,这些标签可以被搜索引擎理解,这样搜索引擎蜘蛛在我们的网页爬行时,就会知道什么区域是顶部,什么区域是导航等等。这将使搜索引擎更容易获得我们整个网站 清晰的信息。在结构上,我们可以以上图为例来分析这些标签的作用: header:定义了站点的头部信息,即header,一般放网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别网站类型。 nav:定义导航链接,即到栏目或频道的链接。搜索引擎可以更好的理解网站的信息结构、分类等,好的信息架构更有利于蜘蛛爬取和权重分配。页脚:定义底部信息,即页脚。放置页脚导航、公司介绍、联系我们等一些信息。一般来说,网站不重要,有可能搜索引擎会降低其位置的权重。 section:该元素用于表示网页中的不同部分。优点是每个部分都可以有自己独立的 HTML 标题。这使搜索引擎能够更好地了解网页的结构是如何划分的。搜索引擎可以根据网页中的section标签找出其信息结构。 (同左手) artcle:定义文章区域可以更利于搜索引擎识别网页内容,判断相关性。旁边:定义页面内容之外的内容,在左侧或右侧边栏中。比如知乎右侧的“相关问题”就属于搁置区。旁注标签的文本信息优选地与文章标签区域的文本信息相关。它可能会影响页面和目标页面的排名。其中一些结构元素是在 HTML4 时代,一般由 div 定义。 figure:定义了媒体内容及其标题的分组,figcaption定义了图形元素的标题。这两个元素可以说是媒介和文字之间很好的联系。帮助搜索引擎理解内容。文字说明可见。时间:定义日期/时间。时间标签可以作为一个判断网页文本来源的标签,即时间标签可以用来识别文章是原创
开发主题,逐步开发HTML5标签的自定义使用和优化
目前,新主题将使用 HTML5 中新添加的这些标签进行布局,使网站 所做的布局更易于搜索引擎理解。在主页模块上,我们将添加外部标签部分和文章。您可以自由选择这些包裹的标签。其中,首页输入的每个模块都可以用section打包,artcle的包是指那些调用文章或者products可以使用的模块。
通过选择权重标签(h标签、strong和div),可以自定义整个网站的结构和权重。品类目录、文章、商品详情页中,无需设置。这些优化标签根据w3cschool的介绍进行了优化。可以在文章中插入一些H2~H4标签,用于文章段落的权重区分。我们为侧边栏使用side 包。您可以将侧边栏模块包装在 section 而不是 artcle 中。这样的功能可以让我们整个网站更容易被搜索引擎理解。