欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

什么是Html h1标签?Html h1标签使用方法的详细介绍

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

本篇文章主要为大家介绍了关于HTML h1~h6的使用介绍,介绍了关于Html h1标签在网页中的两种使用方法,一个是网站首页的具体介绍,一个是文章内容页面的具体介绍,最后一点的总结,现在让我们看看这篇文章吧

首先,让我们先来看看什么是Html h1标签:

HTML h1标签是什么?是一级标题。

一个网页中,用h1包括起来的内容是除了title之外最重要的内容,对一个网页中起到提纲挈领的作用。搜索引擎首先要抓取的内容就是h1标签中的内容。所以规定一个页面中,h1标签只能出现一次,否则h1标签就失去了存在的意义,而且对于搜索引擎来说,这是典型的seo过度,早晚都会被处罚的。而对 于谷歌来说,过度使用h1的网页根本不会被收录,如果你发现你的网站首页一直不被google关注,那你就要小心了。而百度可能会暂时收录你,但可能早晚都会降权或k站。下面是h1至h6的使用介绍。

  • h1 : 网站大标题

  • h2 : 网站副标题

  • h3 : 网站分类目录

  • h4 : 网站的文章分类

  • h5 : 文章标注

  • h6 : tag标签

现在来看看具体的使用方法吧

  • 第一,网站首页,列表页,分类页,h1要分配给网站名称或给带alt标签的logo使用,用以强调网站名称。h2标签用来定义“站点副标题”。如果没有副标题,h2标签最好也空着,以备不时之需。H3标签用来定义导航栏目名称,H4标签用来定义文章列表标题,但大多数内容系统,文章列表输出用UL标 签,所以H4可能就派不上用场,这里只是以此类推。

  • 第二,文章内容页面中,h1一定要用在文章标题上,因为对于搜索引擎来说,内容就是他追求的目标,所以我们要把搜索引擎直接领到我们的文章标题。其它的h标签依次类推。

现在来细说说网站首页的具体用法:

因为在主页中会有许多文章列表,这时如果把<h1>标签用于给“文章标题”定义,那就不合适了,会造成<h1>标签重复定义,破坏了<h1>标签的唯一性。所以在主页,<h1>标签当仁不让的用来定义“站点名称”。<h2>标签用来定义“站 点副标题”。如果没有副标题,<h2>标签最好也空着,以备不时之需。<h3>标签用来定义栏目名称,<h4>标签用来定义文章标题,但大多数内容系统,文章列表输出用<ul>标签,所以<h4>可能就派不上用场,这里只是以此类推。

现在来细说说文章内容页面的具体用法:

文章内容页和主页就有所区别了,对于搜索引擎所看中就是文章内容,而文章标题无疑是吸引搜索引擎的最重要的砝码了。此时如果把唯一的<H1>标签让给“网站名称”岂不浪费。既然站点可以使用不同模版,这时我们就不能偷懒了,还是把文章内容页Header区重新调整一下,把<H1>标签让给“文章标题”。

网站名称和网站副标题的定义,用<div>来代替,分别定义成id=Title和id=SubTitle。把最有价值的<H1>标签和<H1>标签让给文章主和副标题。以利于提高文章在搜索引擎中的权重。

如果没有文章副标题,和主页的里的<H2>标签一样最好也空着,以备不时之需。这里提倡一下,<H2>和<H1>标签一样,最好都保证在页面中的唯一性。

现在来总结下:

我认为h1在不同的页面应该有不同的定义方式,比如:

  • 主页,h1坚决用来定义“站点名称”;

  • 文章页,因为文章标题对SEO有好处,h1给文章标题合适;

  • 栏目页,h1给栏目名称;

  • 搜索页,h1给搜索关键词;

  • tag页,h1定义tags。

【小编推荐】

HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍

如何给Html中的pre标签中的文字换行?Html pre标签的使用实例 本文地址:http://itbyc.com/web/html5/20815.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1