怎么设置Meta元信息标记为最好?

2016-07-21 19:16:00 6170 0 编辑:深色多郎 来源:HTML书籍

网站元信息,通常就是head头部的meta标签,元素提供的信息是用户不可见的,他不显示在页面中,一般用来定义页面的信息的名称,关键字,作者等。在HTML中,meta标记不需要设置结束标记,在一个尖括号内就是一个meta内容,而在一个HTML头页面中可以有很多个meta元素。meta元素的属性有两种:name和http-equiv,其中name属性主要用于描述网页,以便搜索引擎查找和分类。下面根据功能的不同分别介绍元信息标记的使用方法。

1、设置页面关键字,设置页面关键字是为了向搜索引擎说明这一网页的关键字,从而帮助搜索引擎对该网页进行查找和分类,它可以提高被搜索到的几率,一般可设置多个关键字,之间用逗号隔开。但是由于很多搜索引擎在检索时会限制关键字数量,因此在设置关键字时不要过多,应“一击而中”。

语法:<meta name=”keywords” content=”深圳网站建设”> 

语法解释:在该语法中,name为属性名称,这里设置为keyname,也就是设置网页的关键字属性,而在contact中则定义了具体的关键字的内容。

实例代码

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>---</title>

<meta name="description" content="---" />

<meta name="keywords" content="深圳网站建设" />

</head>

在该实例中设定了html、“元信息”和“关键字”这3个词语作为该页面的关键字。


2、设置页面描述

设置页面描述也是为了便于搜索引擎的查找,可使用它来描述网页的主题等。与关键字一样,设置的页面描述也不会在网页显示出来。

语法:<meta name=”description” content=”简单表诉该网页的大致内容,方便搜索引擎识别”> 

语法解释:在该语法中,name为属性名称,这里设置为description,也就是将元信息属性设置为页面描述,在contact中定义具体的描述语言。

实例代码

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>---</title>

<meta name="description" content="【深正互联】提供深圳网站建设,深圳网站制作,深圳网站设计,深圳网页制作,深圳网页设计服务,是知名的深圳网络公司..." />

<meta name="keywords" content="..." />

</head>


3、设置编辑工具

现在有很多编辑软件都可以制作网站,在源代码的头页面中可以设置我也编辑工具的名称。与其他meta元素相同,编辑工具也只是在网站的源代码中可以看到,而不会显示在浏览器中。

语法:<meta name=”generator” content=”编辑软件的名称”> 

语法解释:在该语法中,name为属性名,这里将其设置为generator,也就是设置编辑软件的名称,然后在content中定义具体的编辑软件的名称。

实例代码:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”generator” content=”网页的编辑工具”> 

</head>


4、设定作者信息

在页面的源代码中,可以显示出页面制作者的姓名及个人信息。这样可以在源代码中保留作者希望保留的信息。

语法:<meta name=”author” content=”作者的姓名”> 

语法解释:在该语法中,name为属性名,设置其值为author,即设置作者信息,在content中定义具体的信息。

实例代码:在这一实例中,将作者的姓名“深正互联”添加到了网页的源代码中。

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”author” content=”深正互联”> 

</head>


5、设定版权信息

在页面的源代码中,可以显示出网站版权的信息,这个和作者是有区别的,作者不代表有版权的定义,可以按照如下方式编写。

语法:<meta name=”copyright” content=”版权单位或者个人”> 

语法解释:在该语法中,name为属性名,设置其值为copyright,即设置版权信息,在content中定义具体的信息。

实例代码:在这一实例中,将作者的姓名“深正互联”添加到了网页的源代码中。

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”copyright” content=”深正互联”> 

</head>

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通