`
xiaoboss
  • 浏览: 651592 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html meta标签详细说明(keyword,description等)

    博客分类:
  • html
Web 
阅读更多

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

name 属性

1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;

2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;

3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;

4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;

5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

其中的属性说明如下:

设定为all:文件将被检索,且页面上的链接可以被查询;

设定为none:文件将不被检索,且页面上的链接不可以被查询;

设定为index:文件将被检索;

设定为follow:页面上的链接可以被查询;

设定为noindex:文件将不被检索,但页面上的链接可以被查询;

设定为nofollow:文件将不被检索,页面上的链接可以被查询。

http-equiv属性

1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;

又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

2、<meta http-equiv="Refresh" contect="n;url=http://yourlink ">定时让网页在指定的时间n内,跳转到页面http://yourlink

3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">

<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

以上是常用的几个meta属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。

 

 “<META>”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

  在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中,通常都要谈论META标签的作用,我们甚至可以说,META标签的内容设计对于搜索引擎 营销来说是至关重要的一个因素,尤其是其中的 “description”(网页描述)和“Keywords”(关键词)两个属性更为重要【参见网络营销教学网站的专文介绍:description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容,但META标签的内容设计仍然是很重要的。


关于META标签中的HTTP-EQUIV

   HTML代码实例中有一项内容是

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

  其作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。类似地,如果 将 “gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。

  HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出相应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个 作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

关于META标签中的"description"

   HTML代码实例中有关"description"中的代码为:

  <meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等">

  "description"中的content="网页描述",是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情 况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同 样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的description,显然会有一些网页内容没有直接关系,这样不 仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

关于META标签中的"Keywords"

  与META标签中的"description"类似,"Keywords"也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页 的介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索 的,过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没 有太大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。

分享到:
评论

相关推荐

    META标签详解、解决JSP页面显示乱码问题

    本文将详细介绍META标签的基本概念、应用场景及其参数设置。 #### 二、META标签的基础知识 1. **定义**:META标签主要用于提供关于HTML文档的元数据,这些数据并不直接显示给用户,而是提供给浏览器或其他解析器...

    vue中动态设置meta标签和title标签的方法

    - 动态设置的meta标签通常包括但不限于description、keywords、author等,应根据SEO优化的需要灵活配置。 - title标签同样需要根据路由的变化而变化,以确保用户在不同页面上看到正确的页面标题。 ### 4. 结论 ...

    JSP标签 <meta>的作用

    &lt;meta name="Keywords" content="keyword1, keyword2, keyword3"&gt; &lt;meta name="Description" content="This is my page"&gt; &lt;meta name="Author" content="John Doe"&gt; ``` ##### 2. `http-equiv` 属性 `http-equiv` ...

    Meta 标签生成器

    Meta标签是HTML语言中用于提供页面元信息的重要元素,这些元信息不直接显示在网页上,但对搜索引擎优化(SEO)和网页的可访问性有着关键作用。Meta标签生成器是一种工具,它可以帮助网站管理员或内容创作者快速、...

    zencart meta插件

    共享一个zencart meta插件,可以自定义title、keyword、description. zencart Quick Meta插件可以自定义商品类别页的title、keyword、description 和 商品详细页的title、keyword、description,对搜索引擎非常...

    HTML常见语法与标签索引

    - `&lt;meta name="keywords" content="keyword1, keyword2, keyword3"&gt;`:定义文档的关键字列表。 - **样式标签**: - `&lt;style media="screen" type="text/css"&gt;...`:定义只在屏幕显示时应用的样式。 - `...

    JS保留小数点(四舍五入、四舍六入)实现思路及实例

    meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″&gt; &lt;meta http-equiv=”description” content=”this is my page”&gt; &lt;meta http-equiv=”content-type” content=”text/html; ...

    科讯CMS标签大全,kesion CMS标签大全

    本文将重点介绍CMS中的各类标签,包括站点基本信息标签、特殊页面模型标签、系统统计标签等。 ### 一、站点基本信息标签 1. **{$GetSiteTitle}**:获取站点标题。 2. **{$GetSiteName}**:获取站点名称。 3. **{$...

    python程序:顶级域名获取所有host,获取网页信息 keyword,title,describle等信息

    例如,我们可以使用`soup.title.string`获取HTML文档的标题,`soup.find_all('meta')`找到所有的meta标签,进一步筛选出keyword和description信息。`lxml`库速度更快,功能更强大,但使用起来相对复杂。 5. **...

    简单的servlet增,删,改,查

    meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; &lt;meta http-equiv="description" content="This is my page"&gt; &lt;/head&gt; &lt;body&gt; &lt;form method="post"&gt; 用户ID ...

    AspCms标签大全.txt

    这类标签主要用于添加在线客服、浮动广告等元素,增加网站交互性和营销效果。 1. **{aspcms:onlineservice}**:表示在线客服头部。 2. **{aspcms:kf}**:表示客服系统。 3. **{aspcms:floatad}**:表示浮动广告。 4...

    配合asp.net编程用的html控件大全

    `&lt;meta name="KEYWORD" content=""&gt;`用于定义关键词,提高网站在搜索引擎中的排名;`&lt;meta name="DESCRIPTION" content=""&gt;`提供页面的简短描述;`&lt;meta name="AUTHOR" content=""&gt;`记录文档作者;`&lt;meta ...

    创力CMS标签作用.doc

    通过以上对创力CMS系统中各种标签的详细介绍,我们可以看到这些标签不仅涵盖了网站的基础信息展示,还包括了强大的内容管理和布局控制功能,为网站开发者提供了极大的便利。正确理解和灵活运用这些标签,可以帮助...

    手把手教你HTML教程

    ...在标记中,包含了关于页面的元数据,如标题、样式表引用、脚本链接等,这些信息不会直接显示在网页内容中,但对页面的整体...在接下来的教程中,我们将深入探讨更多HTML标签和特性,让你的网页设计技能更上一层楼。

    PHPCMS-+v9标签

    这两行代码分别输出了`$SEO['keyword']`和`$SEO['description']`的值到`&lt;meta&gt;`标签的`content`属性中。 3. **循环标签**:如`{loop $data $r}`,用于遍历数组并执行循环体内的代码。 - **示例**: ```php {...

    Html代码详解

    2. **元信息**:`&lt;meta&gt;` 标签提供了有关网页的额外信息。例如: - `name="keyword"` 用于设置关键词,虽然现在对SEO的影响已经减弱,但在过去它是提高搜索排名的重要因素。 - `name="description"` 定义了网页的...

    js实现动态改变字体大小代码

    在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段...meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; &lt;meta http-equiv="description" content="this is

Global site tag (gtag.js) - Google Analytics