`

meta标签

    博客分类:
  • jsp
阅读更多
在网页的HTML源代码中一个重要的代码“<META>”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

  在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中,通常都要谈论META标签的作用,我们甚至可以说,META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素,尤其是其中的 “description”(网页描述)和“Keywords”(关键词)两个属性更为重要【参见网络营销教学网站的专文介绍:description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容,但META标签的内容设计仍然是很重要的。

  从HTML代码实例中可以看到,一段代码中有3个含有meta的地方,并且meta并不是独立存在的,而是要在后面连接其他的属性,如description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。

  META标签可分为两大部分:HTTP-EQUIV和NAME变量。

  1、关于META标签中的HTTP-EQUIV

   HTML代码实例中有一项内容是

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  其作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。类似地,如果 将 “gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。

  HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出相应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

  2、关于META标签中的"description"

   HTML代码实例中有关"description"中的代码为:

  <meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等">

  "description"中的content="网页描述",是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的description,显然会有一些网页内容没有直接关系,这样不仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

  3、关于META标签中的"Keywords"

  与 META标签中的"description"类似,"Keywords"也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页的介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索的,过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没有太大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。
分享到:
评论

相关推荐

    Nuxt页面自定义meta标签和asyncData异步请求

    一、页面自定义meta标签 可以为每个页面单独设置不同的meta标签 以便于SEO 全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部标签内进行配置即可 值得注意的是:hid属性是页面的唯一标识 若想...

    Meta标签详解

    很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧!  META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档...

    网页优化meta标签使用方法及规则中文WORD版

    资源名称:网页优化meta标签使用方法及规则 中文WORD版   本文档主要讲述的是网页优化meta标签使用方法及规则;meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同...

    meta标签详解meta标签详解

    meta标签详解meta标签详解meta标签详解meta标签详解meta标签详解

    WebApp里的Meta标签大全

    我们前端人员经常写html, 但是老是忽略meta 所以这里关于webap里meta标签的使用定义,这种情况下使用的含义

    meta标签的作用及整理.html

    meta标签的作用及整理

    搜索引擎和 HTML Meta 标签(Meta Tags)

    搜索引擎和 HTML Meta 标签(Meta Tags)

    HTML中meta标签及Keywords

    关键字 meta(标签)及 Keywords(关键词),曾经在网页中很重要的,但现在已经被很多搜索引擎完全忽略。但是,如果加上这个标签也对网页的综合表现没有坏处,不过,如果使用不恰当的话,对网页非但没有好处,还有...

    meta标签中的

    meta标签中的http-equiv属性

    [Dreamweaver教程]Meta标签详解.doc

    [Dreamweaver教程]Meta标签详解.doc[Dreamweaver教程]Meta标签详解.doc[Dreamweaver教程]Meta标签详解.doc[Dreamweaver教程]Meta标签详解.doc

    META标签使用详解

    Meta标签的使用详解,简要介绍各meta的用法,PDF格式

    html的meta标签

    其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的 页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页...

    META标签详解、解决JSP页面显示乱码问题

    META标签,是HTML语言head区的一个辅助性标签

    meta标签详解(meta标签的作用)

    您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ...meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用

    meta标签详解

    meta标签详解

    vue中动态设置meta标签和title标签的方法

    因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 { path: '/teachers', name: 'TDetail', component: TDetail, meta: ...

    html的name和meta标签

    详细的介绍name和meta标签,更好的运用这两种标签。做出更好的网页效果。

    网页HTML代码中Meta标签详解.pdf

    网页HTML代码中Meta标签详解.pdf

    html-meta标签详解

    共13页,详细讲述&lt;meta&gt;标签,让你彻底明白meta标签的属性,功能,以及使用方法技巧。

    HTMLMETA标签.pdf

    HTMLMETA标签.pdf

Global site tag (gtag.js) - Google Analytics