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

关于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就开启了点击
地址直接跳转至地图的功能,在默认是情况下就是开启!

分享到:
评论

相关推荐

    python爬虫mac版本猪精原创

    - `/html/head/meta` :能够选中html下的head下的所有的meta标签 - 2. `//` :能够从任意节点开始选择 - `//li` :当前页面上的所有的li标签 - `/html/head//link` :head下的所有的link标签 - 3. `@符号的用途...

    JSTL详细标签库介绍

    &lt;META name=Description content=关于java异常处理(讲义),JSP中文网&gt; &lt;META name=keywords content=关于java异常处理(讲义)&gt; href="http://www.jspcn.net/css/news.css"&gt;&lt;LINK rel=stylesheet type=text/css ...

    前端开发每天必学之认识HTML标签(1)

    什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理),比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落...

    systemjs-script-plugin:通过在System.js中注入脚本标签来加载脚本

    SystemJS脚本标签加载插件安装jspm install npm:system-script基本用途import 'www.google-analytics.com/analytics.js!system-script' 上面的示例通过脚本标签而不是XHR请求加载了Google Analytics(分析),这避免...

    魔众智能AI系统v1.9.0版本 VIP界面优化异常,用户授权登录关联优化

    [新功能] 后台框架页面增加禁止搜索引擎爬取 meta 标签 [新功能] AdminConfigBuilder 增加配置保存检查回调函数,支持配置与检查 [新功能] 移动端VIP页面全新升级 [新功能] 用户自动注册前缀可设置,优化用户显示...

    Web程序设计计算机科学经典教材.doc

    37 2.4.6 字体样式与大小 38 2.4.7 字符实体 39 2.4.8 水平线 39 2.4.9 meta元素 40 2.5 图片 40 2.5.1 图片格式 40 2.5.2 标签 41 2.5.3 XHTML文档的验证 43 2.6 超链接 44 2.6.1 链接 45 2.6.2 位于文档内部的目标...

    dotplant2:电子商务CMS-Yii Framework 2(yii2,商店)

    每个页面,产品或类别都有自己的SEO字段-URL段,TITLE标签,H1,META描述,面包屑标签和用作锚点的名称。 智能内容编辑 将内容块(如MODx中的块)用于重复的内容部分。 创建反馈表格并将其与后端的自动验证,垃圾...

    电子商务平台--百顺商城BSShop V2.0 标准版.rar

    5. 设定信息分类Meta标签,方便搜索引擎(百度、谷歌)快速抓取 6. 设定信息分类Title内容,方便搜索引擎(百度、谷歌)快速抓取 7. 生成静态信息分类页面,方便搜索引擎(百度、谷歌)快速抓取 8. 信息分类信息数量...

    电子商务平台--百顺商城BSShop v2.0 整站静态版.rar

    5. 设定信息分类Meta标签,方便搜索引擎(百度、谷歌)快速抓取 6. 设定信息分类Title内容,方便搜索引擎(百度、谷歌)快速抓取 7. 生成静态信息分类页面,方便搜索引擎(百度、谷歌)快速抓取 8. 信息分类信息数量...

    struts spring房产网站模板

    网站页面设置 - 可以设置每个页面的自定义标题、META标签、采用模版;设置每个版块采用什么插件和插件的显示参数 界面风格设置 - 可以选择模版,编辑模板 网站升级更新 - 连接远程升级服务器,获取最新升级信息,...

    房产信息网站管理系统

    网站页面设置 - 可以设置每个页面的自定义标题、META标签、采用模版;设置每个版块采用什么插件和插件的显示参数 界面风格设置 - 可以选择模版,编辑模板 网站升级更新 - 连接远程升级服务器,获取最新升级信息,...

    房产信息网站管理系统.zip

    网站页面设置 - 可以设置每个页面的自定义标题、META标签、采用模版;设置每个版块采用什么插件和插件的显示参数 界面风格设置 - 可以选择模版,编辑模板 网站升级更新 - 连接远程升级服务器,获取最新升级信息,...

    Lotus.Domino.Web编程

    2.3.2 创建特殊用途的模板表单 22 2.3.3 例子:在$$View Template Default 表单中嵌入导航器 23 2.3.4 例子:动态嵌入式导航器 24 2.4 在表单和表单对象中使用HTML属性 25 2.4.1 &lt;META&gt;标记的例子 26 2.4.2 例子:...

    js使用小技巧

    //特殊用途 导入收藏夹 onclick="window.external.ImportExportFavorites(true,"http://localhost");"&gt; 导出收藏夹 onclick="window.external.ImportExportFavorites(false,"http://localhost");"&gt; 整理收藏夹 ...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    下面是一些XML metadata在实际应用中的用途: 1.可以验证数字签名,使在线商务的提交动作(submission)有效。 2.可以被方便的建立索引和进行更有效搜索。 3.可以在不同语言之间传输数据。 W3C组织正在研究一种...

    正则表达式30分钟入门教程

    如果能使用算术比较的话,或许能简单地解决这个问题,但是正则表达式中并不提供关于数学的任何功能,所以只能使用冗长的分组,选择,字符类来描述一个正确的IP地址:((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|...

Global site tag (gtag.js) - Google Analytics