HTML 元数据中的元素和最佳实践

元标记是代码的简短摘录，可告知搜索引擎有关您网页的重要信息。 他们还控制 Web 浏览器向访问者显示的方式。 元标记存在于每个网页上，您只能在 HTML 代码中看到它们。 这是 SEO 的元标记示例列表。

• 元描述
• 元机器人
• 元标题
• 元字符集
• 元刷新重定向
• 元视口

元标题

谷歌和其他搜索引擎在搜索结果中显示的页面标题是元标题。 HTML 标题使用户可以快速了解结果的内容及其与查询的相关性。 它通常是决定点击哪个结果的基本信息形式。 在您的网页上使用高质量的标题对于 SEO 非常重要。 这是元标题的示例：

最佳实践

• 为您的页面使用特殊的标题标签
• 标题应简短且具有描述性
• 避免使用通用和模糊的标题
• 使用标题或句子大小写
• 不要使用点击诱饵，而是使用值得点击的东西
• 匹配搜索意图
• 使用 60 个字符或更少
• 在必要时包括目标关键字

查找和修复标题标签错误

确保您的标题标签既不太长也不太短。 避免不必要的冗长或冗长的标题，同时保持简洁和描述性。 确保每个页面都有一个标题标签。 避免页面上有多个 HTML 标题标签，因为如果有多个网页，搜索引擎可能会显示不相关的标题标签。 跨多个页面的重复标题。 您网站的每个页面都有一个独特的描述性标题，这一点非常重要。

在 60 秒内测试您网站的 SEO 和性能！

良好的网站设计对访问者的参与度和转化率至关重要，但网站速度缓慢或性能错误甚至可能使设计最好的网站表现不佳。 Diib 是世界上最好的网站性能和 SEO 监控工具之一。 Diib 利用大数据的力量帮助您快速轻松地增加流量和排名。 正如在企业家中看到的！

• 易于使用的自动化 SEO 工具
• 关键字和反向链接监控+想法
• 确保速度、安全性和核心生命体征跟踪

• 智能地提出改进 SEO 的想法
• 超过 250,000,000 名全球会员
• 内置基准测试和竞争对手分析

例如“www.diib.com”

免费注册

被超过 250,000 家公司和组织使用：

• 
• 
• 
• 

与

元描述

元描述给出了网页的简短描述。 搜索引擎使用它在搜索结果中显示网页。 它使用特定页面内容的简短准确摘要来通知并获得用户的兴趣。 元描述向用户保证他们在正确的页面上并且正是他们正在寻找的内容。 但是，Google 并未将它们用作直接排名因素。 下图显示了元描述：

最佳实践

• 为每个页面写一个独特且易于理解的描述
• 提供准确的总结
• 不要使用通用描述
• 在有意义的句子中适当地使用主要关键字
• 使用句子大小写
• 不要使用点击诱饵，而是写一些值得点击的东西
• 匹配搜索的目的
• 使用 160 个字符或更少

常见的元描述错误

编写元描述的最常见错误与标题标签的错误几乎相似。 太长或太短的元描述。 元描述的长度通常没有限制。 为了适应设备的宽度，通常会缩短提取的搜索结果。 另一个错误是网页完全没有元描述。

确保将其写在您的网站上。 您也可以拥有一个包含多个元描述的页面，但这可能会使搜索引擎感到困惑。 在多个页面上拥有相似的元描述也是一个常见的错误。 确保每个页面都有自己独特的描述。

元机器人

元机器人允许搜索引擎抓取网页，并提供有关如何执行此操作的说明。 如果您未在元机器人标记中使用正确的属性，则您的网站出现在搜索结果中可能会产生负面影响。 了解这个标签并有效地使用它会极大地影响你的 SEO。

index 值告诉机器人进行页面索引，而 noindex 值指示机器人不进行页面索引。 以下值指示机器人爬取页面上的链接以保证它们，而 nofollow 值指示它们不要爬取页面上的链接以避免任何背书。

最佳实践

仅在限制 Google 对页面的抓取时使用元机器人标签，并避免在机器人中阻止带有元机器人标签的页面。

常见的元机器人错误

一些典型的元机器人错误包括机器人阻止没有索引页面。 这使得 Google 很难看到 noindex robots 标签，并且可能会继续将 URL 编入索引。 流氓元 noindex 通过限制 Google 将其编入索引来减少页面的自然流量。 流氓 meta nofollow 将阻止 Google 抓取页面的链接，并减少发现和索引关键内容的机会。 这也可以防止 PageRank 流向重要页面。

元视口

元视口设置网页的可见区域，并提供有关浏览器如何在不同屏幕尺寸上显示页面的说明。 这一点很重要，因为适合移动设备的网页在 Google 的移动搜索结果中排名较高。

最佳实践

在所有网页上使用元视口并使用标准标签至关重要。

元字符集

这个标签决定了你的页面的字符编码，或者只是指示浏览器如何在页面上显示字符和文本。 有两种常见的字符集，包括用于编码 Unicode 的 UTF-8 和用于编码拉丁字母的 ISO-8859-1。 用错误的字符编码会导致浏览器显示不正确。

（图片来源：学习网络教程）

字符格式问题会导致负面的用户体验，并且您的页面看起来可能会损坏。 它可能导致的其他问题包括链接到您页面的人数减少、停留时间短、页面停留时间短、跳出率高以及搜索引擎可能无法理解您的内容。

最佳实践

• 始终在所有网页上使用元字符集标记
• 尽可能使用 Unicode/UTF-8

检查所有网页以确保它们使用 UTF-8 编码非常重要。

元刷新重定向

此标签在一定时间后将用户重定向到另一个 URL。 谷歌理解并尊重元刷新重定向标签，但最好不要在 SEO 中使用它们。 这是因为大多数浏览器不支持它们，并且可能会在引起安全问题的同时给用户造成混淆。 它还需要时间，因为页面需要在目标 URL 可见之前进行解析。 这就是该标签的外观：

（图片来源：HostPapa）

最佳实践

• 仅在必要时使用元刷新重定向标签

最好尽可能避免使用元刷新重定向，因为它们是一种不好的做法。 如果您的网页上有它们，则可以尽可能使用 301 或 302 重定向。

元关键字

元关键字是当今经常使用的一个很好的元标记示例。 由于 Google 停止使用关键字进行排名，因此不建议在元关键字标签中添加目标关键字列表。 这是因为许多人在用户从未见过这些关键字的情况下填充了不相关的关键字。 谷歌忽略了关键字元标记，因为它经常被滥用。

Bing 现在使用关键字元标记来表示垃圾邮件，因此这可能对您不利。 最好从您的网站中删除该标签。

元数据是提供有关其他数据的信息的数据。 HTML 元数据总结了有关数据的基本信息，使查找和使用该特定数据变得更加容易。 它可以手动创建以提高准确性，也可以自动创建以提供更多基本信息。 Mata 数据用于文档文件、图像、视频、电子表格和网页。

什么是元标签生成器？

元标记生成器允许您为 SEO 开发所需和最有用的 HTML 元标记。

使用 HTML 元数据时的最佳实践

总是声明一个 Doctype

文档类型声明应该是 SEO 的 HTML 元标记中的第一件事。 它通知浏览器正在使用的 XHTML 标准。 建议使用 XHTML 1.0 strict doctype，尽管一些开发人员认为这是一个艰难的选择。 它确保您的代码严格符合最新标准。

使用有意义的标题标签

标题标签使网页更有意义和搜索友好。

使用元标签的描述性列表

对于搜索引擎蜘蛛等用户代理，元标记列表为您的网页增加了更多意义。 重要的是描述中没有重复的单词和短语，因为搜索引擎会检测到这一点。 在解释您的网页的目的时，请使用简单明了的描述。

使用 Div 将布局划分为主要部分

在构建网站设计时，请考虑在第一步中将网页划分为多个部分。 这将促进一个干净和善意的代码，同时帮助您在编写复杂而长的标记时防止混淆和过度使用 div。

避免混合演示文稿中的内容

不要将您的 HTML 内容与 CSS 提供的内容视觉呈现混合在一起。 为您的样式创建一个单独的 CSS 文件而不是在您的 HTML 中使用内联样式是非常必要的。 这将使您和其他处理代码的开发人员能够快速更改并确保您的内容更容易被用户代理理解。

缩小和统一 CSS

典型的网站有一个主要的 CSS 文件，可能还有其他一些东西，比如特定于浏览器的修复和 CSS 重置。 当每个 C 文件发出 HTTP 请求时，它会减慢网站加载时间。 从所有代码中取出不需要的字符，例如换行符、空格和制表符，并统一可以集成在一起的文件。 这可以帮助解决该问题并改善您网站的加载时间。

缩小、统一和下移 JavaScript

避免使用内联 JavaScript，而是尝试缩小和统一 JavaScript 库，以减少生成一个页面所需的 HTTP 请求数。 但是，您不能在大多数浏览器中进行并行下载，这意味着浏览器在下载 JavaScript 时不会下载任何其他内容，从而使页面看起来好像加载缓慢。

为避免这种情况，您可以在加载 CSS 后加载 JavaScript，方法是将 JavaScript 放在 HTML 文档的末尾（如果适用），最好是在关闭 body 标记之前。

明智地使用标题元素

使用 h1 到 h6 元素来指示您的 HTML 内容顺序使您的内容对用户代理、搜索引擎和屏幕阅读软件更加用户友好。 使用博客时，最好使用 h1 元素作为博客文章的标题，而不是网站名称，因为它非常适合搜索引擎。

在正确的地方使用正确的 HTML 标签

了解可用的 HTML 标记以及如何准确使用它们以避免混淆并创建相关的内容结构非常重要。

我们希望您发现这篇文章很有用。

如果您想更有趣地了解您的网站健康状况，获得个人推荐和提醒，请通过 Diib 扫描您的网站。 只需 60 秒。

输入您的网站

例如“www.diib.com”

免费注册

我无法得到足够的DIIB！ 最好的工具，我很感激找到它。 我绝对喜欢它！ 祈祷你不要提高价格，因为这太完美了。

卡塔琳娜·盖奇
ahoymatey.com.au 的运营总监

避免过度使用 div

一些开发人员将 div 标签包装在具有更多 div 标签的其他 div 标签上，从而创建了许多 div。 div 被认为是无意义的元素，根据 W3C HTML 规范，只有在没有其他可用的合适元素时才应使用它。 通过负责任地并且仅在必要时使用它们来避免使用大量 div。

使用无序列表进行导航

与 CSS 结合使用时，导航元素是网站设计中非常重要的因素。 它可以帮助您的导航菜单语义化和美观。 这里有两种方法可以做到这一点：

（图片来源：Studytonight）

关闭您的标签

W3C 规范要求您关闭所有标签。 即使未能关闭您的标签在正常标准下是无效的，其他浏览器也可能正确显示您的页面。

使用小写标记

保持标记小写是业内的标准做法。 大写标记会影响代码的可读性，但不会改变网页的显示。

使用模块化 IE 修复

如果您的页面有问题，您可以使用条件注释将注意力集中在 Internet Explorer 上。 确保您使修复模块化，以确保您的工作是面向未来的，这样旧版本的 IE 将不需要任何支持。

验证您的代码

您不应将验证视为对好工作与坏工作的最终评估。 验证的工作不一定是好代码，或者，没有完全验证的工作不一定是坏代码。

您可以使用自动验证服务作为有用的调试器来识别呈现错误。 在编写 HTML 时经常验证您的工作，以避免在完成工作后可能难以识别的问题。

编写格式一致的代码

编写一个干净且用心良好的代码库可以提高您的专业性，并使可能处理您的代码的开发人员更容易。 当您从一开始就编写正确缩进的标记时，您还将提高工作的可读性。 例如：

（图片来源：html.com）

避免过多的评论

记录您的代码的目的是使其易于理解，并且注释您的代码对于 Java、PHP 和 C# 等编程语言来说是合理且合乎逻辑的。 但是，标记是不言自明的，您不需要对 XHTML/HTML 中的每一行进行注释。 如果您在 HTML 中注释很多来解释该过程，那么审查您的语义工作将对您有所帮助。

Diib：在这里获取您的 HTML 元数据统计信息！

使用这些元素并遵循指南将帮助您进行 SEO 工作。

像一个好的元描述这样的元素会增加你的搜索点击率，即使它不会提高你的排名。 元标签现在被用于 Twitter 和 Facebook 等社交媒体平台。 您可以使用标签检查您的数据在 Facebook 上的共享方式。 与 Diib Digital 合作将为您提供有关元数据的重要指标，以便您可以就网站健康状况做出有效决策。

以下是我们相信您会喜欢的用户仪表板的一些功能：

• 旨在提高网站性能的定制目标
• 告诉您有关您的域授权的其他技术 SEO 问题的警报
• 有反向链接的损坏页面（404 检查器）
• 关键字、反向链接和索引监控和跟踪工具
• 用户体验和移动速度优化
• 图片标题优化

单击此处进行免费扫描，或直接致电 800-303-3510 与我们的一位增长专家交谈。