当前位置:首页 > 内容营销 > 正文

2021 年的元标签:为什么它们在 SEO 中很重要?

2021 年的元标签:为什么它们在 SEO 中很重要?

找出您在 2021 年需要了解的有关元标记的所有信息:什么是元标记、如何将元标记用于 SEO、在 html 中的何处插入元标记等等。...

元标签定义:什么是元标签?

元标记是 HTML 标记的一部分,用于向搜索引擎和网站访问者描述您的页面内容。 Meta 标签只出现在页面的代码中,任何人都可以通过源代码 (Ctrl+U) 检查它们。

简而言之,Meta 标签是所有搜索引擎的关键,它们出现在网站页面的 HTML 代码中,并告诉搜索引擎该页面是关于什么的,它们是所有搜索引擎的第一印象和联系点。

在 HTML 网页的 <head> 部分中添加的元标记,它们是搜索引擎页面上“合法”隐藏单词。

每个平台都有不同的添加 Meta 标签的解决方案,就像 WordPress 有免费插件可供选择一样。 我个人推荐多合一 SEO 包和 Yoast SEO 插件。 两者都很受欢迎,您可以根据需要选择任何一种。

元标签对 2021 年的 SEO 很重要吗?

是的,它们可以,但并非所有 Meta 标签都能在 2021 年为您提供帮助。

根据我的经验,如果您想在 2021 年在 Google 中排名靠前,那么您还需要关注高质量的内容和用户满意度。 这篇文章的主要目的是解释哪些 Meta 标签适合搭配,哪些已经死了,没有用。

(见下文:有几个标签,我们可以称它们为坏的 Meta 标签,我们应该简单地忽略它们。)

元标记会影响用户在搜索结果中看到您网站的方式,以及他们是否真的点击进入您的网站。

约翰·穆勒,2017

如何检查网站上的元标记

如果您想检查任何页面的 Meta 标签,只需右键单击页面上的任意位置并选择“查看页面源代码”。 您还可以使用 SEMrush(特别是 SEMrush 审计工具)和 Screaming Frog 等工具来检查任何站点上的 Meta 标签。

2021 年最重要的 SEO 元标签

我个人关注 8 个主要的 Meta 标签,它们可以改善您的创业公司或运行网站的优化。

我在下面分享我对它们的看法:

  1. 标题标签
  2. 元描述
  3. 规范标签
  4. 替代文本 (Alt) 标签
  5. 机器人元标记
  6. 社交媒体元标签(开放图谱和推特卡片)
  7. 响应式设计元标签

标题标签

标题标签是第一个为搜索引擎和访问者指定您的网页的 HTML 元素。 Title 元素支持所有浏览器,包括 Chrome、Firefox、Safari 等。

始终在您网站的 <head> 部分添加您的 Title 标签。

 <头>
<title>这是标题样本</title>
</头>

Title 标签的最佳长度: Google 通常显示 55-64 个字符(保持在 60 个以下)。

标题标签优化对搜索引擎和访问者很重要。 它显示在 SERP 和浏览器选项卡中。

Templatemonster 帖子的浏览器标签标题标签如下所示:

Moti Hamou – 在线营销专家的 SERP 标题标签如下所示:

标题标签是 SEO 的第二个最重要的页面因素,仅次于内容。 – 资料来源:MOZ

您不能在网页中添加多个 <title> 元素。 – 资料来源:w3schools

写好标题标签的关键点:

  • 将“修饰符”添加到您的标题标签(如何|当前年份|评论|最佳|提示|顶部|查找|购买|简单)
  • 在标题标签中嵌入长尾关键词
  • 为您的标题添加数字(为您的网站添加 9 个重要的 HTML 标签以提高您的 SEO)
  • 使用主要目标关键字开始标题标签
  • 不要填充你的关键词
  • 每个页面都应该有一个唯一的标题标签

元描述

元描述是总结您的网页的 HTML 元素。 搜索引擎通常会在标题标签下方的搜索结果中显示元描述。

代码示例

<头>
<meta name="description" content="这是一个元描述示例。我们最多可以添加 160 个字符。">
</头>

谷歌不使用元描述作为排名信号; 尽管如此,它还是会对您的页面点击率产生巨大影响,因为它会出现在搜索结果中。

2017 年 12 月,谷歌增加了搜索结果中的摘要长度。 现在谷歌确认在去年 12 月扩大搜索结果片段后缩短了搜索结果片段。

元描述的最佳长度是多少?

“片段没有固定长度。 长度取决于我们的系统认为最有用的内容。” 他补充说:“谷歌不会为这些片段规定新的最大长度,因为这些片段是动态生成的。”

资料来源,丹尼·沙利文

桌面上描述片段字段的新平均长度约为 160 个字符,低于大约 300 个字符。

搜索结果片段的移动字符现在平均减少到 130 个字符。

搜索结果中由 Google 生成的说明

编写好的元描述标签的关键点:

  • 不要强调字符数,因为 Google 可能会根据用户的查询从您的内容中提取元描述文本。
  • 不要添加重复的元描述
  • 在您的描述中添加明确的号召性用语 (CTA),例如立即申请、结帐、立即联系我们等。请参阅这些 CTA 关键字以了解营销活动
  • 在描述中添加您的目标关键字
  • 战略性地为问题提供解决方案
  • 为您的用户写作并鼓励他们点击特定和相关的内容
  • 添加您正在进行的任何折扣或优惠
  • 在编写元描述时表现出同理心

    规范标签

Canonical 标记是具有“rel=canonical”属性的 HTML 链接标记,如果您有一个与其他多个页面 URL 具有相同内容的页面 URL,则使用该属性。

通过在代码中实现 Canonical 标签,我们告诉搜索引擎这个 URL 是主页面,并避免索引其他重复的页面 URL。

规范标签语法:

 <link rel="canonical" href="http://example.com/" />

我们应该在哪里选择规范 URL?

多个网址:

  • http://www.example.com
  • https://www.example.com
  • http://example.com
  • http://example.com/index.php

Google 将上述所有网址视为主页的重复版本。 为了解决这个问题,发明了规范标签(rel=canonical)。

会话 ID URL:

这些是系统自动生成的 URL,通常由 CMS 中的跟踪 URL、面包屑链接和永久链接生成

http://example.com/properties/villa-331-luxury-rental?partnerID=18 http://example.com/target.php?session_id=rj3ids98dhpa0mcf3jc89mq1t0

手机网址:

为您网站的移动版本使用特殊 URL (m.example.com) 时。

SEMrush 本身有两个版本——一个是移动版本,另一个是桌面版本。 对于移动和桌面版本,SEMrush 使用以下规范标签:

 <link rel="canonical" href="https://www.semrush.com/" /> 

替代文本 (Alt) 标签

Alt 标签对于任何图像都很重要,因为搜索引擎无法读取它们,因此您需要为图像添加适当的 Alt 文本,以便搜索引擎可以考虑它们。

替代文本的语法:

 <img src="http://example.com/xyz.jpg" alt="xyz" />

为图像创建 alt 标签时要考虑的关键点:

  • 所有图像都应该有信息丰富的文件名
  • 替代文字需要简短明了,切中要害
  • 始终使用原始的、正确类型的图像,因为这是迈向成功的重要一步
  • 创建图像站点地图
  • 在替代文本中使用 50-55 个字符(最多 16 个单词)
  • 使用最佳文件大小而不降低其质量以加快页面加载速度

“添加 alt 标签非常容易,您几乎应该在所有图像上都这样做。 它有助于您的可访问性,并且可以帮助我们了解您的图像中发生了什么。”

来源

机器人元标记

Robots Meta 标签是一个 HTML 标签,它向网络爬虫提供关于是否索引或不索引网页的指令。

Robots Meta 标签对搜索引擎爬虫有四个主要值:

  • FOLLOW - 搜索引擎爬虫将跟踪该网页中的所有链接
  • INDEX – 搜索引擎爬虫会索引整个网页
  • NOFOLLOW – 搜索引擎爬虫不会跟踪页面和该网页中的任何链接
  • NOINDEX – 搜索引擎爬虫不会将该网页编入索引

机器人元标记语法:

 <meta name=”robots” content=”noindex, nofollow”> - 表示不索引或不关注此网页。
<meta name=”robots” content=”index, follow”> - 表示索引并关注这个网页。

注意: robots Meta 标签应放置在您网页的 <head> 部分。

社交媒体元标签(开放图谱和推特卡片)

打开图标签:

Open Graph Meta 标签旨在促进 Facebook、LinkedIn、Google 与您在这些平台上共享的网站 URL 之间的集成。

以下是开放图谱标签在标准 HTML 中的外观示例:

 <meta property="og:type" content="article" />
<meta property="og:title" content="您的帖子或页面的标题" />
<meta property="og:description" content="页面内容描述" />
<meta property="og:image" content="图像文件链接" />
<meta property="og:url" content="PERMALINK" />
<meta property="og:site_name" content="站点名称" />

推特卡片:

Twitter 卡片的工作方式与 Open Graph 类似,不同之处在于您仅为 Twitter 添加这些特殊的 Meta 标签。 Twitter 将使用这些标签来增强在其平台上共享您的页面的显示效果。

以下是 Twitter 卡片在标准 HTML 中的外观示例:

 <meta name="twitter:title" content="TITLE OF POST OR PAGE">
<meta name="twitter:description" content="页面内容描述">
<meta name="twitter:image" content="LINK TO IMAGE">
<meta name="twitter:site" content="@USERNAME">
<meta name="twitter:creator" content="@USERNAME">

两个社交媒体元标签的样子:

如果您想了解有关这些标签的所有信息,请前往这篇文章。

标题标签

Header 标签用于创建标题,即通过使用这些我们可以应用字体更改。

标题元素是 H1、H2、H3、H4、H5 和 H6,其中 H1 是最高(或最重要)级别,H6 最低。

以下是我们如何使用从 SEMrush 获取的标题标签的示例:

 <h1> 提高 Shopify 网站速度的 9 个技巧</h1>
<p>内容段落</p>
<p>另一段内容</p>
<h2>性能分析</h2>
<p>内容段落</p>
<h3>使用 PageSpeed Insights 分析移动和桌面性能</h3>

需要考虑的重点:使用尽可能多的 H1 标签

来源:搜索引擎圆桌会议

响应式设计元标签

最后一个重要的 Meta 标签是 Responsive Design Meta 标签,我们称之为“Viewport Meta Element”。 通过使用视口元标记,我们可以控制移动浏览器上网页的布局。

此视口元素包含在网页的头部部分中。

句法:

 <meta name="viewport" content="width=device-width,initial-scale=1">

如果您想了解有关此响应式设计元标记的更多信息,请转到这篇写得很好的帖子。

注意:如果您的网站页面没有响应,不要使用此响应 Meta 标记,因为它会使用户体验更糟。

要忽略的元标记

最后,还有一些标签——我们可以称它们为坏的 Meta 标签,我们应该简单地忽略它们:

  • 关键词标签——谷歌在网络排名中不使用关键词元标签。 - 来源
  • Revisit after – 此 HTML 标记是机器人在特定时间段后返回页面的命令。 这个标签没有被任何主要的搜索引擎跟随,在 SEO 中没有价值。 最好避免使用此标签并将其留给搜索引擎来决定如何抓取您的网站。 语法:<meta name="revisit-after" content="7 days" />
  • 到期/日期- 此标签定义页面的到期日期。 我个人不推荐这个,如果你正在使用它,只需删除它。 语法:<meta http-equiv=”Expires” content=”Fri, 28 January 2021 23:59:59 GMT”>
  • 站点验证——忽略这一点。 您可以使用 Google Search Console 和 Bing 网站管理员工具验证您的网站。
  • 版权- 每个站点都将其版权放在页脚中,因此您不需要单独的标签。 这个标签的大不。
  • 分布——“分布”值据称用于控制谁可以访问文档,通常设置为“全局”。 它本质上暗示,如果页面是打开的(没有密码保护,就像在 Intranet 上一样),则它是面向全世界的。 随它去吧,把标签留在页面上。 - 来源
  • 生成器——无用的标签。
  • 缓存控制——这个标签允许网络发布者定义一个页面的缓存频率。 通常,这些不是必需的; 我们可以简单地使用 HTTP 标头而不是这个 HTML 标签。
  • ODP 机器人元标记– Google 不再遵循此元标记。 -来源
  • Geo Meta Tag – Google 不使用 Geo Meta 标签对页面进行排名。 - 来源

所以这些是我们应该考虑或忽略的少数 HTML 标签。 现在您可以轻松智能地使用相关的 HTML Meta 标签。

不要忘记在下面发表评论并分享您对 HTML 标签的看法。 谢谢阅读!

注意:本文所表达的观点是作者的观点,并不一定代表卡菲昂及其员工或合作伙伴的观点。

,

最新文章