HTML5中的meta标签是什么？

做响应式网站的时候，我们经常看到什么HTML5黑科技，独特的meta标签独得搜索引擎喜爱，收录快之类的宣传语，不少用户都是云里雾里。其实这个HTML5中的meta标签到底是何方神圣，为什么直接影响网站优化？今天给大家解答一下。

操作方法

  • 01

    Meta标签的解释 Meta标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。搜索引擎通过机器人自动查找网页中的meta值来给网站分类，只有完善了Meta，一个HTML页面才能算是完整的网页。

  • 02

    通常，Meta值在网页中的存在形式： <META NAME=”Title” CONTENT=”网页标题”> <META NAME=”Author” CONTENT=”网页的作者说明”> Meta还有很多种表述功能，合理利用Meta标签的Description和Keywords属性，加入网站的关键字或者网页的关键字，可使网站的SEO优化排名快速提升，并且更加贴近用户体验。

  • 03

    Meta标签的重要参数 搜索引擎对网页的排名大部分是基于网页的title（标题）进行的，这就是让大家做网站关键词的时候不要单纯设置“首页”，最好是整个网站的名称。 除了title属性，和SEO有着直接联系的meta标签还有下面几个：

  • 04

    Keywords：页面的关键词标签，这个标签可以用于提取网站的关键词信息。 Description：网站内容描述标签，用以说明该网页的大体内容。 Robots：这个标签用来告诉搜索引擎的机器人，哪些页面需要索引，哪些页面不需要索引。 参数有all、none、index、noindex、follow、nofollow，分别表示是否能收录该页面，该标签最为重要，设置稍有不慎就可能造成搜索引擎停止收录。

赞 (0)

相关推荐

  • HTML5中的的标签

    关于html中的p标签有,也就是大家熟知的段落标签. 下面浅谈一下段落标签的含义,用法. 以及 和<br />标签的区别. 操作方法 01 这里看一下源代码,在body内只使用一个p标签. ...

  • META标签中有哪些的常见用法？

    操作方法 01 最近,Danny Sullivan谈到了如何处理的搜索引擎meta标签的问题,以下是一些关于在Google中如何处理这些问题的答案. 多内容数值 我们建议你把所有的Meta标签内容放在 ...

  • HTML文档中小 meta 标签的大作用

    操作方法 01 meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta标签用于网页的<head>与</head>中,meta标签的用处很多.meta的属性有两种: ...

  • html5网页结构布局标签

    html5网页结构布局标签 操作方法 01 对于HTML5来讲,在网页结构上标签定义与使用更加语义化,让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在! 列举常用HTML5结构组合 header ...

  • HTML5新增表单标签六

    介绍HTML5中新添加表单标签用法于说明. 操作方法 01 我们不会再标记中设置contentEditable属性,要设置也是通过javascript,并且在编辑完成后再取消可编辑的功能. (不要把这 ...

  • meta标签实现网页转换时的动画效果

    操作方法 01 使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了: ...

  • HTML5中的canvas绘图怎样用呢？

    h5游戏开发近几年很火,而h5中的canvas元素在其中就起到很大的作用,今天小编我就来教教大家怎样使用canvas来在网页绘图,一起来学习吧! 操作方法 01 首先,我们打开hbuilder之后,新 ...

  • 如何在手机端QQ中添加个性标签？

    如何在手机端QQ中添加个性标签？

    相信很多小伙伴都有在使用QQ,那么在其中我们如何添加个性标签呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的QQ并登录.登录成功后,点击页面左上角的头像.2. 页面左侧弹出下 ...

  • 如何在华为手机的备忘录中创建新标签？

    如何在华为手机的备忘录中创建新标签？

    相信很多小伙伴都有在使用华为手机,如果我们想要在其中的备忘录中创建新标签该如何做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"备忘录".2. 进入备忘 ...