`

META功能总结

    博客分类:
  • Web
阅读更多

一、META的作用:

  meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的 cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级等。

 

一些网站的示例:

1SEO视频网

<head>

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

<meta name="keywords" content="视频教程,在线教程,教程,程序开发,数据库,网站建设,网页设计,建模,贴图,灯光,渲染,动画" />

<meta name="description" content="SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页进行相关的优化,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。, 免费视频教程,轻松学习程序开发,动态网站建设,三维动画设计,学习之余,还可以结识志同道合的朋友!"/>

</head>

2、淘宝网

<head>

<meta charset="gbk" />

<title>淘宝网 - 淘!我喜欢</title>

<meta name="description" content="淘宝网 - 亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 2亿优质特价商品,同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务,让你全面安心享受网上购物乐趣!" />

<meta name="keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />

</head>

3hao123

<head>

<base target="_blank">

<meta http-equiv="X-UA-Compatible" content="IE=7">

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

<meta name="ROBOTS" content="NOODP">

<meta name="description" content="hao123网址之家——最专业权威的上网导航。及时收录包括音乐、视频、小说、游戏等热门分类的优秀网站,与搜索完美结合,提供最简单便捷的网上导航服务,是数千万网民的上网主页。精彩网络生活,从hao123开始。">

</head>

4iteye.com

<head>

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

    <title>JavaEye Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践 - JavaEye做最棒的软件开发交流社区</title>

    <meta name="description" content="Java编程,Spring Struts Webwork框架深入,XMLHTTP AJAX开发,Java Web开发,Java企业应用,Java设计模式,Java开源框架,Java应用服务器,Rich Client讨论,Ruby编程,Ruby DSL开发,Ruby on rails实践,JavaScript编程,敏捷软件开发XP TDD,软件配置管理,软件测试,项目管理UML,数据库,C#/.net C/C++ Erlang/FP PHP/Linux平台,精通Hibernate" />

    <meta name="keywords"  content="Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践 JavaEye深度技术社区" />

</head>

5、新浪网

<head>

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

<title>新浪首页</title>

<meta name="description" content="新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等,设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。" />

<meta name="stencil" content="PGLS000022" />

<meta name="publishid" content="30,69,1" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<meta name="verify-v1" content="6HtwmypggdgP1NLw7NOuQBI2TW8+CfkYCoyeB8IDbn8=" />

</head>

6、搜狐新闻

<head>

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

<meta name="keywords" content="犀利哥,犀利哥资料,犀利哥作品,犀利哥奖项荣誉,犀利哥新闻,犀利哥图片,犀利哥视频,犀利哥专访,犀利哥专题,粉丝留言,投票打分"/>

<meta name="description" content="包含犀利哥资料,犀利哥作品,犀利哥奖项荣誉,犀利哥新闻等各类与其有关的明星资讯内容;  “犀利哥”原本只是宁波街头的一个流浪汉,他那原始版的“混搭”潮流装扮,受到网友追捧,甚至已红遍中国以外的国家。随着他患有精神疾病的凄惨身世被曝光后,网友摒弃了先前的娱乐态度,开始对其表示同情,但是当他面对蜂拥而至的人们和镜头嚎啕大哭时,我们是否应该开始反思:对“犀利哥”的关注是否已经超越了他能够承受的范围…

  犀利哥:程国荣,生于1976 1010,江西上饶鄱阳人,早年和同乡到宁波打工。"/>

<meta name="robots" content="all" />

<title>犀利哥_明星资料库_搜狐</title>

</head>

 

二、META分类

   META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)

1、  HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

(1)       Content-TypeContent-Language (显示字符集的设定)

说明:用以说明主页制作所使用的文字以及语言,例如:

用法:  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<meta http-equiv="Content-Language" contect="zh-CN">

 

(2)       Refresh (刷新)

说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。

用法:  <Meta http-equiv="Refresh" Content="30">
      
<Meta http-equiv="Refresh" Content="5; Url=http://www.lcsoft.net.cn">
   注意:其中的5是指停留5秒钟后自动刷新到URL网址。

 

(3)       Expires (期限)

说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。

用法:  <Meta http-equiv="Expires" Content="0">
      
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
   注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)

 

(4)       Pragma (cach模式)

说明:禁止浏览器从本地机的缓存中调阅页面内容。
  用法: <Meta http-equiv="Pragma" Content="No-cach">
   注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。

 

(5)       Set-Cookie (cookie设定)

说明:cookie设定,如果网页过期,存盘的cookie将被删除。

用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
      
21-Oct-98 16:14:21 GMT; path=/">
   注意:必须使用GMT的时间格式。

 

(6)       Window-target (显示窗口的设定)

说明:强制页面在当前窗口以独立页面显示。
  用法:<Meta http-equiv="Widow-target" Content="_top">
   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank_top_self_parent

 

(7)       Pics-label (网页RSAC等级评定)

说明:在IEInternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。
   用法:<META http-equiv="Pics-label" Contect=http://localhost

 

(8)       Page-EnterPage-Exit (进入与退出)

说明:这个是页面被载入和调出时的一些特效。
  用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
      
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
   注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果。

 

(9)       MSThemeCompatible (XP主题)

说明:是否在IE中关闭 xp 的主题
  用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">
   注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。

 

(10)   IE6 (页面生成器)

说明:页面生成器generator,是ie6
  用法:
<Meta http-equiv="IE6" Content="Generator">
   注意:用什么东西做的,类似商品出厂厂商。

 

(11)   Content-Script-Type (脚本相关)

说明:这是近来W3C的规范,指明页面中脚本的类型。
   用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">

 

2、  NAME

name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

namecontent指定实际内容。

(1)       Keywords (关键字)

说明:为搜索引擎提供的关键字列表
  用法:  <Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">

<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
  <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。

 

(2)       Description (简介)

说明:Description用来告诉搜索引擎你的网站主要内容。

用法: <Meta name="Description" Content="你网页的简述">

 

(3)       Robots (机器人向导)

说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有allnoneindexnoindexfollownofollow。默认是all
  用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

其中的属性说明如下:

all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;( "noindex, no follow" 起相同作用)
    index:文件将被检索;(让robot/spider登录)

    follow:页面上的链接可以被查询;
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
    nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

 

(4)       Author (作者)

说明:标注网页的作者或制作组

用法:<Meta name="Author" Content="张三,zs@sina.com">
   注意:Content可以是:你或你的制作组的名字,Email

 

(5)       Copyright (版权)

说明:标注版权
  用法:<Meta name="Copyright" Content="本页版权归xxx所有。All Rights Reserved">

 

(6)       Generator (编辑器)

说明:编辑器的说明
  用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
   注意:Content="你所用编辑器"

 

(7)       revisit-after (重访)

用法:<META name="revisit-after" CONTENT="7 days" >

 

 

以上是META标签的一些基本用法,其中最重要的就是:KeywordsDescription的设定。为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!根据现在流行搜索引擎(GoogleLycosAltaVista)的工作原理,搜索引擎先派机器人自动在WWW上搜索,当发现新的网站时,便于检索页面中的Keywords<span lang

分享到:
评论

相关推荐

    Mtk meta ver5.6

    总结来说,MTK Meta 5.6是一款集成了基带与射频校准、故障排查、固件升级、系统调试等多功能的综合性工具,对于MediaTek平台的设备开发和维护人员而言,是不可或缺的工具箱。使用这款工具,不仅可以确保设备的通信...

    META tool v6.1332.2

    总结,META tool v6.1332.2是MTK平台开发和维护过程中不可或缺的工具,它使得基带与射频的调试和测试变得更加便捷和高效,对于提升设备的通信性能起到了关键作用。无论是研发团队还是售后服务部门,都需要熟练掌握这...

    meta-data标签的使用

    总结,`meta-data`标签在Android开发中扮演着重要角色,它为应用程序提供了存储额外配置信息的途径。理解和熟练使用`meta-data`,可以帮助我们更好地集成第三方库,实现自定义组件的扩展,以及传递运行时必要的参数...

    HTML中小meta的大作用.txt

    本文将深入探讨`&lt;meta&gt;`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和功能。 #### 一、`&lt;meta&gt;`标签概述 `&lt;meta&gt;`标签位于HTML文档的`&lt;head&gt;`部分,主要用于定义页面的元数据...

    meta-programming简介

    元编程是现代编程语言中的一项强大功能,特别是在C++中,通过模板元编程可以实现复杂的编译时计算和代码生成。虽然元编程可能初看起来复杂且难以理解,但它提供了在编译时优化代码和减少运行时开销的可能性,对于高...

    HTML标签meta总结,HTML5 head meta 属性整理

    以上就是关于HTML5 head中的meta属性的常见用法和功能的总结。理解并恰当使用这些meta标签,可以帮助开发者优化网站性能,提高搜索引擎排名,提升移动端用户体验,同时也能确保在不同设备和浏览器上的良好展示。在...

    Head内meta的参数设置

    **解释**:该示例禁止了页面的缓存功能,每次访问都会强制浏览器重新请求服务器获取最新版本的页面。 **注意事项**: - 这个属性可以确保用户始终看到最新的页面内容,但也可能导致性能下降。 - 对于频繁更新的内容...

    前端开源库-meta-dev

    总结,meta-dev作为一款专注于前端元数据处理的开源库,为开发者提供了一种高效、灵活的工具,以应对日益复杂的前端项目需求。掌握并运用meta-dev,无疑会提升开发者的生产力,优化项目流程,是现代前端开发中值得...

    Laravel开发-laravel-meta-tags .zip

    总结来说,`laravel-meta-tags`是Laravel开发中一个强大的工具,它使得管理网站的meta标签变得更加简单,无论是对于SEO优化还是社交媒体分享,都能提供极大的便利。通过学习和应用这些知识点,你可以更高效地构建...

    推荐Meta分析软件-Review-Manager-5.1实例分析(可编辑修改).ppt

    Review Manager 5.1提供了强大的Meta分析功能,可以帮助研究人员快速地进行Meta分析。 实例操作讲解 ------------- ### 新建一个系统评价 * 点击File--------New * 选择系统评价的类型:Intervention review ...

    Laravel开发-laravel-meta-tags

    总结来说,`laravel-meta-tags`包为Laravel开发者提供了一种优雅的方式来管理页面元数据,包括常规的meta标签、Open Graph和Twitter Card。它简化了代码,提高了可维护性,同时增强了SEO和社交媒体分享的体验。通过...

    ModemMETA_exe_v10.1836.0.01.zip

    总结,META工具是MTK平台开发人员不可或缺的利器,它通过集成化的测试、调试和分析功能,极大地提升了移动设备射频性能优化的效率。随着技术的不断进步,META工具将持续进化,以满足更复杂的通信需求。对于任何涉及...

    META 经典 汇总

    HTTP-EQUIV类型的META标签,其功能类似于HTTP响应头,能够向浏览器发送额外的指令,帮助优化页面加载和呈现方式。以下是对几种常用HTTP-EQUIV类型的具体分析: 1. **Content-Type和Content-Language** - **用途**...

    Conducting Meta-Analyses inRwith themetafor Package

    根据提供的信息,我们可以总结出以下关于“利用metafor包在R中进行元分析”的相关知识点: ### 一、metafor包概述 **metafor** 是一个用于R语言的元分析包,由Wolfgang Viechtbauer开发并维护。该包提供了一套全面...

    vue 路由meta 设置导航隐藏与显示功能的示例代码

    总结起来,Vue Router 的 `meta` 字段提供了强大的灵活性,使得我们可以根据需求自定义路由的附加信息。无论是设置页面标题、控制导航显示,还是实现权限管理,`meta` 都是实现这些功能的关键。通过合理利用 `meta`...

    响应式 meta 标签网页

    总结来说,响应式meta标签与Bootstrap结合使用,能够确保你的网页在各种设备上都能提供一致且优秀的用户体验。通过jsDelivr引入Bootstrap,可以大大提高开发效率,无需下载和本地管理相关文件。在实际项目中,开发者...

    应用R语言MetaOmics分析流程实现基因芯片数据的Meta分析.pdf

    总结来说,Meta分析在基因芯片数据的研究中扮演着越来越重要的角色。通过R语言的MetaOmics分析流程,研究者可以更系统和全面地整合和分析多源基因芯片数据,以识别可靠的生物学标记物,揭示疾病的分子机制,并为临床...

    MR行业跟踪报告:Horizon OS对标安卓,Meta构建新蓝图.pdf

    - **系统特点**:Meta Horizon OS基于Android构建,能够提供诸如手势识别、视频透视、场景理解等功能,并支持空间锚点技术。此外,它还能够访问Meta Horizon Store中的丰富内容资源。 #### 二、Meta Horizon OS 对...

Global site tag (gtag.js) - Google Analytics