Meta标签是我们做网站经常使用的一个辅助性标签,其主要作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!

Meta标签共有两个属性,它们分别是http-equiv属性和name属性。

http-equiv属性

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

语法格式

<meta http-equiv="参数" content="参数变量值">;
  1. <meta http-equiv=”content-type” content=”text/html; charset=UTF-8″> 规定文档的字符编码;
  2. <meta http-equiv=”content-language” content=”zh-CN”> 用以说明主页制作所使用的文字以及语言;
  3. <meta http-equiv=”refresh” content=”n;url=http://yourlink”> 定时让网页在指定的时间n秒内跳转到页面http://yourlink;
  4. <meta http-equiv=”expires” content=”Mon,12 May 2001 00:20:00 GMT”> 可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
  5. <meta http-equiv=”pragma” content=”no-cache”> 是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
  6. <meta http-equiv=”set-cookie” content=”Mon,12 May 2001 00:20:00 GMT”> cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
  7. <meta http-equiv=”pics-label” content=””> 网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
  8. <meta http-equiv=”windows-target” content=”_top”> 强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
  9. <meta http-equiv=”page-enter” content=”revealTrans(duration=10,transtion= 50)”>和<meta http-equiv=”Page-Exit” contect=”revealTrans(duration=20,transtion=6)”> 设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

语法格式

<meta name="参数" content="参数变量值">

其中name属性主要有以下几种参数:

A、Keywords(关键字)

说明:keywords用来告诉搜索引擎你网页的关键字是什么。

举例:

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

B、description(网站内容描述)

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

举例:

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

C、robots(索引机器人)
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all、none、index、noindex、follow、nofollow。默认是all。

举例:

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

具体参数如下:

信息参数为all:文件将被检索,且页面上的链接可以被查询;

信息参数为none:文件将不被检索,且页面上的链接不可以被查询;

信息参数为index:文件将被检索;

信息参数为follow:页面上的链接可以被查询;

信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;

信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;

D、author(作者)

说明:标注网页的作者

举例:

<meta name="author" content="许小珂">

E、generator

meta标签的generator的信息参数,代表说明网站的采用的什么软件制作。
举例:

<meta name="generator" content="信息参数"/>

F、copyright

meta标签的copyright的信息参数,代表说明网站版权信息。

举例:

<meta name="copyright" content="信息参数">

G、revisit-after

revisit-after代表网站重访,7days代表7天,依此类推。
举例:

<meta name="revisit-after" content="7days">

当然还有一种新的Meta Property=og标签,此标签是什么呢?请参阅这篇文章:什么是OG协议?Meta Property=og标签是什么呢?

优推网专注于WordPress外贸建站、WordPress企业建站和分享谷歌SEO排名技巧、Google优化心得、谷歌seo优化技巧和外贸采集站推广的知识,帮助企业通过谷歌SEO推广打开海外市场。
优推网 » HTMl中Meta标签详解

发表评论