什么是元标记(它们如何在 HTML 中工作)?

什么是元标记(它们如何在 HTML 中工作)?

什么是元标记(它们如何在 HTML 中工作)?

有很多不同的元标签,每个都有一个特定的目的,通常与告诉搜索引擎爬网和浏览器如何解释你的网站有关。但并非所有元标记都是平等的,有些会影响内容在 SERP 中的显示方式,而另一些则告诉爬网机和浏览器如何解释你的页面。

无论你是构建新页面还是优化现有页面,了解如何使用元标记以及要关注哪些元标签,都可以对搜索引擎和网站访问者与你的内容进行交互的方式产生重大影响。

什么是元标签?

元标记是网站头部部分的 HTML 元素。搜索引擎使用它们来了解有关页面的特定信息,例如内容的标题和说明。虽然这些元标签不会直接显示给网站上的读者,但它们是任何技术 SEO 审核中至关重要的一部分。

每个标记都提供了有关 Web 爬网程序应如何分析你网站上的元数据的重要信息。基本上,这是一种告诉搜索引擎,有时是浏览器如何解释你创建的内容的方法。

让我们在查看一些重要的元标记:

<meta charset="utf-8" />

这将定义网站的字符编码。它告诉浏览器和搜索引擎如何在基本级别解释网站的代码 / 内容。基本上,它定义了你的网站使用的语言。UTF-8,也称为 Unicode,是覆盖世界上几乎所有字符和符号的字符编码。

<title>文档标题</title>

页面标题将显示为 SERP 中的标题。

<meta name="description" content="文档描述" />

此标记汇总了页面的内容,并显示在 SERP 中的标题下方,并将告诉搜索者该页面是否有助于回答他们的查询。只要记住,谷歌也可以从你的网页直接拉出各种不同的搜索功能的内容。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
  • X-UA 兼容:告诉 Microsoft Edge 以尽可能高的模式显示页面。
  • HandheldFriendly:告诉浏览器和 Web 爬网程序你的网站使用移动标记,这意味着该页面已针对移动浏览器进行了优化。
  • 当你的网站在不同的设备(桌面、手机、平板电脑等)上查看时,Viewport 会告诉浏览器如何控制页面的尺寸和缩放。

SEO 元标记和开放图形元标记的区别

我们的屏幕截图中包含 OG 的属性名称中的标记:

<meta property="og:site_name" content="xxx" />
<meta property="og:type" content="article" />
<meta property="og:title" content="xxx />

在博客内容中包含这些标签非常重要,以确保共享这些标签是读者的无缝体验。否则,当读者共享你的内容时,他们的帖子将只包含文章本身的 URL,不会显示标题、图像或说明。

搜索引擎爬网程序如何使用元标签

将元标记视为搜索引擎爬网程序的一种路线图。每当一个机器人降落在你的网站上,它的目标是尽可能多地学习,并将这些数据带回各自的搜索引擎进行索引。正确的元标记使用可确保以易于分析的方式告诉这些自动程序正确的信息。

我们可以根据它们告诉爬虫关于你的网站的内容来分解不同的元标签。有元标记:

  • 告诉爬虫如何与你的网站交互
  • 告诉搜索引擎如何在 SERP 中显示信息
  • 告诉浏览器和设备在访问你的网站时如何显示你的网站

影响爬网程序与网站交互方式的元标签

一旦爬网程序访问你的网站,机器人需要了解如何与它进行交互。如果你没有在网站的 <head> 部分定义某些元标记,则网络爬网程序不可能了解它们要阅读的信息。其中一些元素将在站点级别定义,如字符集和 hreflang,但其他元素将定义应如何爬网特定页面。

  1. 字符集元标记

    <meta charset="utf-8" />
    

    我们之前引用了这一点,但此元标记是爬网程序访问你的网站时首先需要知道的内容之一。这就是为什么它是你将在网站的 <head> 部分看到的第一个元标记。如果没有它,爬网程序和浏览器将无法呈现你的网站。

  2. Hreflang 元标签 基本上有两种方法可以定义你网站上使用的语言。第一个是显示在网站源代码顶部的通用 HTML 标记:
    HTML 中的语言标记
    这是定义网站内容的简单方法,该内容在你生成的全部内容中是静态的。另一种方式是使用 hreflang 元标记,该标记更常用于对多语言网站编制索引。

  3. 关键字元标记

    <meta name="keywords" content="content">
    

    关键字元标记最初是为了定义网站特定页面的一组相关关键字而创建的。我们说 "是",因为它是一个过时的 SEO 优化方法,可以追溯到 1995 年,当时搜索引擎没有现在那么强大。

    我们不建议你在网站上使用此元标记,因为最终,它毫无用处。Google 等人将直接抓取你的网站内容,并决定哪些关键字与网页本身相关。

  4. 规范元标签

    <link rel="canonical" href="https://www.spyfu.com/blog/what-is-search-intent/" />
    

    此元标记告诉搜索引擎哪个页面是任何给定页面的主副本。它用于减少重复内容的可能性,并告诉搜索引擎你的页面应显示在 SERP 中的哪个版本。你应该在博客的每一页上定义此内容,即使将内容联合到其他出版物(如 LinkedIn 或 "中")时,你最终不会用同一页面的多个版本蚕食你的排名。 使用此标记还有助于减少爬网程序读取整个网站所用的时间,从而减轻爬网程序在每个页面中移动时对网站速度的任何负面影响。

定义网站呈现方式的元标签

这些元标记将帮助你管理你的网站在搜索者使用的不同浏览器和设备中的显示方式。许多将直接设置在网站级别,但你仍然需要了解他们是如何工作的,以确保你的技术 SEO 是最好的。

  • 视图元标签
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

视口标签是移动响应的核心组件之一。此元标记为浏览器提供跨多个不同设备正确呈现网站所需的信息。

正确定义它很重要。如果做不到这一点,可能会造成用户浏览你的网站时糟糕的体验,从而对你在 SERP 中的排名产生负面影响。它是你确保无缝体验的最佳工具之一,无论用户如何与你的网站交互。

定义网站上 SEO 元标签的最佳实践

元标记决定了 Web 爬网程序与你的网站交互的方式,因此你需要正确处理它们。如果你没有使用正确的语法或忽略字符限制,则有可能同时对排名产生负面影响并混淆搜索者。

虽然大多数 CMS 平台都将具有内置功能,可帮助你定义这些元标记,至少在网站级别,但重要的是在网站发布之前或更新后检查网站的每个页面。这样做将确保,即使你仔细考虑了这些元标记,你不会遇到任何问题。

也有插件,如 Yoast 为 WordPress,使更新元标记的过程更容易。如果你不愿意直接在你的网站上与代码交互,这些类型的第三方插件是不错的选择。在某些情况下,他们引导你走向 SEO 的最佳实践。

与任何 HTML 一样,你使用的语法已设置。使用 W3C 等资源在继续使用任何更新之前仔细检查如何编写这些元标记。

字符限制也很重要,尤其是对于元标题和描述。如果你不小心,你最终会截断重要信息,因此搜索者无法找到它。一般认为元标题不应超过 60 个字符,元描述不应超过 158 个字符。以本示例为例,其中元描述的第二句在不提供任何信息的情况下突然被切断。

也就是说,在移动设备上,搜索引擎将截断你的元描述,因此你需要瞄准少于 120 个字符。只要你遵循这些最佳实践,你就应该没有问题,为 Web 爬网程序提供正确索引你的网站所需的信息。反过来,这将给搜索者更好的整体体验与你的网站在 SERP 互动。

元标签快速告诉搜索引擎重要信息

当你在你的网站上以正确的方式使用正确的元标签时,他们会告诉搜索引擎他们需要知道的关于你的网站的一切。使数据随时可用,爬网程序可以轻松地分析数据并使其重新编制索引。

因此,优化元标记可以对你的排名能力产生积极影响,并为搜索者提供更好的整体 SERP 体验。不要让错位或构造不良的元标签给网站的 SEO 带来麻烦。