我必须在我的网站上放置哪些重要的元标签?

89

看起来你可以设置大量的 元标签。 我猜其中一些比其他标签更重要。

哪些是最重要的元标签,为什么?

我需要元标签吗?(查看 stackoverflow 首页,没有元标签)


1
这不更适合在ServerFault上讨论吗? - David Thornley
5
为什么网站开发不是一个问题?这毕竟是一个编程问题,不是吗? - Johnno Nolan
8个回答

117

我知道这个问题已经很老了,但它仍然是谷歌的热门搜索结果之一,所以我想给出一个更新的答案,其中包括流行的社交媒体网站。

通常我的元信息分为四个组:


常规元信息 - 用于搜索引擎和浏览器

<title>{{pageTitle}}</title>
<meta charset="utf-8"><!-- html5 version of http-equiv="Content-Type"... -->
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">
<link rel="author" href="https://plus.google.com/{{googlePlusId}}" />
<link rel="canonical" href="{{pageUrl}}" />


Facebook元数据 - 在某人分享您的网址时由Facebook使用

<meta property="og:url" content="{{pageUrl}}">
<meta property="og:image" content="{{imageUrl}}">
<meta property="og:description" content="{{description}}">
<meta property="og:title" content="{{pageTitle}}">
<meta property="og:site_name" content="{{siteTitle}}">
<meta property="og:see_also" content="{{homepageUrl}}">


Google+元信息 - 当有人分享你的URL时,被Google+使用。

<meta itemprop="name" content="{{pageTitle}}">
<meta itemprop="description" content="{{description}}">
<meta itemprop="image" content="{{imageUrl}}">
注意:你实际上不需要这些,Google+会回退到Facebook使用的Open Graph标签。 Twitter元信息 - 当某人分享你的URL时,Twitter会使用它。
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="{{pageUrl}}">
<meta name="twitter:title" content="{{pageTitle}}">
<meta name="twitter:description" content="{{description}}">
<meta name="twitter:image" content="{{imageUrl}}">

1
谢谢更新! - Ian Walker-Sperber

24

我将使用我在这个问题中的同样答案:

几年前,meta标签对于搜索引擎优化非常重要。然而,它们已被滥用,几乎所有搜索引擎(包括Google、Yahoo和Live search。抱歉:Bing)都将其忽略。

对于SEO来说,在你的(X)HTML中可以包含的最重要的标签是<title><meta name="description"...>标签。

  • <title>通常应该是你想让搜索引擎在列表中命名你的页面的内容。
  • <meta name="description"...>有时可以让搜索引擎在索引页面时获得关于如何描述你的页面的基本想法。

然而,使用这两个标签并不一定会增加你的网站在搜索引擎列表中的可见性。有关此方面的更多信息,请参阅Google网站上关于SEO的部分


13

2015年5月更新:虽然这仍然是一个非常受欢迎的答案,但我建议您查看@alden的答案,因为它比我的答案更新得多(现在已经6年了)

以下是原始答案:


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 

告诉浏览器内容类型和编码是什么。
<meta NAME="ROBOTS" CONTENT="NOODP">

请参见http://www.mattcutts.com/blog/google-supports-meta-noodp-tag/,了解其原因。
<meta name="description"...>

显而易见。
<meta name="keywords"...>

谷歌不使用此功能,但其他搜索引擎可能会使用

<meta HTTP-EQUIV="Expires" CONTENT="Tue, 20 Jun 1995 04:13:09 GMT">

如果您知道希望此页面从缓存中过期的时间

1
这个代码 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 有何作用? - Dan
X-UA 是针对您的 IE 浏览器的,与兼容性相关。 - Javascript Coder
1
为了对新来者更友好,我将接受 @alden 的答案,但感谢您的贡献。它过去和现在都非常有用。 - Johnno Nolan

7

最重要的元标签是:

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

适当调整以适应。这确保了,如果您需要通过其他方式传输HTML文档(例如在本地工作,作为附件发送),用户代理会知道其MIME类型和字符集。只需确保您的服务器标头一致即可。


9
<meta charset="utf-8" /> 是 HTML5 的等效写法。 - Druid

3

最好的SEO是一个能够有效满足目标用户需求的网站。为此,您需要拥有一个包含人们可以使用、想要或需要的内容的网站。这就是价值,也是最重要的事情。它可以是优质文章、有趣的视频或有用的下载等任何内容。标签可以支持良好的内容,但无法替代SEO。如果内容足够好,则不需要标签。相信我,如果您的网站有任何人们想要或需要的东西,而又在其他地方得不到,那么您的网站将在所有方面表现良好,无论是否有标签。如果您的网站很无聊且没有价值,它将失败,无论是否有标签。


2

描述标签将被谷歌用作您网站的描述。我认为这是最重要的。

我认为verify-v1元标记很重要。它使使用Google网站管理员工具成为可能。


1
我建议您在网页中添加标题、描述、关键词和重新访问标签。虽然 Google 不会过多考虑关键词标签,但它可能仍然被一些较小的搜索引擎使用。

1

GoogleBot只关注页面内容本身,而不信任元信息或内容描述符。因此,某些标签的有用性可能会受到限制。


3
谷歌在展示网页搜索结果时确实会使用元信息,因此它并不完全无用。 - Matthew Scharley

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接