`
把阳光剪成雨Java
  • 浏览: 25393 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

站点META标签常用写法介绍

阅读更多

站点META标签常用写法介绍

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

一、HTTP-EQUIV

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

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

用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"><Meta http-equiv="Content-Language" Content="zh-CN">

设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-2022-jp,韩文的是ks_c_5601等。

2Refresh (刷新)

用法:<Meta http-equiv="Refresh" Content="30"><Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net">

切记:有时候,刷新之后没有跳转到预想的页面。很可能的原因就是忘记写"URL="了

让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。


3Expires (期限)

用法:<Meta http-equiv="Expires" Content="0"><Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。注意:必须使用GMT的时间格式。

4Pragma (cach模式)

用法:<Meta http-equiv="Pragma" Content="No-cach">

网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。

5Set-Cookie (cookie设定)

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">

浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。

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

用法:<Meta http-equiv="Widow-target" Content="_top">

强制页面在当前窗口以独立页面显示。这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank_top_self_parent

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

用法:<META http-equiv="Pics-label" Contect="(PICS1.1'http://www.bazhan.net' I gen comment 'RSACi North America Sever' by

'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:210500' r(n0 s0 v0 l0))">

IEInternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。

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

用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

这个是页面被载入和调出时的一些特效。注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: Duration 表示滤镜特效的持续时间(单位:秒)Transition 滤镜类型。表示使用哪种特效,取值为0-23

0 矩形缩小  1 矩形扩大  2 圆形缩小  3 圆形扩大  4 下到上刷新  5 上到下刷新  6 左到右刷新  7 右到左刷新  8 竖百叶窗  9 横百叶窗  10 错位横百叶窗  11 错位竖百叶窗  12 点扩散  13 左右到中间刷新  14 中间到左右刷新  15 中间到上下  16 上下到中间  17 右下到左上  18 右上到左下  19 左上到右下  20 左下到右上  21 横条  22 竖条  23 以上22种随机选择一种

9IE6 (页面生成器)

用法:<Meta http-equiv="IE6" Content="Generator">

页面生成器generator,是ie6

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

用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">

注意:这是近来W3C的规范,指明页面中脚本的类型。

二、NAME变量

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

11Keywords (关键字)

用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4">

为搜索引擎提供的关键字列表。注意:各关键词间用英文半角逗号“,”隔开。关键词数量最好保持在5个以内,关键词要和页面内容相关。

12Description (简介)

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

Description用来告诉搜索引擎你的网站或该页面的主要内容,描述内容要和页面内容相关,字数在150个字以内。

13Robots (机器人向导)

用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有allnoneindexnoindexfollownofollow。默认是all
   
all
:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;( "noindex, no follow" 起相同作用)index:文件将被检索;(让robot/spider登录);follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

14Author (作者)

用法:<Meta name="Author" Content="毅衡,5@163.com">

标注网页的作者或制作组。Content可以是:你或你的制作组的名字或Email

15Copyright (版权)

用法:<Meta name="Copyright" Content="本页版权归毅衡所有。All Rights Reserved icediary">

标注版权。

16Generator (编辑器)

用法:<Meta name="Generator" Content="PCDATA|FrontPage|">

编辑器的说明。

17revisit-after (重访)

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

一般用做引导搜索引擎重新访问你的站点的时间间隔,一般使用days

三、META常用举例:

<META http-equiv=Content-Type content="text/html; charset=gb2312">
//
设定页面语言为简体中文
<META content="
关键字" name="keywords">
//
设定关键字
<META content="
内容描述" name="description">
//
设定描述
<META http-equiv="Refresh" Content="30">
//
设定该页面30秒自动刷新
<META name="robots" content="index, follow" />
//
设定允许搜索引擎可以检索,页面上链接可以查询
<META name="googlebot" content="index, follow" />
//
针对google的搜索机器人设定允许搜索引擎可以检索,页面上链接可以查询
<META name="Author" Content="
毅衡">
//
页面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//
页面版权
<META name="revisit-after" CONTENT="1 days" >
//
设定回访为1

 

 

分享到:
评论

相关推荐

    Nuxt页面自定义meta标签和asyncData异步请求

    一、页面自定义meta标签 可以为每个页面单独设置不同的meta标签 以便于SEO 全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部标签内进行配置即可 值得注意的是:hid属性是页面的唯一标识 若想...

    WebApp里的Meta标签大全

    本文将详细介绍WebApp中常用的`&lt;meta&gt;`标签及其应用场景,帮助前端开发者更好地理解并运用这些标签。 #### 二、Viewport Meta标签 `&lt;meta name="viewport" content="..."&gt;` 是WebApp中最关键的元标签之一,主要用于...

    Meta标签详解

    ### Meta标签详解 #### 一、Meta标签简介与作用 Meta标签是HTML语言中的一个辅助性标签,位于HTML文档头部的`&lt;HEAD&gt;`区域,并在`&lt;TITLE&gt;`标签之前。虽然用户在浏览网页时无法直接看到这些信息,但对于网页的SEO...

    网页优化meta标签使用方法及规则中文WORD版

    资源名称:网页优化meta标签使用方法及规则 中文WORD版   本文档主要讲述的是网页优化meta标签使用方法及规则;meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同...

    meta标签详解meta标签详解

    用法:&lt;Meta name="Description" Content="这是一个关于 meta 标签的详细介绍"&gt; meta 标签对搜索引擎优化,页面显示,缓存控制等方面都有着重要的影响。因此,对 meta 标签的理解和合理使用是建设一个优秀的个人...

    搜索引擎和 HTML Meta 标签(Meta Tags)

    搜索引擎和 HTML Meta 标签(Meta Tags)

    网页头部标签meta详解

    网页头部标签meta详解 Meta标签是HTML文档头部的一个重要组成部分,它提供了关于当前网页的Metadata信息,帮助搜索引擎和浏览器更好地理解和处理网页内容。Meta标签主要有两个属性:name属性和http-equiv属性。 ...

    最新版本的关键词排名查询工具!!(附自己写的META标签生成器(HTML版))!

    1. **&lt;meta name="description"&gt;**:描述标签,简要介绍网页内容,常用于搜索结果摘要。 2. **&lt;meta name="keywords"&gt;**:关键词标签,列出与页面内容相关的关键词,但现在对SEO影响较小。 3. **&lt;meta name="author...

    meta标签的作用及整理.html

    meta标签的作用及整理

    meta标签中的

    #### 二、Meta标签的常用属性 1. **name属性** - **Keywords (关键词)**:指定了页面的关键字或短语列表,这有助于搜索引擎理解页面的主题。 ```html &lt;meta name="Keywords" content="science, education, ...

    html语言meta标签解析及SEO优化

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

    HTML中meta标签及Keywords

    关键字 meta(标签)及 Keywords(关键词),曾经在网页中很重要的,但现在已经被很多搜索引擎完全忽略。但是,如果加上这个标签也对网页的综合表现没有坏处,不过,如果使用不恰当的话,对网页非但没有好处,还有...

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

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

    html meta标签使用方法

    通过上述介绍可以看出,`&lt;meta&gt;`标签具有多种功能,可以实现以下操作: 1. **搜索引擎优化**:通过`Keywords`和`Description`属性可以提高网站在搜索引擎中的排名。 2. **页面控制**:使用`Refresh`属性可以让页面...

    META标签使用详解

    ### META标签使用详解 #### 一、概述 META标签是一种重要的HTML元素,用于提供关于HTML文档的元数据信息。这些信息对于浏览器来说至关重要,能够帮助浏览器更好地解析网页内容,并为用户提供更佳的浏览体验。根据...

    网页HTML代码中Meta标签详解.pdf

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

    实例讲解HTML5的meta标签的一些应用

    HTML5的meta标签是网页元数据的重要组成部分,用于提供关于HTML文档的各种信息,如字符编码、页面描述、关键词、作者、最后修订日期等。在HTML5中,meta标签的使用方式相比HTML4.01有所变化,使得其更加简洁且功能...

Global site tag (gtag.js) - Google Analytics