世上最全<meta>main.jsp配置-便于SEO
meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:
1、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
用法:
- <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">
注意:必须使用GMT的时间格式。
也可以这么写
<meta http-equiv="expires" content="0"/>
2、Pragma(cache模式)
说明:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
用法:
<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。
3、Refresh(刷新)
说明:自动刷新并指向新页面。
用法:
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
注意:其中的2是指停留2秒钟后自动刷新到URL网址。
4、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。
用法:
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">
注意:必须使用GMT的时间格式。
Set-Cookie="name=value; HttpOnly"
什么是HttpOnly?
如果cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击,窃取cookie内容,这样就增加了cookie的安全性,即便是这样,也不要将重要信息存入cookie。XSS全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,当其它用户浏览该网站时,这段HTML代码会自动执行,从而达到攻击的目的。如,盗取用户Cookie、破坏页面结构、重定向到其它网站等。
5、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:
<meta http-equiv="Window-target" content="_top">
注意:用来防止别人在框架里调用自己的页面。
6、content-Type(显示字符集的设定)
说明:设定页面使用的字符集。
用法:
- <meta http-equiv="content-Type" content="text/html; charset=gb2312">
7、Pics-label(网页等级评定)
用法:
- <meta http-equiv="Pics-label" contect="">
说明:在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的。
说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级
别就是通过该参数来设置的。
用法:<meta http-equiv="Pics-label" Contect=“(PICS-1.1′http://www.rsac.org/ratingsv01.html’
I gen comment ‘RSACi North America Sever’ by ‘inet@microsoft.com’
for ‘http://www.microsoft.com’ on ‘1997.06.30T14:21-0500′ r(n0 s0 v0 l0))">
注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。
用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。
上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。
级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:http://www.rsac.org/。
8、Page_Enter、Page_Exit
设定进入页面时的特殊效果
- <meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion= 12)">
设定离开页面时的特殊效果
- <meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion= 12)">
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式
9、清除缓存(再访问这个网站要重新下载!)
- <meta http-equiv="cache-control" content="no-cache">
1. Keywords (关键字)
说明:告诉搜索引擎你网页的关键字是什么。
用法:<meta name="keywords" content="SEO优化,SEO优化教程,网站优化,搜索引擎优化教程">
2. Description (网页描述)
说明:Description用来告诉搜索引擎你的网页主要内容。
用法:<meta name="description" content="学习研究搜索引擎优化网提供专业的SEO优化教程,收集整理SEO优化文章、SEO优化工具,为网络营销贡献出自己的一份力量。" />
3. Robots (机器人向导)
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是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顺着此页的连接往下探找)
<meta name="robots" content="index,follow,noodp,noydir"/>
SEO优化meta标签 name="robots"content="index,follow,noodp,noydir"是什么意思呢,我们这就来解释一下。
<meta name="ROBOTS"content="NOODP">
这些元标记控制搜索引擎如何抓取和索引页。"robots"元标记指定的规则适用于所有搜索引擎,"googlebot"元标记指定的规则只适用于Google。Google可以理解以下值(当指定多个值时,用逗号将它们分开):
noindex: 防止网页被索引
nofollow: 不要通过当前页的链接来寻找并抓取新的网页
nosnippet: 在搜索结果中显示当前页时,不要显示页面摘要
noodp: 在为本页产生标题或页面摘要时,不要使用开放式目录项目(又名dmoz.org)中的文本
noarchive: 在显示本网页于搜索结果中时,不要显示一个"网页快照"链接
unavailable_after:[日期]:在指定的日期和时间后从搜索结果中删除这个网页
当你完全省略此标记或当你指定content= "all"时,默认规则是"index,follow"。"作为一个说明,你现在也可以在你的页面首部通过"X-Robots-标签"HTTP头指令来指定这一信息。这特别有用,尤其是当你想微调抓取和索引诸如PDF、图片或其他类型的非HTML文件时。
robots取值
none
搜索引擎将忽略此网页,等价于noindex,nofollow。
noindex
搜索引擎不索引此网页。
nofollow
搜索引擎不继续通过此网页的链接索引搜索其它的网页。
all
搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
index
搜索引擎索引此网页。
follow
搜索引擎继续通过此网页的链接索引搜索其它的网页。
noodp noydir
不使用DOMZ、Yahoo!目录中描述作为网页摘要
使用noodp和noydir
做SEO的朋友都经常和meta标签打交道,比如写description、keywords之类,但却很少用到noodp和noydir这样的标签(这两个其实比较老了,只是国内一般不太实用),这里我想对这两个做下说明,因为在不少做英文SEO的地方还得使用到。(meta标签详解)
有些时候站点加入了dmoz或者yahoo的分类目录,这本是好事,但很多时候开始加入的时候并未考虑完全,或者后来网站业务出现的变化等等,这样的情况下,使得原本的好事可能在一些时候反倒有了负面影响,因为Google和yahoo默认情况下会优先抓取dmoz和雅虎分类目录里面的信息作为搜索结果的标题和描述。
为了让搜索引擎抓取现有网页的描述就得使用到上述标签,比如对付google就用
< meta name=”googlebot” content=”noodp”/>
对付yahoo就用
< meta name=”slurp” content=”noydir”/>
当然还有对付msn的
< meta name=”msnbot” content=”noodp”/>
如果想对付多个可以用
< meta name=”robots” content=”noodp,noydir”/>
如果你觉得分类目录上的信息未能准确概述现有网站内容,不妨试试noodp和noydir
4. Author (作者)
说明:标注网页的作者或制作组
用法:<meta name="author" content="mycodewind,mycodewind@qq.com">
注意:Content可以是:你或你的制作组的名字,或Email
5. Copyright (版权)
说明:标注版权
用法:<meta name="copyright" content="本网站版权归CSDN所有">
6. Generator (编辑器)
说明:编辑器的说明
用法:<meta name="generator" content="PCDATA|FrontPage|">
注意:Content="你所用编辑器"
7. Revisit-after (重访)
说明:通知搜索引擎多少天访问一次
用法:<meta name="revisit-after" content="7 days" >
假如我设置,那这样搜索引擎就是7天来一次。使用这个标签的网站,通常是因为网站数据量非常大,被搜索引擎过于频繁的抓取,会占用过大的资源,影响网站的访问。所以,希望搜索引擎不要天天过来,抓取过一次了,那么等7天后再来。一般的网站是不需要这个标签的。
那如果原来搜索引擎可能十多天才来抓取一次,那么我把revisit-after设置的短一些,比如3天,那搜索引擎是不是会提高对我网站的抓取频率,更利于SEO呢?答案是否定的。搜索引擎对网站的抓取频率最主要是取决于你自身网站的更新频率,只要你的网站经常更新、添加新的内容,那么搜索引擎的蜘蛛和爬虫也会常来更新你的网站,可以说这是决定搜索引擎更新你的网站最重要的、最根本的因素。此外,PR值、网站结构以及服务器的稳定性等都影响到搜索引擎的抓取,不是一个revisit-after元标签能够决定的。如果原来是10天来一次,用这个标签后,还是10天来一次。
从IE9开始引入了固定网站功能,对用户来说这是一种只需在任务栏上单击图标即可直接访问网站的简单方式。固定网站还易于实现,仅需要非常少的代码。以下的元数据标签只在IE9+生效。如Windows Vista,Windows 7系统上。官方文档地址http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx 。所有元素都是可选的。包括:
针对安装的元数据:下面的 meta 元素控制如何在“开始”菜单和 Windows 7 任务栏上创建固定站点快捷方式。 所有这些元素都是可选的,但是强烈建议对页面起始处、页面名称、更好的辅助或识别功能以及启动时的自定义大小具有更多控制。
安装元数据元素仅在用户固定网站时使用。此后,对这些值的更改将不会对固定网站造成任何影响。因此,以下 meta 元素有时候被称为“安装时”值:
application-name
msapplication-tooltip
msapplication-starturl
msapplication-window
运行时元数据:与安装时值不同,在用户每次启动固定网站时将读取以下元数据。因此,网站开发人员可使用这些值不断修改用户体验。控制对这些值的更改的最佳方法是在固定网站的起始 URL 中定义它们。
msapplication-navbutton-color
msapplication-task
msapplication-task-separator
8.application-name
说明:"application-name" 元数据定义固定网站应用程序实例的名称。当光标悬停在 Windows 7 任务栏的固定网站按钮上时,此名称将出现在工具提示中。该应用程序名称还将附加到固定网站应用程序实例的窗口标题中。
用法:<meta name="application-name" content="xx网" />
9.msapplication-tooltip
说明:"msapplication-tooltip" 元数据提供其他工具提示文本,当光标悬停在 Windows 的“开始”菜单中或桌面上的固定网站快捷方式上时,将会出现这些文本。
用法:<meta name="msapplication-tooltip" content="xx网" />
10.msapplication-starturl
说明:"msapplication-starturl" 元数据包含应用程序的根 URL。起始 URL 可以是完全限定或相对于当前文档的。只允许 HTTP 和 HTTPS 协议。如果缺少此元素,则改为使用当前页的地址。
用法:<meta name="msapplication-starturl" content="./" />
补充:"msapplication-starturl" 元数据创建你的网站的公共入口点。当存在此元数据时,固定网站会启动起始 URL 而不是最初拖动到任务栏的页面。更重要的是,起始页中声明的运行时元数据将在每次启动网站时重新定义导航按钮颜色和静态跳转列表任务。(有关详细信息,请参阅运行时元数据部分。)
作为如何使用 "msapplication-starturl" 的示例,请考虑一个提供多个类型的计算器仿真器的站点:一个具有标准布局,一个具有科学布局,一个具有统计函数。如果没有起始 URL,用户可能只将科学计算器固定到任务栏,从而无法轻松地访问集合中的其他计算器。通过添加起始 URL,网站开发人员可以声明网站的公共入口点。
<meta name="msapplication-starturl" content="./CalculatorHome.html" />
通过将安装时元数据添加到仿真程序页面,网站开发人员可控制用户访问网站的方式。通过在起始页中添加跳转列表元数据,网站开发人员可以更轻松地控制用户选择要使用的计算器样式的方式。有关详细信息,请参阅向跳转列表添加任务。
处理服务器重定向
如果你的起始 URL 重定向到其他网页,请确保声明提供给客户端的网页中的所有运行时元数据。如果服务器重定向到新路径,则你的起始 URL 必须包括该路径和结尾反斜杠 (/)。
例如,如果 "http://contoso.com/" 重定向至 "http://www.contoso.com/Home/",则起始 URL 必须包括新路径和结尾反斜杠,如下所示:
<meta name="msapplication-starturl" content="http://www.contoso.com/Home/" />
OR
<meta name="msapplication-starturl" content="/Home/" />
11.msapplication-window
说明:"msapplication-window" 元数据设置固定网站首次启动时的初始窗口大小。但是,如果用户调整了窗口大小,则再次启动固定网站时,该网站将保留新的尺寸。
下表说明了构成 meta 元素的 content 特性的两个部分。这两个部分都是必需的,且必须用分号隔开。
部分 说明
width 以像素表示的窗口宽度。最小值为 800。
height 以像素表示的窗口高度。最小值为 600。
用法:<meta name="msapplication-window" content="width=1024;height=768" />
12.msapplication-navbutton-color
说明:"msapplication-navbutton-color" 元数据定义固定网站浏览器窗口中的“后退”和“前进”按钮的自定义颜色。任何命名颜色或十六进制颜色值均有效。有关颜色名称的完整列表,请参阅颜色表(访问http://msdn.microsoft.com/zh-cn/library/ie/ms531197%28v=vs.85%29.aspx)。
用法:<meta name="msapplication-navbutton-color" content="#FF3300" />
补充:如果没有此 meta 元素,则默认颜色将基于网站图标(即,favicon)的调色板。若要了解如何为你的网站选择自定义图标,请参阅自定义站点图标(访问http://msdn.microsoft.com/zh-cn/library/ie/gg491740%28v=vs.85%29.aspx)。
13.msapplication-task
说明:它能够将一个网站如同程序固定在 Windows Vista 和 Windows 7 的任务栏中,并且在点击图标后显示一个相关网站的列表。与其他网站元数据一样,可使用 meta 元素定义静态任务。下一个任务向跳转列表(访问http://msdn.microsoft.com/zh-cn/library/ie/gg491725%28v=vs.85%29.aspx)添加任务说明了如何执行此操作。
用法:<meta name="msapplication-task" content="name=xx网;action-uri=http://www.8783.com;icon-uri=../static/8783.ico" />
14.msapplication-task-separator
说明:将此元素放在各个任务之间,以便在跳转列表菜单中放置一条分隔线。如果有多条分隔线,则必须通过声明 content="[unique value]" 使每条分隔线都具有唯一性。
用法:
<meta name="msapplication-task" content="name=Latest HTMLGoodies Articles; action-uri=http://www.htmlgoodies.com/; icon-uri=http://www.htmlgoodies.com/Favicon.ico" />
<meta name="msapplication-task" content="name=HTML5 Development Center; action-uri= http://www.htmlgoodies.com/html5/; icon-uri=http://www.htmlgoodies.com/Favicon.ico" />
<meta name="msapplication-task-separator" content="Forum Tasks" />
<meta name="msapplication-task" content="name=HTML Discussion Forums; action-uri= http://www.webdeveloper.com/forum/forumdisplay.php?f=2; icon-uri=http://www.htmlgoodies.com/Favicon.ico" />
更多用例:
Bing.com的使用案例:
<meta content="Bing" name="application-name" />
<meta content="Bing" name="msapplication-tooltip" />
<meta content="width=1024;height=768" name="msapplication-window" />
<meta content="/" name="msapplication-starturl" />
BeautyoftheWeb.com的使用案例:
<meta name="application-name" content="Beauty Of The Web" />
<meta name="msapplication-tooltip" content="Start the Beauty Of The Web" />
<meta name="msapplication-starturl" content="http://www.beautyoftheweb.com/" />
<meta name="msapplication-navbutton-color" content="#5f6dbd" />
Facebook.com的使用案例:
<meta name="application-name" content="Facebook"/>
<meta name="msapplication-tooltip" content="Start the Facebook App"/>
<meta name="msapplication-starturl" content="/"/>
<meta name="msapplication-window" content="width=800;height=600"/>
2012年10月26日,微软发布了Windows8和Microsoft Surface及其默认的IE10,这次不仅增加了对大量HTML5、CSS3特性的支持,而且有一个非常方便用户的功能:固定站点。
Windows 8 通过在“开始”屏幕上使用磁贴来实现固定网站。当用户单击固定网站的磁贴时,该网站将在新 Windows UI 环境中在 Internet Explorer 10 中打开。你将在下面了解到如何在 Windows 8 中实现固定网站通知(访问http://msdn.microsoft.com/zh-cn/library/IE/hh880842%28v=vs.85%29.aspx)。
你必须提供以下几条信息以在 Windows 8 中正确实现固定网站通知:
轮询通知的 Web 服务的位置
反应当前锁屏提醒状态的最新 XML 文件
更新将发生的频率
以下元标签为Windows8/Microsoft Surface(IE10+)新引入的:
15.msapplication-TileImage
说明:在Windows 8上,我们可以将网站固定在开始屏幕上,而且支持个性化自定义色块icon和背景图片。这个标签是用来定义色块的背景图的。色块图应该为144*144像素的png格式图片,背景透明。
用法:<meta name="msapplication-TileImage" content="tile.png">
16.msapplication-TileColor
说明:同前一个元数据msapplication-TileImage类似,这个功能是用来设置颜色值,个性化自定义色块(磁贴)icon。颜色值应该设为logo的主色或者网站视觉的主色调颜色。CSS颜色值可以是16进制的形式(如#333333),命名形式(如red)或者CSS函数(如RGB),如果不设置颜色,IE将默认提取网站icon或色块背景图片的主色来显示为背景色。在IE内的历史检索和其他地方,也会用到这个默认色与icons。
用法:<meta name="msapplication-TileColor" content="#ef0303">
补充:在合并制作固定网站的icons图时,你仅仅需要在一个选定的背景色上放上白色或黑色的小icon图,不要使用色彩复杂的大图片来做。IE10的色块图尺寸144*144与高分辨率的iPad icon一致。不过,在不同的系统平台上使用同一个icon图时,要注意,因为不同系统平台对icon图的渲染呈现是不一样的。Internet Explorer 10将使用当前页面的标题用于磁贴名称。如果我们想定义一个不同的名称,可以使用title meta标签:<meta name="title" content="Tile title">
以下的17-21五个元标签是WINDOWS商店应用集成相关的功能:
17.msApplication-ID
说明:如果你有一款Windows商店应用你可以使用一些meta标签将你的网站与它联系起来。IE将会显示一个菜单让用户可以快速获得这个应用,如果用户还没有安装它的话。如果应用已经安装过了,菜单会变为“切换到xxx应用”。
其实这个特性与IOS6上的智能广告推送功能很相似。不过,微软是在Apple之前发布的这个特性。msApplication-ID为 必选项。定义在程序manifest中的id。
用法:<meta name="msApplication-ID" content="App"/>
18.msApplication-PackageFamilyName
说明: 必选项。Microsoft Visual Studio创建的用于标识应用的Package family。
用法:<meta name="msApplication-PackageFamilyName" content="ZeptoLabUKLimited.CutTheRope_sq9zxnwrk84pj"/>
19.msApplication-Arguments
说明:可选项。 要传递给你的应用的字符串。如果我们不定义这个meta信息,IE将自动传递当前的URL。
用法:<meta name="msApplication-Arguments" content="http://www.8783.com/gl/27647.shtml"/>
下面的代码片段显示了在使用 JavaScript 的 Windows 应用商店应用中如何处理此参数(更多用法访问http://msdn.microsoft.com/zh-cn/library/ie/hh781489%28v=vs.85%29.aspx):
// Function available in default.js file in Visual Studio templates provided
WinJS.Application.onmainwindowactivated = function (e) {
if (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {
// Insert this code to handle incoming argument when Internet Explorer launches the app
if (e.detail.arguments) {
// Parse the value of the msApplication-Arguments string
// Direct incoming user to relevant in-app content
}
}
}