`
胖好汉
  • 浏览: 6654 次
社区版块
存档分类
最新评论

关于meta标签的用途

 
阅读更多

  META标签优化定义:
  META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。
  所以有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中,通常都要谈论META标签的作用,我们甚至可以说,META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素,合理利用Meta标签的Description和Keywords属性,加入网站的关键字或者网页的关键字,可使网站更加贴近用户体验。
  从HTML代码实例中可以看到,一段代码中有3个含有meta的地方,并且meta并不是独立存在的,而是要在后面连接其他的属性,如description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。
  META标签可分为两大部分:HTTP-EQUIV和NAME变量。
  A、HTTP-EQUIV变量
  HTML代码实例中有一项内容是
  <metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
  其作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。类似地,如果将"gb2312"换为"big5",就是我们熟知的中文繁体字符了。
  常用的HTTP-EQUIV属性
  1、<metahttp-equiv="Content-Type"content="text/html";charset=gb_2312-80">和<metahttpequiv="Content-Language"content="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
  2、<metahttp-equiv="Refresh"content="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到你的页面;
  3、<metahttp-equiv="Expires"content="Mon,12May200100:20:00GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
  4、<metahttp-equiv="Pragma"content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
  5、<metahttp-equiv="set-cookie"content="Mon,12May200100:20:00GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
  6、<metahttp-equiv="Pics-label"content="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
  7、<metahttp-equiv="windows-Target"content="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
  8、<metahttp-equiv="Page-Enter"content="revealTrans(duration=10,transtion=50)">和<metahttp-equiv="Page-Exit"content="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的"格式/网页过渡",不过所加的页面不能够是一个frame页面。
  HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出反应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。
  B、NAME变量
  1、META标签中网页描述(description)
  HTML代码实例中有关"description"的代码为:
  <metaname="description"content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等">
  "description"中的content="网页描述",是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的description,显然会有一些网页内容没有直接关系,这样不仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。
  2、META标签中网页描述(description)的设计要点:
  1网页描述为自然语言而不是罗列关键词(与keywords设计正好相反);
  2尽可能准确地描述网页的核心内容,通常为网页内容的摘要信息,也就是希望搜索引擎在检索结果中展示的摘要信息;
  3网页描述中含有有效关键词;
  4网页描述内容与网页标题内容有高度相关性;
  5网页描述内容与网页主体内容有高度相关性;
  6网页描述的文字不必太多,一般不超过搜索引擎检索结果摘要信息的最多字数(通常在100中文字之内,不同搜索引擎略有差异)。
  3、META标签中的关键词(Keywords)
  与META标签中的"description"类似,"Keywords"也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页的介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索的,过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没有太大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。
  META标签中关键词(keywords)的设计要点:
  1选择与网页内容最相关的核心关键词即可,而且关键词数量无需太多,更没有必要堆砌大量的关键词;
  2keyword中的关键词应该同样出现在description内容中;
  3不同的关键词之间用逗号(英文标点符号)隔开。

 

 

format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:
meta name="format-detection" content="telephone=no"
meta name="format-detection" content="email=no"
meta name="format-detection" content="adress=no" 
也可以连写:meta name="format-detection" content="telephone=no,email=no,adress=no"
下面具体说下每个设置的作用:
一、telephone

 

你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:

telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!

二、email

告诉设备不识别邮箱,点击之后不自动发送

email=no禁止作为邮箱地址!
email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!

三、adress

adress=no禁止跳转至地图!
adress=yes就开启了点击
地址直接跳转至地图的功能,在默认是情况下就是开启!

分享到:
评论

相关推荐

    html meta标签使用方法

    Meta标签用于定义关于HTML文档的元信息,这些信息不会显示在页面上,但对浏览器和其他应用程序(如搜索引擎)具有重要意义。 #### 二、Meta标签的组成 `&lt;meta&gt;`标签包含两种类型的属性:`http-equiv`属性和`name`...

    meta标签详解

    ### Meta标签详解 在网页开发过程中,正确使用`&lt;meta&gt;`标签对于确保页面的兼容性、搜索引擎优化(SEO)以及用户访问体验具有重要意义。本文将详细介绍`&lt;meta&gt;`标签的各种属性及其用途,并通过实例帮助读者更好地...

    META标签使用详解

    META标签是一种重要的HTML元素,用于提供关于HTML文档的元数据信息。这些信息对于浏览器来说至关重要,能够帮助浏览器更好地解析网页内容,并为用户提供更佳的浏览体验。根据用途不同,META标签可以分为两大类:HTTP...

    Web-前端html+css从入门到精通 122. meta标签扩展学习.zip

    此外,meta标签还有多种用途,如`&lt;meta http-equiv="refresh"&gt;`可以设置页面自动刷新或重定向,`&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;`等同于`&lt;meta charset="UTF-8"&gt;`,但使用了...

    WEB前端程序猿必看的meta标签汇总共4页.pdf.zi

    除了上述常见的Meta标签,还有一些特殊用途的标签,如`robots`控制搜索引擎爬虫的行为,`author`声明页面作者,`apple-mobile-web-app-capable`使页面适应iOS设备的全屏模式等。 学习和理解Meta标签的使用是每个...

    HTMLMETA标签.pdf

    首先,了解&lt;meta&gt;标签的两种主要用途是很有必要的。第一种是提供文档的元信息,比如字符编码、页面描述、关键词等;第二种是提供HTTP头部信息,比如内容类型、刷新间隔、cookie设置等。 对于&lt;meta&gt;标签的描述属性...

    meta标签如何使用?.docx

    本文将深入探讨Meta标签的两种主要属性——name属性和http-equiv属性,以及它们各自的参数值及其用途。 一、name属性 1. Keywords(关键字) Meta标签的name属性中的Keywords参数用于告诉搜索引擎网页的关键字。...

    html meta tags

    本文将详细解释Meta标签的概念、用途及其实现方式,并深入探讨其中的一些关键属性如`HTTP-EQUIV`与`NAME`。 #### Meta标签简介 Meta标签主要被用来提供关于HTML文档本身的元数据,这些信息不会显示在页面上,但对...

    JSP标签 <meta>的作用

    `&lt;meta&gt;` 标签是 HTML 中的一个元数据(metadata)标签,它用于提供关于 HTML 文档的信息,这些信息对用户来说通常是不可见的,但对浏览器、搜索引擎以及其他处理 HTML 文档的应用程序非常有用。接下来,我们将深入...

    ( javascript中meta的功能

    下面我们将详细探讨Meta标签的一些关键用途。 #### Meta标签的基本概念 Meta标签主要用于向浏览器提供有关网页的元数据信息。这些信息虽然对用户不可见,但对于搜索引擎优化、浏览器渲染设置以及网页间的数据交换...

    HTML5 对各个标签的定义与规定:meta

    在HTML5中,`&lt;meta&gt;`标签被用于定义文档中的元数据,即关于文档的数据。这些元数据不显示在页面上,但会被浏览器解析并用作其他用途,比如搜索引擎优化(SEO)、设置字符集、控制视口尺寸等。下面将详细探讨`&lt;meta&gt;`...

    html meta metahtml

    ### HTML Meta标签详解 在构建网页的过程中,合理运用`&lt;meta&gt;`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`&lt;meta&gt;`标签的功能及其应用场景。 #### `&lt;meta&gt;`标签的基本...

    header和meta头部信息

    这篇博文链接指向的是一个关于`header`和`meta`头部信息的讨论,虽然具体内容无法直接提供,但从一般意义上,我们可以深入探讨这两个关键元素的作用、用途以及相关知识点。 `&lt;header&gt;` 标签: 1. **定义页面头部**...

    meta演示 _引入 css 样式文件

    meta标签的一个典型用途是配合http-equiv属性,可以指定网页应该如何被浏览器处理。例如,它可以指示浏览器每隔一定时间刷新页面,或者在指定时间后自动跳转到另一个URL地址。通过设置content属性来确定刷新频率或...

    META 经典 汇总

    在探讨META标签如何提升网站表现与用户体验之前,我们首先明确一点:META标签是HTML文档中的一个重要组成部分,位于`&lt;head&gt;`标签内,主要用于向浏览器提供关于页面的元数据。这些元数据并不直接影响页面的实际内容...

    HTML中小meta的大作用.txt

    本文将深入探讨`&lt;meta&gt;`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和功能。 #### 一、`&lt;meta&gt;`标签概述 `&lt;meta&gt;`标签位于HTML文档的`&lt;head&gt;`部分,主要用于定义页面的元数据...

    网页优化meta标签使用方法及规则.docx

    Meta标签作为HTML语言中的一部分,通常出现在标签内,它主要用于向浏览器提供关于页面的元数据信息。随着搜索引擎的发展,合理使用Meta标签可以帮助提高网站在搜索引擎中的排名,从而增加网站的曝光率和流量。本文将...

    html Meta标签小集

    HTML中的`&lt;meta&gt;`标签是网页头部...这些`&lt;meta&gt;`标签的使用极大地丰富了网页的元信息,有助于提升用户体验,优化搜索引擎表现,并对网页的渲染和交互起到关键作用。了解并正确使用这些标签是每个前端开发者的基础技能。

Global site tag (gtag.js) - Google Analytics