meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似
下面这段的html代码:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</head>
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。
meta标签的组成
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。
其中name属性主要有以下几种参数:
A、Keywords(关键字)
说明:keywords用来告诉搜索引擎你网页的关键字是什么。
举例:<meta name ="keywords">
B、description(网站内容描述)
说明:description用来告诉搜索引擎你的网站主要内容。
举例:<meta name="description" content="This page is about the meaning of science, education,culture.">
C、robots(机器人向导)
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:<meta name="robots" content="none">
D、author(作者)
说明:标注网页的作者
举例:<meta name="author" content="root,root@21cn.com">
2、http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:
A、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必须使用GMT的时间格式。
B、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。
C、Refresh(刷新)
说明:自动刷新并指向新页面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号,分别在秒数的前面和网址的后面)
注意:其中的2是指停留2秒钟后自动刷新到URL网址。
D、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。
用法:<meta http-equiv="Set-Cookie">
注意:必须使用GMT的时间格式。
E、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用来防止别人在框架里调用自己的页面。
F、content-Type(显示字符集的设定)
说明:设定页面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G、content-Language(显示语言的设定)
用法:<meta http-equiv="Content-Language" content="zh-cn" />
分享到:
相关推荐
原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912作者:ciaocc版权贵ciaocc所有,转载请注明版权。 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可...
本篇将基于标题“页面刷新方法汇总”和描述中的信息,深入探讨几种常见的页面刷新方法,并结合标签“源码”和“工具”,分享一些实际操作技巧。 首先,页面刷新主要分为两种类型:客户端刷新和服务器端刷新。 1. *...
4. `description`元标签提供网站的简短描述,有助于搜索引擎理解和展示搜索结果。 5. `keywords`元标签列出与网站内容相关的关键词,帮助搜索引擎分类和索引。 `<head>`标签是HTML文档的重要部分,它包含了文档的...
- meta元素用于描述文档的元数据,例如文档的字符集、页面描述、关键词等。meta元素的用法很灵活,可以通过name和content属性来指定不同的元信息。 - title元素用于指定文档的标题,这个标题会显示在浏览器的标题栏...
- 描述通常在META DESCRIPTION中,需包含页面的"核心关键字",并尽量涵盖多个相关关键字。 - 避免过度堆砌,重复关键词的次数应自然,一般3次左右为宜。 - 描述应提供对文章内容的准确概述,保持语言流畅,同时...
使用合适的Title和Meta标签,确保它们准确反映页面内容,同时包含主要关键词。 10. **加快网站加载速度** 网站加载速度是百度排名的重要因素。优化图片大小、使用CDN服务、减少HTTP请求等方式可提升加载速度。 ...
2. **Meta Description标签**:编写简短而富有吸引力的描述,概括页面主要内容,同时包含关键词。描述长度建议不超过160个字符。 #### 五、关键词文档管理 1. **目标关键词文档**:创建一个文档,记录所有选定的...
- **描述性文字**:在网站首页代码中加入描述性的Meta标签,概述网站的特点和优势。 - **避免欺骗行为**:不建议采用任何试图误导搜索引擎的技术手段,如过度优化、隐藏文本等。 #### 5. 搜索引擎登录:全面覆盖...
- **转载复制:** 避免大量转载或复制内容。 **13. 主要SEO工具推荐:** - **关键词排名查询:** SEMrush、Ahrefs等。 - **GOOGLE网站管理员工具:** 提供网站性能数据和故障排查功能。 - **FireFox SeoQuake插件:...
4. **关键词标签**:meta keyword标签虽然在现代SEO中权重不高,但合理使用仍能提供辅助信息。 5. **描述标签**:写一个包含主关键词的描述,重复2次,为用户提供搜索结果的简洁概述,也有助于点击率。 6. **内容...
3. **关键词(Keywords,K3)**:合理的关键词策略包括选择与网站主题紧密相关的关键词,并在标题(Title)、描述(Description)、元标签(Meta Tags)以及页面内容中适当分布。关键词密度不宜过高,以免被判定为...
<meta>标签中的keywords应当包含与页面内容相关的关键词,但避免过度堆砌,一般不超过5个。description标签用于提供页面的简洁描述,同样应包含目标关键字。此外,加入RSS功能、百度和Google的站点地图、Tags概念、...
这些元标签(Meta Tags)是搜索引擎识别和理解网页内容的主要途径之一。其中,`title`标签对于SEO的影响尤为显著,它不仅是网页的标题,也是搜索引擎在搜索结果中显示的链接文本。因此,一个精心设计的`title`标签...
4. 网站优化关键词分布:标题(Title)、元描述(Meta Description)、H1-H6标签、正文内容、URL、图片alt标签、内链锚文本。 这些知识点涵盖了SEO的基础概念、实践策略和注意事项,对于理解SEO工作原理和实施优化...
- **网站标签内容编写**:使用合适的元标签(如、<meta>)来描述网页内容。 - **网站链接构建**:建立高质量的内部链接和外部链接。 - **Robots文件**:指导搜索引擎爬虫如何抓取网站内容。 - **404网页**:设置友好...
SEO面试题及答案涵盖了搜索引擎营销的基础知识,包括定义、技术细节、优化策略和...10. 新浪娱乐频道头部信息中,设置了字符编码、页面标题、关键词和描述,有利于搜索引擎理解和展示。同时,meta标签用于内部管理。
- **网页描述的标签**:`<meta name="description" content="...">`用于提供页面简介,对搜索引擎和用户体验都很重要。 - **图片替代文字**:通过`alt`属性为图片添加描述性文字,有助于搜索引擎理解图片内容。 - **...
- **网页描述的标签**:即<meta name="description">标签,提供对页面内容的简短概述,帮助提高搜索结果点击率。 - **图片替代文字**:标签中的alt属性,不仅有助于提高页面的可访问性,还能帮助搜索引擎理解图片...
其实还有更简单的方法,而且是更好的方法,使用合理描述参数和SQL语句返回值的接口(比如IUserOperation.class),这样现在就可以至此那个更简单,更安全的代码,没有容易发生的字符串文字和转换的错误.下面是详细...