Meta 标签与追寻引擎优化
2016/01/08 · HTML5 ·
Meta
原稿出处:
静子(@静-如秋叶)
当谈及到<meta>
标签对寻找引擎名次的熏陶,很四人都留存误会。在过去,许多一度错过意义的标签照旧被一再利用。所以什么标签对寻找引擎优化(SEO)有功能,哪些没有啊?
Meta标签详解,在网上转的,希望对大家有用
Meta标签有七个标签(<meta name=”description” content=””><meta
name=”keywords”
content=””>)总会用到,但Meta标签不仅仅唯有那两个,那么常用用Meta标签有啥样,以及Meta标签所对应的机能又是怎么,上面就给大家介绍下Meta标签。
常用HTML meta 标签属性(网站包容与优化内需),meta标签
标签提供有关HTML文档的元数据。元数据不会来得在页面上,不过对于机械是可读的。它可用来浏览器(怎么着显示内容或重新加载页面),搜索引擎(关键词),或其余web 服务
原稿地址:
概要
标签提供关于HTML文档的元数据。元数据不会来得在页面上,可是对于机器是可读的。它可用于浏览器(怎么样显示内容或另行加载页面),搜索引擎(关键词),或其它web 服务。 —— W3School
必备属性
属性 | 值 | 描述 |
---|---|---|
content | some text | 定义与http-equiv或name属性相关的元信息 |
可选属性
属性 | 值 | 描述 |
---|---|---|
http-equiv | content-type / expire / refresh / set-cookie | 把content属性关联到HTTP头部。 |
name | author / description / keywords / generator / revised / others | 把 content 属性关联到一个名称。 |
content | some text | 定义用于翻译 content 属性值的格式。 |
SEO优化
参照文档
页面关键词,每个网页应持有描述该网页内容的一组唯一的紧要字。
利用人们唯恐会招来,并精确描述网页上所提供新闻的描述性和代表性关键字及短语。标记内容太短,则搜索引擎可能不会以为那个情节有关。其它标记不应超过874 个字符。
代码如下:
<meta name=”keywords” content=”your tags” />
页面描述,每个网页都应有一个不领先 150
个字符且能精确反映网页内容的讲述标签。
代码如下:
<meta name=”description” content=”150 words” />
摸索引擎索引方式,robotterms是一组利用逗号(,)分割的值,日常有如下两种取值:none,noindex,nofollow,all,index和follow。确保正确运用nofollow和noindex属性值。
代码如下:
<meta name=”robots” content=”index,follow” />
<!–
all:文件将被搜寻,且页面上的链接可以被询问;
none:文件将不被搜寻,且页面上的链接不可以被询问;
index:文件将被寻找;
follow:页面上的链接可以被询问;
noindex:文件将不被寻找;
nofollow:页面上的链接不可以被询问。
–>
页面重定向和刷新:content内的数字代表时间(秒),既多少日子后刷新。如若加url,则会重定向到指定网页(搜索引擎可以自动检测,也很简单被引擎视作误导而面临惩罚)。
代码如下:
<meta http-equiv=”refresh” content=”0;url=” />
其他
代码如下:
<meta name=”author” content=”author name” /> <!– 定义网页作者–>
<meta name=”google” content=”index,follow” />
<meta name=”googlebot” content=”index,follow” />
<meta name=”verify” content=”index,follow” />
**移动设备
**viewport:能优化移动浏览器的显得。假若不是响应式网站,不要使用initial-scale或者剥夺缩放。
半数以上4.7-5寸设备的viewport宽设为360px;5.5寸设备设为400px;iphone6设为375px;ipone6
plus设为414px。
代码如下:
<meta name=”viewport” content=”width=device-width,
initial-scale=1.0,maximum-scale=1.0, user-scalable=no”/>
<!– `width=device-width` 会导致 摩托罗拉 5 添加到主屏后以 WebApp
全屏格局打开页面时出现黑边 –>
1.width:宽度(数值 / device-width)(范围从200 到10,000,默认为980
像素)
2.height:高度(数值 / device-height)(范围从223 到10,000)
3.initial-scale:开端的缩放比例 (范围从>0 到10)
4.minimum-scale:允许用户缩放到的矮小比例
5.maximum-scale:允许用户缩放到的最大比重
6.user-scalable:用户是还是不是足以手动缩 (no,yes)
7.minimal-ui:可以在页面加载时最小化上下状态栏。(已弃用)
只顾,很多少人选拔initial-scale=1到非响应式网站上,这会让网站以100%宽度渲染,用户要求手动移动页面或者缩放。假如和initial-scale=1同时选取user-scalable=no或maximum-scale=1,则用户将不可以放手/减弱网页来探望所有的情节。
WebApp全屏格局:伪装app,离线应用。
代码如下:
<meta name=”apple-mobile-web-app-capable” content=”yes” /> <!–
启用 WebApp 全屏模式 –>
隐藏状态栏/设置意况栏颜色:唯有在打开WebApp全屏格局时才生效。content的值为default
| black | black-translucent 。
代码如下:
<meta name=”apple-mobile-web-app-status-bar-style”
content=”black-translucent” />
累加到主屏后的标题
代码如下:
<meta name=”apple-mobile-web-app-title” content=”标题”>
大意数字自动识别为电话号码
代码如下:
<meta content=”telephone=no” name=”format-detection” />
不经意识别邮箱
代码如下:
<meta content=”email=no” name=”format-detection” />
累加智能 App 广告条 Smart App
Banner:告诉浏览器这么些网站对应的app,并在页面上出示下载banner(如下图)。参考文档
代码如下:
<meta name=”apple-itunes-app” content=”app-id=myAppStoreID,
affiliate-data=myAffiliateData, app-argument=myURL”>
别的 参考文档
XML/HTML Code复制内容到剪贴板
- <!– 针对手持设备优化,首假若针对性有些老的不识别viewport的浏览器,比如中兴 –>
- <meta name=”HandheldFriendly” content=”true”>
- <!– 微软的老一套浏览器 –>
- <meta name=”MobileOptimized” content=”320″>
- <!– uc强制竖屏 –>
- <meta name=”screen-orientation” content=”portrait”>
- <!– QQ强制竖屏 –>
- <meta name=”x5-orientation” content=”portrait”>
- <!– UC强制全屏 –>
- <meta name=”full-screen” content=”yes”>
- <!– QQ强制全屏 –>
- <meta name=”x5-fullscreen” content=”true”>
- <!– UC应用形式 –>
- <meta name=”browsermode” content=”application”>
- <!– QQ应用格局 –>
- <meta name=”x5-page-mode” content=”app”>
- <!– windows phone 点击无高光 –>
- <meta name=”msapplication-tap-highlight” content=”no”>
网页相关
什么是Meta标签
Meta标签给寻找引擎提供了众多关于网页的新闻。那些音信都是标签与寻找引擎优化,标签属性。含蓄信息,意味着对于网页自身的访问者是不可知的。
你可以在网页的 <head>
要素中发觉<meta>
标签。在过去,有人已经问我它是还是不是可以置身网页的<body>
,最好不要这么做。假使<meta>
标签被放在<body>
地点,某些浏览器可能无法辨别它们,也就一定于您成立了没用的竹签。
一般情形下,<meta>
标签会包罗一个name
品质,用来安装元数据。元数据的值放在content
质量之中。你可以在<meta>
标签中行使各类名目/值对,让我们来探视其中的一些。
您的村办网站就是做得再美好,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人察觉,怎样加大
个人网站,人们首先想到的办法无外乎以下三种:
● 在寻觅引擎中登录自己的个人网站
注意:<meta> 标签永远位于 head
元素内部;<meta>标签有三个属性name和http-equiv。
剔除默许的苹果工具栏和菜单栏
<meta name=”apple-mobile-web-app-capable” content=”yes” />
这meta的效用就是去除默许的苹果工具栏和菜单栏。content有七个值”yes”和”no”,当我们须求体现工具栏和菜单栏时,那么些行meta就不要加了,默许就是显示。
声明编码
代码如下:
<meta charset=’utf-8′ />
优先选拔 IE 最新版本和 Chrome
代码如下:
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<!– 关于X-UA-Compatible –>
<meta http-equiv=”X-UA-Compatible” content=”IE=6″ ><!– 使用IE6
–>
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ ><!– 使用IE7
–>
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ ><!– 使用IE8
–>
浏览器内核控制:国内浏览器很多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核包容网页和旧版网站。而添加meta标签的网站能够操纵浏览器选拔何种内核渲染。参考文档
代码如下:
<meta name=”renderer” content=”webkit|ie-comp|ie-stand”>
境内双核浏览器默许内核情势如下:
- 搜狗高速浏览器、QQ浏览器:IE内核(包容格局)
- 360极速浏览器、遨游浏览器:Webkit内核(极速情势)
禁绝浏览器从地方电脑的缓存中走访页面内容:那样设定,访问者将无法脱机浏览。
代码如下:
<meta http-equiv=”Pragma” content=”no-cache”>
Windows 8
代码如下:
<meta name=”msapplication-TileColor” content=”#000″/> <!–
Windows 8 磁贴颜色 –>
<meta name=”msapplication-TileImage” content=”icon.png”/> <!–
Windows 8 磁贴图标 –>
站点适配:主要用来PC-手机页的对应关系。
代码如下:
<meta name=”mobile-agent”content=”format=[wml|xhtml|html5];
url=url”>
<!–
[wml|xhtml|html5]基于手机页的商事语言,选择其中一种;
url=”url” 后者代表当前PC页所对应的手机页URL,两者必须是各样对应提到。
–>
转码评释:用百度开辟网页可能会对其展开转码(比如贴广告),避免转码可添加如下meta
代码如下:
<meta http-equiv=”Cache-Control” content=”no-siteapp” />
您可以会遇上有的Meta标签
让大家运行一下在一个网页中发现的几个例外的 <meta>
标签。
在出名网站参与你个人网站的链接
name属性
我们见得最多的name属性就是keywords和descripion了,除了那三个最常用的属性外name属性还有任何一些品质。
Meta Description
Meta
description标签或者是最得力的价签之一。顾名思义,它会给寻找引擎提供关于那么些网页的粗略的叙说。代码如下:
JavaScript
<meta name=”description” content=”Everything you need to know about
meta tags for search engine optimization”/>
1
|
<meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/>
|
以此标签曾经在寻找排名中占有很大的权重,但随着算法的不停的更新提高,它的地方也逐步下滑。它即便不会增强网站排行,但是,因为它会被用在追寻引擎的结果页,所以照旧有效。
那也就表示它依然可以狠抓你的网页点击率。毕竟,当用户搜索的首要词与之相匹配时,会以粗体突显优良显示。那就是干吗一个好的页面说明(利用重大字的)
可以突显越来越多与用户相关的信息,进而进步了点击率。推荐的description
长度为160
个字符。
但是一旦您未曾行使description
标签或者description
标签为空时,会生出什么样啊?搜索引擎仍会在寻找结果页突显出团结创键的一小段文字。半数以上的结果都不是用户要求的,也就代表你将错过用户点击网页的空子。
在论坛中发帖子宣传你的个体网站
1、name=”viewport”
证实:在活动设备浏览器上,通过为视口(viewport)设置 meta 属性为
user-scalable=no
可以禁用其缩放(zooming)作用。那样禁用缩放效能后,用户只能滚动显示器,就能让你的网站看上去更像原生应用的觉得。注意,那种艺术大家并不引进所有网站选拔,照旧要看你协调的动静而定!
Meta Robots
咱俩在事先的教程中曾经接触过Meta
robots标签。假使您从未机会回到阅读它,那里有一段简短的介绍:
Meta
robots标签管理着寻找引擎是还是不是足以进去网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对您的网页存档。例如:
JavaScript
<meta name=”robots” content=”noindex, nofollow” />
1
|
<meta name=”robots” content=”noindex, nofollow” />
|
这个 meta
标签告诉搜索引擎不要获取网页,并且阻止其跻身链接。即使你不小心使用了八个冲突的术语
(例如noindex
和index
),谷歌会选拔最具限制性的选项。
缘何这几个标签会对寻找引擎优化(SEO)起功能呢?首先,它可以预防对拷贝内容的冗余抓取,例如页面的打印版页面。它也可能会对那个内容不完整的页面或者而留存私密新闻的网页起功用。
很两个人却不经意了HTML标签META的精锐成效,一个好的META标签设计能够大大提升你的私家网站被寻找到的可能性,有趣味呢,什么人我来重新认识一下META标签吗!
用法:<meta name=”viewport” content=”width=device-width,
initial-scale=1, maximum-scale=1, user-scalable=no”>
Title
正式的讲,title
标签不是meta
标签,但他俩都位居同等地点。我所以把title
标签放在这里是因为它对寻找引擎优化很要紧。
在具备的HTML文档中,title
标签都是不行缺失的。它定义了一切文档的标题,如下所示:
JavaScript
<title>Title of the page</title>
1
|
<title>Title of the page</title>
|
简短而实用。标题寻常会显示在八个不等的地点;浏览器的底部标签和摸索结果页。那就代表title标签在点击率(CTR)和名次上有很紧要的震慑。
一个好的标题应该包蕴关键字,而且最好放在标题的初阶部分。请记住,那么些匹配到用户搜索的要紧字会以粗体突显。
另一件你应该牢记在心的政工就是标题的尺寸。谷歌(谷歌(Google))会限制标题为70个字符,所以有时你可能须要书写一个得体的标题。
Dan Shure公布过一篇很科学的关于标题的稿子,叫are your titles
irresistibly click worthy and
viral?,包括了无数幽默的知识点。
META标签是HTML语言HEAD区的一个支持性标签,它身处HTML文档尾部的<HEAD>标记和<TITLE>标记之间,它提供用户不可知的音信。meta标签常常用来为寻找引擎robots定义页面焦点,或者是概念用户浏览器上的cookie;它可以用来鉴别作者,设定页面格式,标注内容提要和紧要性字;仍可以设置页面使其得以按照你定义的时间距离刷新自己,以及安装RASC内容等级,等等。
2、name=”description”
证实:那里是网页的讲述,是给寻找引擎看的,搜索引擎根据这些描述举行录取名次,一般是网页内的第一字。
别的一些Meta标签
教师了部分常用的meta
标签,下边让大家来看有些不常常应用的。
详细介绍
用法:<meta name=”description” content=””>
Meta Content Type (charset)
meta content
type标签被用来声称网页的字符编码,为了避免浏览器发生编码难题最好拉长那几个特性。但是它不会影响搜索名次或点击率(CTR)。
您恐怕很明白上边长长的Content-type代码:
JavaScript
<meta http-equiv=’Content-Type’ content=’Type=text/html;
charset=utf-8′>
1
|
<meta http-equiv=’Content-Type’ content=’Type=text/html; charset=utf-8′>
|
当今我们也足以动用更简便的、向后分外的宣示形式:
JavaScript
<meta charset=”utf-8″ />
1
|
<meta charset="utf-8" />
|
那一个标签应该放在其他带有文本元素的价签以前,包含大家早已讲解的title
标签。
上面介绍一些关于 标记的例证及解释。
3、name=”keywords”
阐明:keywords用来报告搜索引擎你网页的重点字是如何,换句话说就是你的网站主旨,从一定意义上的话keywords与description其实它们的效用是均等的(良好网站宗旨),但他们又有所不相同(在搜寻结果页的显得)。
Meta Keywords
以此标签在过去很重点,可是现在却没什么价值了。现在从未有过一个主流的物色引擎使用meta
keywords来判定网页的内容了。
在meta
keywords标签里面,你可以储存多少个关于网页内容的最主要字。可是,它却不会增强你的名次。即使您想要完毕它(尽管我不知情你为什么如此做)你能够用如下代码:
JavaScript
<meta name=”keywords” content=”meta tags,search engine optimization”
/>
1
|
<meta name=”keywords” content=”meta tags,search engine optimization” />
|
META标签分两大一部分:HTTP标题音信(HTTP-EQUIV)和页面描述音讯(NAME)。
用法:<meta name=”keywords” content=””>
Meta Language
以此标签以前是用来声称网页的言语的。可以告诉显示屏阅读器和别的文本处理器他们正在处理的语言以便更好的工作。那就是为啥meta
language的content表明为何能够为fr。
JavaScript
亚洲必赢官网,<meta http-equiv=”content-language” content=”fr” />
1
|
<meta http-equiv="content-language" content="fr" />
|
但那看起来是剩下的,W3C推介使用标签的特性来声称语言:
XHTML
<html lang=”en”>
1
|
<html lang="en">
|
假如那一个元素所包含内容的语言和你在<html>
要素设置的默认语言不一样时,这几个特性也能采取到别的因素上:
XHTML
<p lang=”es”>Me gusta..
1
|
<p lang="es">Me gusta..
|
★HTTP-EQUIV
4、name=”author”
证实:标注网站小编是哪个人
Notranslate
有时,谷歌(Google)在结果页面会提供一个翻译链接,但有时你不指望出现那么些链接,你可以添加那样一个meta标签:
XHTML
<meta name=”google” content=”notranslate” />
1
|
<meta name=”google” content=”notranslate” />
|
HTTP-EQUIV类似于HTTP的尾部协议,它回应给浏览器一些实用的信息,以救助科学和精确地出示网页内容。常用的HTTP-EQUIV类型有:
用法:<meta name=”author” content=”晨鸟”>
Refresh
利用那个meta
标签你可以操纵浏览器在一段时间之后自动刷新。举例表达,上边的代码表示每隔30
秒网页自动更新:
XHTML
<meta http-equiv=”refresh” content=”30”>
1
|
<meta http-equiv=”refresh” content=”30”>
|
您也可以在刷新之后跳转到别的一个页面,看看下边那个例子:
XHTML
<meta http-equiv=”refresh” content=”30;URL=’;
1
|
<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”>
|
W3C是不引进应用这一个标签的,因为它会令用户暴发迷惑。此外,它对寻找名次没有其余影响。
1、Content-Type和Content-Language (显示字符集的设定)
5、name=”copyright”
证实:标注网站的版权音信
总结
概括的说,有八个meta
标签,你应当关注一下:description
、robots
、title
(平常被视为是,但业内来讲不是).
description
标签被用来浮现更加多关于网页内容的消息,搜索引擎也会在查找引擎结果页面(SERP)使用它。robots
标签用来堵住搜索引擎获取拷贝页面、私密页面和未成功的页面。最终,最根本的title
标签,控制它在70
个字符以下,并在里面使用首要词。
keywords
标签的一世已经过去,最好不在使用它。其余部分比较重大的价签(有关搜索引擎优化):language
、content
、refresh
、nontranslate
。
表明:设定页面使用的字符集,用以声明主页制作所使用的文字已经语言,浏览器会基于此来调用相应的字符集展现page内容。
用法:<meta name=”copyright” content=”晨鸟”>
相关的meta设置
XHTML
<meta charset=”UTF-8″> <meta http-equiv=”refresh”
content=”5;url=” /> <link rel=”copyright” href=”copyright.html”
/> <meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta name=”viewport” content=”width=device-width, initial-scale=1″
/> <meta name=”description” content=”150 words” /> <meta
name=”keywords” content=”your tags” /> <!–
all:文件将被寻找,且页面上的链接可以被询问;
none:文件将不被寻找,且页面上的链接不得以被询问; index:文件将被寻找;
follow:页面上的链接可以被询问; noindex:文件将不被寻找;
nofollow:页面上的链接不得以被询问。 –> <meta name=”robots”
content=”index,follow” /> <meta name=”author” content=”author
name” /> <meta name=”google” content=”index,follow” /> <meta
name=”googlebot” content=”index,follow” /> <meta name=”verify”
content=”index,follow” /> <!– 启用 WebApp 全屏格局 –>
<meta name=”apple-mobile-web-app-capable” content=”yes” /> <!–
隐藏状态栏/设置情形栏颜色:唯有在拉开WebApp全屏方式时才生效。content的值为default
| black | black-translucent 。 –> <meta
name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”
/> <!– 添加到主屏后的标题 –> <meta
name=”apple-mobile-web-app-title” content=”标题”> <!–
忽略数字自动识别为电话号码 –> <meta content=”telephone=no”
name=”format-detection” /> <!– 忽略识别邮箱 –> <meta
content=”email=no” name=”format-detection” /> <meta
name=”apple-itunes-app” content=”app-id=myAppStoreID,
affiliate-data=myAffiliateData, app-argument=myURL” /> <!–
添加智能 App 广告条 Smart App
Banner:告诉浏览器那一个网站对应的app,并在页面上出示下载banner:
–> <!–
针对手持设备优化,首要是本着部分老的不识别viewport的浏览器,比如小米–> <meta name=”HandheldFriendly” content=”true”> <!–
微软的老一套浏览器 –> <meta name=”MobileOptimized”
content=”320″> <!– uc强制竖屏 –> <meta
name=”screen-orientation” content=”portrait”> <!– QQ强制竖屏
–> <meta name=”x5-orientation” content=”portrait”> <!–
UC强制全屏 –> <meta name=”full-screen” content=”yes”> <!–
QQ强制全屏 –> <meta name=”x5-fullscreen” content=”true”>
<!– UC应用情势 –> <meta name=”browsermode”
content=”application”> <!– QQ应用方式 –> <meta
name=”x5-page-mode” content=”app”> <!– windows phone 点击无高光
–> <meta name=”msapplication-tap-highlight” content=”no”>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=" />
<link rel="copyright" href="copyright.html" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="150 words" />
<meta name="keywords" content="your tags" />
<!–
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow:页面上的链接不可以被查询。
–>
<meta name="robots" content="index,follow" />
<meta name="author" content="author name" />
<meta name="google" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify" content="index,follow" />
<!– 启用 WebApp 全屏模式 –>
<meta name="apple-mobile-web-app-capable" content="yes" />
<!– 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 –>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!– 添加到主屏后的标题 –>
<meta name="apple-mobile-web-app-title" content="标题">
<!– 忽略数字自动识别为电话号码 –>
<meta content="telephone=no" name="format-detection" />
<!– 忽略识别邮箱 –>
<meta content="email=no" name="format-detection" />
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" />
<!– 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner:https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html –>
<!– 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 –>
<meta name="HandheldFriendly" content="true">
<!– 微软的老式浏览器 –>
<meta name="MobileOptimized" content="320">
<!– uc强制竖屏 –>
<meta name="screen-orientation" content="portrait">
<!– QQ强制竖屏 –>
<meta name="x5-orientation" content="portrait">
<!– UC强制全屏 –>
<meta name="full-screen" content="yes">
<!– QQ强制全屏 –>
<meta name="x5-fullscreen" content="true">
<!– UC应用模式 –>
<meta name="browsermode" content="application">
<!– QQ应用模式 –>
<meta name="x5-page-mode" content="app">
<!– windows phone 点击无高光 –>
<meta name="msapplication-tap-highlight" content="no">
|
1 赞 10 收藏
评论
用法:<Meta http-equiv=”Content-Type” Content=”text/html;
Charset=gb2312″> <Meta http-equiv=”Content-Language”
Content=”zh-CN”>
6、 name=”robots”
评释:robots用来报告搜索机器人怎么着页面要求索引,哪些页面不必要索引。content的参数有all,none,index,noindex,follow,nofollow。默许是all。
注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将内部的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是纵横交叉普通话Big5码。当您浏览部极度国的站点时,IE浏览器会提醒您要科学突显该页面要求下载xx语接济。那一个功效就是经过读取HTML页面META标签的Content-Type属性而得知须要动用哪一类字符集突显该页面的。如果系统里从未装相应的字符集,则IE就提示下载。别的的言语也对应不一样的charset,比如日文的字符集是“iso-2022-jp
”,希腊语的是“ks_c_5601”。
Content-Type的Content还足以是:text/xml等文档类型;
Charset选项:ISO-8859-1(英文)、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,x-cns11643-2等字符集;Content-Language的Content还足以是:EN、FR等语言代码。
用法:<meta name=”robots” content=”all”>
2、Refresh (刷新)
http-equiv属性
http-equiv相当于http的文本头作用,它可以向浏览器传回一些卓有效率的音信,以扶助科学和精确地突显网页内容,与之相应的属性值为content,content中的内容实在就是逐一参数的变量值。
表达:让网页多久(秒)刷新自己,或在多长时间后让网页自动链接到其余网页。
用法:<Meta http-equiv=”Refresh” Content=”30″>
<Meta http-equiv=”Refresh” Content=”5;
Url=;
注意:其中的5是指停留5分钟后活动刷新到URL网址。
meta标签的http-equiv属性语法格式是:<meta http-equiv=”参数”
content=”参数变量值”>
3、Expires (期限)
1、Refresh(刷新)
表达:自动刷新并转到新页面。
表明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
用法:<Meta http-equiv=”Expires” Content=”0″>
<Meta http-equiv=”Expires” Content=”Wed, 26 Feb 1997
08:21:57 GMT”>
注意:必须接纳GMT的时光格式,或直接设为0(数字代表有点日子后过期)。
用法:<meta http-equiv=”Refresh”
content=”5;URL”>;(注意前面的引号,分别在秒数的前头和网址的后边,URL可为空)
4、Pragma (cach模式)
小心:其中的2是指停留2分钟后自行刷新到URL网址。
表达:禁止浏览器从本地机的缓存中调阅页面内容。
用法:<Meta http-equiv=”Pragma” Content=”No-cach”>
注意:网页不保存在缓存中,每便访问都刷新页面。那样设定,访问者将不能脱机浏览。
2、content-Type(彰显字符集的设定)
证实:设定页面使用的字符集。
5、Set-Cookie (cookie设定)
用法:<meta http-equiv=”content-Type” content=”text/html;
charset=utf-8″>
表明:浏览器访问某个页面时会将它存在缓存中,下次再一次访问时就可从缓存中读取,以增强速度。当您希望访问者每便都刷新你广告的图标,或每一回都刷新你的计数器,就要禁用缓存了。平日HTML文件没有要求禁用缓存,对于ASP等页面,就足以应用禁用缓存,因为每一次观察的页面都是在服务器动态变化的,缓存就失去意义。假设网页过期,那么存盘的cookie将被去除。
用法:<Meta http-equiv=”Set-Cookie” Content=”cookievalue=xxx;
expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/”>
注意:必须使用GMT的时日格式。
只顾:在HTML5中曾经简写成<meta charset=”utf-8″>
6、Window-target (突显窗口的设定)
3、Window-target(突显窗口的设定)
表明:强制页面在当下窗口以单身页面突显。
表明:强制页面在当下窗口以单独页面显示。 用法:<Meta
http-equiv=”Widow-target” Content=”_top”>
注意:这一个特性是用来预防别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
用法:<meta http-equiv=”Window-target” content=”_top”>
7、Pics-label (网页RSAC等级鉴定)
表达:在IE的Internet选项中有一项内容设置,可防止备浏览部分受限制的网站,而网站的限制级
别就是经过该参数来设置的。 用法:<META
http-equiv=”Pics-label” Contect=
”(PICS-1.1”
I gen comment ‘RSACi North America Sever’ by
'inet@microsoft.com' for ” on
‘1997.06.30T14:21-0500’ r(n0 s0 v0 l0))”>
瞩目:用来防备外人在iframe(框架)里调用自己的页面,那也总算一个出色实用的质量。
注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评论Web站点内容的标准。用户可以安装Microsoft
Internet
Explorer(IE3.0以上)来扫除包罗有色情和强力情节的站点。上边这一个事例中的HTML取自Microsoft的主页。代码中的(n
0 s 0 v 0 l
0)表示该站点不含有不健康内容。级其他评判是由RSAC,即美利坚合众国娱乐委员会的评级机构鉴定的,若是您想进一步询问RSAC评估系统的级差内容,或者您须要评论自己的网站,可以访问RSAC的站点:。
4、Set-Cookie(cookie设定)
表达:假若网页过期,那么存盘的cookie将被去除。
8、Page-Enter、Page-Exit (进入与退出)
用法:<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx;
expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>
表明:这一个是页面被载入和调出时的局地神效。 用法:<Meta
http-equiv=”Page-Enter” Content=”blendTrans(Duration=0.5)”>
<Meta http-equiv=”Page-Exit”
Content=”blendTrans(Duration=0.5)”>
注意:blendTrans是动态滤镜的一种,爆发渐隐效果。另一种动态滤镜RevealTrans也足以用来页面进入与退出职能:
留神:必须选拔GMT的年月格式。
9、MSThemeCompatible (XP主旨) 表明:是或不是在IE中关闭 xp 的大旨 用法:<Meta http-equiv=”MSThemeCompatible” Content=”Yes”>
注意:关闭 xp 的蓝色立体按钮系统来得样式,从而和win2k 很象。
5、Pragma(cache模式)
讲明:禁止浏览器从本土电脑的缓存中做客页面内容。
10、IE6 (页面生成器) 表明:页面生成器generator,是ie6
用法:<Meta http-equiv=”IE6″ Content=”Generator”>
注意:用什么东西做的,类似商品出厂厂商。
用法:<meta http-equiv=”Pragma” content=”no-cache”>
11、Content-Script-Type (脚本相关)
表达:那是近年来W3C的正式,指明页面中脚本的连串。
用法:<Meta http-equiv=”Content-Script-Type”
Content=”text/javascript”> 注意:
留神:那样设定,访问者将不能脱机浏览。
★NAME变量
6、Expires(期限)
申明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上再一次传输。
name是讲述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(近期几乎所有的追寻引擎都利用网上机器人自动检索meta值来给网页分类)。
name的value值(name=””)指定所提供信息的花色。有些值是现已定义好的。例如description(表达)、keyword(关键字)、refresh(刷新)等。还是可以指定其余任意值,如:creationdate(创制日期)
、 document ID(文档编号)和level(等级)等。
name的content指定实际内容。如:若是指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
用法:<meta http-equiv=Expires Content=0>
1、Keywords (关键字) 表明:为寻找引擎提供的最首要字列表
用法:<Meta name=”Keywords”
Content=”关键词1,关键词2,关键词3,关键词4,……”>
注意:各重大词间用英文逗号“,”隔开。META的平日用处是指定搜索引擎用来抓实搜索品质的第一词。当数个META元素提供文档语言从属音信时,搜索引擎会拔取lang特性来过滤并通过用户的言语优先参照来呈现搜索结果。
用法:<meta http-equiv=”expires” content=”Fri,12 Jan 2001 18:18:18
GMT”>
例如:
注意:必须选用GMT的小时格式,或直接设为0(数字代表有点时间后过期)。
<Meta name=”Kyewords” Lang=”EN”
Content=”vacation,greece,sunshine”>
对于什么设置mate标签才能让追寻引擎更爱好,更便宜SEO优化,我个人认为与网站优化有关的特性重若是keywords和descripion,其它的属性对于优化骨干没多大帮扶,所以keywords和descripion的安装就极其主要了!而对此那五个特性的装置也是因网站而异的,也无法人己一视,keywords和descripion的装置须要作周到的分析才能得出的。
<Meta name=”Kyewords” Lang=”FR”
Content=”vacances,grè:ce,soleil”>
2、Description (简介)
表达:Description用来报告搜索引擎你的网站显要内容。
用法:<Meta name=”Description” Content=”你网页的简述”>
3、罗布ots (机器人向导)
表明:Robots用来告诉搜索机器人怎么样页面须求索引,哪些页面不须求索引。Content的参数有all、none、index、noindex、follow、nofollow。默许是all。
用法:<Meta name=”Robots”
Content=”All|None|Index|Noindex|Follow|Nofollow”>
注意:许多搜索引擎都经过自由robot/spider搜索来报到网站,这几个robot/spider就要用到meta元素的一部分特点来决定如何登录。
all:文件将被搜寻,且页面上的链接可以被询问;
none:文件将不被搜寻,且页面上的链接不得以被询问;(和 “noindex,
no follow” 起相同效果)
index:文件将被搜寻;(让robot/spider登录)
follow:页面上的链接可以被询问;
noindex:文件将不被搜寻,但页面上的链接可以被询问;(不让robot/spider登录)
nofollow:文件将不被寻找,页面上的链接可以被询问。(不让robot/spider顺着此页的接连往下探找)
4、Author (作者) 表明:标注网页的小编或制作组
用法:<Meta name=”Author” Content=”张三,abc@sina.com“>
注意:Content能够是:你或你的制作组的名字,或Email
5、Copyright (版权) 表明:标注版权
用法:<Meta name=”Copyright”
Content=”本页版权归Zerospace所有。All Rights Reserved”>
6、Generator (编辑器) 表明:编辑器的辨证
用法:<Meta name=”Generator” Content=”PCDATA|FrontPage|”>
注意:Content=”你所用编辑器”
7、revisit-after (重访)
用法:<META name=”revisit-after” CONTENT=”7 days” >
注意:
★Head中的其余一些用法
1、scheme (方案) 说明:scheme can be used when name is used to
specify how the value of content should be interpreted.
用法:<meta scheme=”ISBN” name=”identifier”
content=”0-14-043205-1″ />
2、Link (链接) 表明:链接到文件
用法:<Link href=”soim.ico” rel=”Shortcut Icon”>
注意:很多网站倘诺您把他保存在收件夹中后,会发现它相关着一个小图标,假若重复点击进入之后还会发觉地址栏中也有个小图标。现在即使在你的页头加上那段话,就能轻轻松松完成这一功力。<LINK>
用来将近来文件与其余 URL 作连结,但不会有联网按钮,用於 <HEAD>
标记间, 格式如下: <link href=”URL”
rel=”relationship”> <link href=”URL”
rev=”relationship”>
3、Base (基链接) 表达:插入网页基链接属性
用法:<Base href=”” target=”_blank”>
注意:你网页上的有着绝对路径在链接时都将在前方加上“
以上是META标签的局地基本用法,其中最重点的就是:Keywords和Description的设定。为什么吧?道理很粗略,那八个语句可以让寻找引擎能准确的觉察你,吸引越来越多的人拜访你的站点!按照现在风行搜索引擎(谷歌,Lycos,AltaVista等)的行事规律,搜索引擎先派机器人自动在WWW上探寻,当发现新的网站时,便于寻找页面中的Keywords和Description,并将其加盟到自己的数据库,然后再依照重大词的密度将网站排序。
由此看来,大家无法不铭记添加Keywords和Description的META标签,并尽可能写好根本字和简介。否则,
后果就会是:
● 借使你的页面中一直未曾Keywords和Description的META标签,那么机器人是心有余而力不足将你的站点投入数
据库,网友也就不能搜索到你的站点。
● 若是您的首要字选的不好,关键字的密度不高,被排列在几十居然几百万个站点的背后被点击的可
能性也是不行小的。
写好Keywords(关键字)要留意以下几点:
● 不要用大规模词汇。例如www、homepage、net、web等。
● 不要用形容词,副词。例如最好的,最大的等。
● 不要用暧昧的词汇,要尽可能精确。例如“爱立信手机”,改用“T28SC”会更好。
“五个人之行,必有我师”,寻找适合关键词的技艺是:到谷歌(Google)、Lycos、Alta等享誉搜索引擎,搜索与
你的网站内容相近的网站,查看排行前十位的网站的META关键字,将它们用在你的网站上,效果总而言之了。
★小窍门
为了提升搜索点击率,那里还有一部分“捷径”可以帮获得你:
● 为了充实最主要词的密度,将重大字隐藏在页面里(将文字颜色定义成与背景颜色相同)。
● 在图像的ALT注释语句中加入关键字。如:<IMG SRC=”xxx.gif”
Alt=”Keywords”>
● 利用HTML的诠释语句,在页面代码里投入大批量紧要字。用法: <!–
这里插入关键字 –>
<head> <title>文件头,展现在浏览器标题区</title> <meta
http-equiv=”Content-Language” content=”zh-cn”> <meta
http-equiv=”Content-Type” content=”text/html;
charset=gb2312″> <meta name=”GENERATOR” content=”Microsoft
FrontPage 4.0″> <meta name=”ProgId”
content=”FrontPage.Editor.Document”> <meta name=”制作人”
content=”唐蓉生”> <meta name=”要旨词” content=”HTML 网页制作
课件”></head>