65.9K
CodeProject 正在变化。 阅读更多。
Home

Meta 标签新手指南

<b><font color=#000080>Nnamdi Onyeyiri</font></b>
starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.03/5 (14投票s)

2002年6月27日

3分钟阅读

viewsIcon

125235

这是一个使用 HTTP-EQUIV 和 NAME meta 标签的指南。

什么是 meta 标签？

Meta 标签是位于你的 HTML 的 <head> 和 </head> 标签之间的标签。有两种不同类型的 meta 标签。一种使用 NAME 属性，另一种使用 HTTP-EQUIV。

  • NAME: 不对应于 HTTP 头的 name 标签。
  • HTTP-EQUIV: 这些是对应于 http 头的标签。

为什么要使用 meta 标签？

http-equiv 标签不是必须使用的。事实上，name 标签也不是必须的，但如果不使用 name 标签，你的网站就无法被许多搜索引擎索引。大多数搜索引擎使用机器人来抓取你网站的页面，这些机器人会寻找特定的 name 标签，这些标签提供诸如关键词和页面描述之类的信息。然后，这些数据会被存储在搜索引擎的数据库中。一个典型的 meta name meta 标签的例子是：-

<meta name="keywords" content="key,word,about,my,site">
<meta name="description" content="my page is about bla">

至少你应该在你的页面中放置这些标签。

NAME 标签

我列出了一堆可以使用的 name 标签，但只有标有 * 的标签才真正需要使用。

描述*

这是页面内容的简短描述。当页面是一个框架集时很重要。

<meta name="description" content="这个网站充满了程序员的代码。">

关键词*

这些是与页面内容相关的重要的词语。诸如 the 之类的词和其他无关紧要的词语会被 spider 忽略。

<meta name="keywords" content="c++, 代码, 编程">

作者

这是页面作者的名字。

<meta name="author" content="chris maunder">

生成器

通常是用于制作页面的工具的名称和版本号。对于大多数程序，这会自动添加到页面中。可能被应用程序供应商用来发现市场渗透率。

Copyright

这是页面版权的归属者。

<meta name="copyright" content="chris maunder">

Robots

控制 spider 如何索引该页面。

  • NOINDEX - 告诉 spider 不要索引页面上的任何内容。
  • NOFOLLOW - 告诉 spider 不要跟踪页面上的链接，也不要索引这些链接。
  • NOIMAGEINDEX - 告诉 spider 不要索引页面上的图像。
  • NOIMAGECLICK - 告诉 spider 不要直接链接到图像，而是链接到图像所在的页面。
  • [仅限 Google (我认为)] NOARCHIVE - 告诉 spider 不要缓存页面。

<meta name="robots" content="NOINDEX">

HTTP-EQUIV 标签

Expires

这用于当页面上的内容会过期时。如果 spider 检测到这个，它会从搜索引擎数据库中删除该页面，或者在过期日期重新索引该页面。

<META HTTP-EQUIV="expires" CONTENT="Thu, 27 Jun 2002 10:56:57 GMT">

Cache-Control

告诉浏览器如何处理该页面的缓存。

  • PUBLIC - 可能会在公共共享缓存中缓存。
  • PRIVATE - 仅在私有缓存中缓存。
  • NO-CACHE - 不要缓存页面。
  • NO-STORE - 可以被缓存但不能被存档。

<META HTTP-EQUIV="cache-control" CONTENT="no-cache">

Content-Type

这会导致浏览器在加载页面之前加载正确的字符集。

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

Content-Style-Type

这是在页面中定义样式的方式。

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

Content-Language

这当然是页面使用的语言。

<META HTTP-EQUIV="Content-Language" CONTENT="EN-GB">

刷新

此标签导致页面刷新并在指定时间后加载指定的页面。延迟以秒为单位。

<META HTTP-EQUIV="Refresh" CONTENT="10; https://codeproject.org.cn">

Set-Cookie

这允许页面设置一个 cookie 在特定日期过期。

<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=cp; expires=Thu, 27 Jun 2002 10:56:57 GMT; path=/">

© . All rights reserved.