`
andy54321
  • 浏览: 442562 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML页面中的META标签基础知识

    博客分类:
  • SSH
阅读更多

什么是Meta标签?

HTML文档的Meta标签用于描述一个网页的基本信息,比如作者,内容关键字,内容描述,版权信息等内容,它不会显式的呈现给用户。

Meta标签用于做什么?

在没有搜索引擎的时代,Meta标签仅用于记录这个网页的作者,版权信息等内容;但随着搜索引擎的出现,Meta出现了新的含义:它可以给搜索引擎提供诸多方面关于当前页面的基本信息。大多数网站开发者主要重视和优化两个对搜索引擎非常重要的标签,分别是description 标签——用于描述网页的概要信息和keywords 标签——用于描述网页的关键字信息。一些搜索引擎,比如Google,可能将description标签中的内容作为页面的概要信息列表在用户的搜索结果中。但并不是所有搜索引擎都这么重视Meta标签,以Baidu为例,它就不怎么重视一个页面的Meta信息。

在未来一些年,随着搜索引擎的越来越智能化,Meta标签在搜索引擎中的地位将越来越低直到被彻底移除 ,这是大势所趋。因为随着人们对SEO知识的加深,越来越多的人学会了如何利用META标签中的关键字和描述标签来堆砌一些无用的关键字,这势必会影响搜索引擎的内容匹配质量,影响搜索引擎的发展。

那么我还要使用他们吗?

为什么不呢?虽然Meta标签对Google和Baidu的作用将越来越小,但就现阶段来说,作用还是相当大的。我们要遵循“能用则用,勿滥用”的原则来使用它们。

如何使用Meta标签?

meta keywords(用来描述一个页面的主要关键字):

<meta name = “keywords” content = “关键字1,关键字2,关键字3,关键字的词组,等等.”>

注意:我这里是用逗号来间隔各个关键字的。

meta description(用于描述一个页面的主要内容):

<meta name = “description” content = “HTML页面中的<META>标签基础知识,如何使用它们
以及注意事项。”>

每个描述description meta里面的字符,长度最好不要80字,而且尽量的简洁和明确,以能说服用户点击你页面的词句为佳 。过长的字句是没有用的,因为它们会被搜索引擎截断。

除了逗号,我能用其他字符或者空格来间隔每个关键词吗?

都可以,是否用逗号,是否用空格都看网页设计者的个人习惯。拿我个人的习惯而已,我喜欢在关键之间用英文逗号隔开。在这里,我推荐大家使用英文逗号来间隔多个关键词,因为它比其他分隔符所占的空间更小,更适合阅读。

我需要将这些Meta标签放在HTML文档的哪里才起作用?

我们需要将各个Meta标签放置于HTML文档的<head>...</head>之间。

为什么有的Meta标签使用的是HTTP-EQUIV而不是Name属性?

HTTP-EQUIV标签等同于一个HTTP头信息。根据HTML 3.2文档的说明,有些服务器会根据HTML文档的HTTP-EQUIV来生成一个新的HTTP头信息;比如文档字符类型HTTP头信息:

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

以上语句告诉服务器,这个HTML文档将以gb2312字符集(简体中文)显示文档中的内容信息。

所以,在你不熟悉HTTP协议的情况下,不要添加额外的http-equiv属性的标签(Tag),使用Name属性即可。否则不被服务器所识别的HTTP头信息可能会导致页面显示出错。

为什么有些网站的部分页面没有Meta标签信息?

上面曾提到,Meta标签已不在作为搜索引擎衡量一个页面权重的决定因素。就算一个页面没有Meta标签,搜索引擎同样可以根据这个页面的关键字密 度(有搜索者决定的关键字)和该页的外部导入链接权重决定。搜索引擎会自动提取页面中的前几句作为页面的描述信息显示在搜索结果索引页中。(这也印证了“ 内容为王”这一SEO基本原则

我需要给不同的页面加上不同的Meta标签吗?

推荐这么做,因为它会给搜索引擎一个重要的参考。

 

FROM: http://www.code52.net/page/xhtml/xhtml20081106161.html

分享到:
评论

相关推荐

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

    #### 二、META标签的基础知识 1. **定义**:META标签主要用于提供关于HTML文档的元数据,这些数据并不直接显示给用户,而是提供给浏览器或其他解析器使用,例如搜索引擎。 2. **语法格式**:`&lt;meta http-equiv="...

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

    在Web开发领域,尤其是前端...这份四页的PDF资料应该是对这些基础知识的精炼总结,可以帮助开发者快速查阅和掌握Meta标签的用法。对于那些希望提升网站可见性和用户体验的前端工程师来说,这是一个非常有价值的资源。

    H5 头部标签和meta

    在HTML5中,头部(head)标签和meta标签扮演着至关重要的角色,它们为网页提供了结构化信息,有助于搜索引擎优化(SEO),同时还能控制页面的行为和表现。这篇博文将深入探讨这些关键元素。 首先,HTML5的头部标签...

    html+css中的img+meta+style简单用法.zip

    在这个"html+css中的img+meta+style简单用法.zip"压缩包中,我们重点关注了HTML的`&lt;img&gt;`、`&lt;meta&gt;`标签以及CSS的`style`属性的应用,这些都是创建动态和美观网页不可或缺的部分。 首先,`&lt;img&gt;`标签用于在HTML文档...

    HTML+CSS基础知识点.pdf

    HTML+CSS 基础知识点总结 HTML+CSS 是前端开发的基础技术,掌握 HTML、CSS 和 JavaScript 语言是必不可少的。下面是 HTML+CSS 基础知识点总结: 1. HTML 是网页内容的载体,内容就是网页制作者放在页面上想要让...

    html基础知识点以及常用标签

    本文将深入讲解HTML的基础知识点,包括常用标签和属性,对于自学前端的人来说是很好的学习资料。 首先,HTML文档的头部通常包含`&lt;title&gt;`标签,它定义了浏览器标题栏显示的页面标题,如“家用电器排行榜”。`&lt;meta&gt;...

    HTML基础知识集锦

    HTML,全称为HyperText Markup Language,是一种...掌握这些基础知识是构建和理解网页内容的关键步骤。在实际开发中,还会涉及更多的HTML标签、CSS样式和JavaScript交互,这些都是构建动态、交互式网页的重要组成部分。

    前端基础知识讲解.pdf

    HTML基础知识讲解: HTML是超文本标记语言(HyperText Markup Language)的缩写,用于创建网页和网络应用程序。HTML使用标签来定义网页的各个部分,比如标题、段落、链接、图片和其他内容。 1. HTML文档结构: ...

    HTML5常用基础标签

    ### HTML5常用基础标签知识点详解 #### 一、HTML的基本结构 HTML5的基本结构由`&lt;!DOCTYPE html&gt;`声明、`&lt;html&gt;`根元素及其内部的`&lt;head&gt;`和`&lt;body&gt;`元素组成。 - **`&lt;!DOCTYPE html&gt;`**: 定义了文档类型和版本,...

    html+CSS考试试题

    ### HTML与CSS基础知识点解析 #### 一、HTML基础知识 1. **定义文档类型标签** - **知识点**: 在HTML文档中,`&lt;!DOCTYPE&gt;`声明位于文档的第一行,用于告知浏览器使用的HTML版本。 - **题目分析**: 题目要求识别...

    Html基础知识串讲

    在"Html基础知识串讲"中,我们将深入探讨HTML的基本概念、语法和常见元素,特别关注`IFrame`标签的使用。 HTML文档由一系列元素构成,每个元素都有其特定的意义和功能。这些元素通过开始标签和结束标签来表示,如`...

    Html基础知识点.docx

    Html 基础知识点 Html 是一种标记语言,用于创建网页的结构和内容。以下是 Html 基础知识点: 一、Html5 文档类型和字符集 * Html5 文档类型:&lt;!doctype html&gt; * Html5 字符集:&lt;meta charset="UTF-8"&gt; 二、...

    html 基础知识总汇

    本篇文章将全面介绍HTML的基础知识,包括其概述、基本结构以及常用的标签和属性。 **一、HTML概述与基本结构** HTML是一种描述性的语言,它通过标签来告诉浏览器如何展示网页内容。每个HTML文件都由以下基本部分...

    HTML基础知识.docx

    总之,HTML基础知识是构建网页和理解Web开发的基础,掌握这些概念和标签的使用,将有助于创建功能丰富的、用户友好的网页,并为更高级的Web开发技术打下坚实基础。无论是个人项目还是专业事业,精通HTML都是一个重要...

    HTML基础知识点入门.pdf

    此外,HTML还引入了一些不常用但是重要的标签,比如用于嵌入其他HTML页面,用于将页面分割成多个框架,但在现代HTML5中已不再推荐使用。在特定情况下,还会使用标签作为在不支持框架的浏览器中的回退内容。 HTML...

    HTML网页制作ppt课件.ppt

    HTML网页制作ppt课件 从这份ppt课件中,我们可以总结出以下几个重要的知识点: ...这些知识点都是HTML网页制作的基础知识,通过掌握这些知识点,可以更好地理解HTML的结构和用法,从而更好地制作网页。

    Meta 标签生成器

    比如,meta标签中的description属性可以提供网页内容的摘要,这通常会被搜索引擎用作搜索结果中的页面描述。keywords属性虽然已经被搜索引擎弱化作用,但仍然可以辅助描述网页的主题。 3. 字符集(Character Sets)...

    Html基础知识(chm格式)

    用`&lt;title&gt;`标签可以设置页面标题,如:`我的第一个HTML页面&lt;/title&gt;`。 描述(Description)虽然不直接显示在网页上,但常常在搜索引擎结果中作为页面摘要出现。虽然HTML本身没有直接的“描述”标签,但可以使用`...

    html入门基础知识

    本文将详细讲解HTML入门基础知识,帮助初学者快速上手。 一、HTML简介 HTML全称为超文本标记语言,是一种用于创建网页的标准标记语言。它通过一系列的标签来描述网页的结构和内容,浏览器解析这些标签后,将其转化...

Global site tag (gtag.js) - Google Analytics