html网页中的Meta标签

Published on Wednesday, November 28th, 2007 7:52 am GMT
Category: Programming

对于网页的Meta标签，是一个SEO话题，也属于网页制作的基础。如果SEO优化满分为3分的话，那么Meta标签可以得1分的样子。最近, 总统博客要我给他客窜写一篇文章，看了他的以及好多博客的一些文章，发现都没有人提及这个最基础的话题。我想借着最近Google更新Meta标签，我来详细说一下这个Meta标签在搜索引擎中的优化作用和用法。

Meta标签位于<head> 和 </head>的中间，功能强大，可以用于设定网页的语言；刷新网页时间；网页有效期限；网页关键词；网页简介；Robots索引；网页作者；版权信息….等等。网页制作者是通过了Meta标签，来告诉搜索引擎关于网页的一系列信息，通过有效的Meta标签设计，我们可以大大增强搜索引擎收录的信息，过滤没用信息等等。对于我建立网站一来，第一天，建立网页；并且立即提交搜索引擎，差不多在当天Google等优秀搜索引擎就能收录首页。随后几天，我通过建立其它页面，并且给站点定位，设定相关关键词，简介等等，就添加到Meta标签中去了。紧接着建立并且倒入我的博客日志，建立并且提交搜索引擎我站点的SiteMaps。对于一个新站点来说，几乎1周时间Google就已经能够包含你站点的所有信息和页面了(当然视站点内容多少而定) 以后，随着你的网站浏览量，以及被别人连接的数量等等，Google会提高对你站点的重视程度。上面就是Meta标签的大概介绍和本人建站的顺序，下面我来详细说一下Meta标签的用法：

首先就是Google最新增加的Meta标签：unavailable_after
对于Meta标签，不是经常更新的，所以初级用户在这里不必担心；同时也没有规定哪些标签你一定要使用，你可以根据自己需要添加于自己站点相关的标签。比如这个“unavailable_after”标签就是一个比较冷门的标签。这是Google在前几天在SEMNE (中文:搜索引擎的抓取系统) 上宣布的新标签。
- 标签名称: unavailable_after
- 功能: 通过标签设定，用于告诉搜索引擎在某个时间/日起之后无需抓取该页面
- 事例: 最近大学学校招生的网页，可以通过该标签设定招生结束日期，在该日期之后，该网页已经没有必要再索引了。
- 用法: <META name=”revisit-after” Content=”Wed, 14 Nov 2007 09:51:57 GMT”>
- 用法注释: 在2007年11月14日的上午9点51分57秒后，该网页无需抓取

标签名称: Content-Type
- 功能: 设定网页使用的字符类型，浏览器通过该设定自动显示相应字符类型
- 用法: <Meta http-equiv=”Content-Type” Content=”text/html; Charset=gb2312″>
- 用法注释: 设定网页类型-text/html，并且使用GB2312的文字类型 (GB2312指: 国标汉字码)
- Content-Type类别：text/html; text/xml; text/javascript; text/css; ….
- Charset类别：GB2312; ISO-8859-1; ISO-2022-JP; BIG5; UTF-8; SHIFT-Jis; Euc; Koi8-2; us-ascii,; x-mac-roman; iso-8859-2; x-mac-ce; iso-2022-jp; x-sjis; x-euc-jp; euc-kr; iso-2022-kr; gb2312; gb_2312-80; x-euc-tw; x-cns11643-1; ….

标签名称: Content-Language
- 功能: 设定网页使用的语言，浏览器通过该设定自动显示相应字符类型
- 用法: <Meta http-equiv=”Content-Language” Content=”zh-CN”>
- 用法注释: 设定网页使用简体中文
- Content-Language类别： en-GB; zh-CN; zh-TW; FR; DE; IT; KA; MN; LA; SU;….

标签名称: Refresh
- 功能: 设定网页自动刷新时间，这个让我想起Google中文官方帮助中曾经有一个网页只要你打开它就不断刷新的” 故障” ，其实就是这个出了问题，如果没有特殊必要请不要这么做。这会让访客觉得反感，特别是网速慢的朋友。
- 用法: <Meta http-equiv=”Refresh” Content=”60″>
- 用法注释: 设定网页在1分钟后自动刷新
- 高级用法: <Meta http-equiv=”Refresh” Content=”60; Url= http://blog.JooIT.com”>
- 高级用法注释: 设定网页在1分钟后页面自动跳转到JooIT的博客

标签名称: Expires
- 功能: 设定该网页在操作系统的网页缓存中的过期时间。通常浏览网页浏览器会读取缓存中的相同文件以加快网页加载速度；同时也可减轻服务器负载。如果你的博客/站点页面会经常更新，可以通过这个选项设定，一旦网页过期，访客就必须到服务器上重新调阅。
  说道这个，让我想起WordPress有个插件叫做：wp-cache，原理与之相反。就是让用户直接读取缓存的内容，不要加载服务器信息以减轻热门博客的服务器负载。
- 用法: <Meta http-equiv=”Expires” Content=”0″>
- 用法注释: 设定网页不要缓存，直接读取服务器信息。通过设定数字来表示多少时间后过期
- 高级用法: <Meta http-equiv=”Expires” Content=”Wed, 14 Nov 2007 09:51:57 GMT”>
- 高级用法注释: 设定网页在某个特定时间后过期，这里指：该网页在2007年11月14日的上午9点51分57秒过期。
- 使用建议: 这则命令不建议使用，用的不好效果会适得其反。

标签名称: Pragma
- 功能: 这个功能同上面的Expires有点关联，它用于禁止浏览器从本地机的缓存中调阅页面内容。
- 用法: <Meta http-equiv=”Pragma” Content=”No-cach”>
- 用法注释: 固定用法，设定浏览器只能从服务器读取网页
- 使用建议: 这则命令不建议使用。这则命令看上去与Expires有点类似，甚至可以不要。不过命令特殊之处在于：网页不会保存在计算机操作系统的缓存中，每次访问都必须刷新页面，当浏览器关闭后，访客将无法脱机浏览。这也是有些网页为什么我们在浏览历史中无法使用的原因，虽然不建议这么做，但这个方法却可以为网站增加浏览量，可以说有好有坏。

标签名称: Set-Cookie
- 功能: 如上面说的，操作系统浏览器访问所有站点页面时，默认会将网页的所有文件储存在系统缓存中 (如:Temporary Internet Files) ，当用户下次再次访问时，遇到相同页面部分内容就会从缓存中读取，以提高网页加载速度。通过该命令的配置，可以设定网页过期时间，当过期时间一到，那么系统的cookie将被删除。
- 用法: <META HTTP-EQUIV=”Set-Cookie” CONTENT=”cookievalue=xxx;expires=Wednesday, 21-Oct-2007 16:14:21 GMT; path=/”>
- 用法注释: 固定用法，需要使用时修改时间即可，必须使用GMT的时间格式。
- 使用建议: 这则命令不推荐使用。特别是，网页中加入计数器图标；广告图片；如：51la，Adsense推介等
  –不要使用。ASP站点，由于本来就是动态网页，更没必要这么做，应该禁用缓存命令。而通常HTML文件也没有必要禁用缓存。

标签名称: Window-target
- 功能: 设定强制页面在当前窗口以独立页面显示。目的用于来防止别人在框架里调用你的页面。
- 用法: <Meta http-equiv=”Widow-target” Content=”_top”>
  或者：<Meta http-equiv=”Window-target: _top”>
- Window-target类别： _blank、_top、_self、_parent。

目前，讲述了不少Meta标签针对操作系统，或者可以说是针对浏览器的特定用法和Google新增加的Meta标签用法，其实还有很多，当然都不是常用的，通过上述的介绍大家也差不多会举一反三了。第二部分将讲述SEO相关的标签。

第一部分介绍的是：一个Google新增的标签和“http-equiv” 相关设定，用法就是：<Meta http-equiv=” 标签类型/算法” Content=”变量/内容设定″> ，他们针对的是计算机浏览器的效果；今天介绍的是：“Name” 相关设定，用法就是：<Meta Name=”标签类型/算法” Content=”变量/内容设定”>。这部分于第一部分项比较更为重要！因为通过这里的，我们才能让搜索引擎知道我们网站/网页的相关信息，这边的信息可以直接影响Google，百度等搜索中你站点的显示结果。

标签名称: Keywords
- 功能: 用于设定网页的关键词，当搜索者搜索相关词的时候显示你站点的信息。在这边，我们可以设定多个关键词，合适的关键词可以大大增加网站访问量。
- 用法: <Meta name=”Kyewords” Content=”技术,搜索,搜索引擎,博客,网志,部落阁,互联网,”>
- 用法注释: 比如你是一个以电脑或IT相关为主的博客，可以根据自己需要设定，以逗号来分隔。(注意：千万要转换成英文输入法的”,” 而不是中文的“，”，对于搜索引擎来说不认识中文的逗号)
- 高级用法: <Meta name=”Kyewords” Lang=”EN” Content=”Jason,Jason’s Blog, Blog, JooIT, IT,Search”>
  <Meta name=”Kyewords” Lang=”zh-CN” Content=”搜索,搜索引擎,域名,博客,网志,部落阁,互联网,”>
- 高级用法注释: 我们还可以通过语言设定关键词。
- Lang的类别：除了常用的简体中文的Zh-CN；繁体的Zh-TW；英文的EN，我们还可以使用DE; IT; KA; MN; LA; SU;…. 等其他国家/地区的语言设定。
- 工具介绍: 关于关键词，特别是博客来言，最好为每篇文章设定不同关键词，因为你每天写的话题可能大不相同，这里我们WordPress的用户可以通过使用SEO Pack的插件来轻松为自己每篇文章设定关键词了，如果你已经使用了，那么你看了这篇文章，再去看看自己网页源代码，你会恍然大悟！
- 使用建议: 务必使用。

标签名称: Description
- 功能: 用于设定网页的描述信息。当Google等搜索引擎显示你站点的时候，在标题下方显示的就是站点描述信息，你可尝试搜索本站JooIT看看Google显示的效果。
- 用法: <Meta name=”Description” Content=”JasonIT的个人主页”>
- 用法注释: 在功能上说的很清楚了，如果是用这句话，Google会在搜索结果中显示该网页是：JasonIT的个人主页。
- 使用建议: 务必使用。

标签名称: Robots
- 功能: 用于告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。搜索机器人，适用于Google，百度等其他众多搜索引擎。
- 用法: <Meta name=”Robots” Content=”All”>
- 用法注释: 让搜索机器人索引整个站点
- Content的类别：all、none、index、noindex、follow、nofollow
  - all：文件将被检索，且页面上的链接可以被查询；
  - none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow” 起相同作用)
  - index：文件将被检索；（让robot/spider登录）
  - follow：页面上的链接可以被查询；
  - noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
  - nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
- 高级用法: 除了Meta标签我们还可以为自己站点建立robots.txt文件为不同目录设定不同参数，对于robots.txt得设定，请务必阅读过相应文档，并且参照标准格式进行编辑。这边我可以介绍Google.com的robots.txt文件给大家参照；(好多次Google在新服务未正式公布前，通过该文件我们透露了不少服务，并且抢先试用了一番。)另外，我还要介绍百度的robots.txt适用方法介绍在这里可以学到不少相关知识。
- 使用建议: 建议使用robots.txt。

标签名称: Author
- 功能: 通过设定告诉大家网站/网页的作者是谁，大站点可以是一个工作小组。
- 用法: <Meta name=”Author” Content=”JasonIT, Email@domain.com” >
- 用法注释: 网站作者是JasonIT，邮箱是….(假的)
- 使用建议: 可选，这边的设定不会被搜索引擎收录，也就不会影响你的搜索结果，如果你觉得网页中有自己名字很酷的话….加上它

标签名称: Copyright
- 功能: 不同的站点版权信息都不一样，通过设定告诉别人版权信息。
- 用法: <Meta name=”Copyright” Content=”本页版权归Jason所有。All Rights Reserved”>
- 用法注释: 网站网站版权归Jason所有
- Content 类别: Content后面可以是年份，中文，或者英文；也可以是All Rights Reserved或者Some Rights Reserved，选择性很多
- 使用建议: 可选

标签名称: Generator
- 功能: 通过设定告诉大家网站/网页通过哪个编辑器制作出来的
- 用法: <Meta name=”Generator” Content=”FrontPage”>
- 用法注释: 网站适用微软早先Office产品：FrontPage制作
- Content 类别: Content后面加上编辑器名称如：Dreamweaver，WordPress都可以，我看到有些朋友还把自己WordPress的版本号加在里面
- 使用建议: 可选

通过介绍常用的也差不多都介绍了，还是我说的举一反三最重要，通过这些介绍可以我们将来自己设定更多的Meta标签信息，那么你如何得知还有哪些Meta标签呢？我来介绍一个Meta标签网站给大家，是英文的但是介绍的很简单，还有范例：Vancouver Webpages ，这是一个标准的Meta文档，详细记录了所有的Meta标签名称和类别等。

除了自己学会使用之外，我们还可以通过某些作弊方法来提高自己的Meta标签效果，比如：“借鉴”：查找同类站点，在Google，百度， Alexa排名靠前的站点Meta标签….选择最新的网络词汇，最新的名词，等等，都可以增强效果。当然作弊方法就不多说了，最后希望大家重视Meta标签（转自：jooit.com）

评论功能关闭。

html网页中的Meta标签

上一篇：国外其他PHP交友程序源码站点
下一篇：英国宠物交友网站火爆

Trackback